/* ========================================== */
/* 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 ]================================== */
/* ===================================================================================== */
/*/ ......((CUSTOM FONTS))...... /*/
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
/*/ ......((GLOBAL))...... /*/
/* 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;}
/* for Section Gutters = OFF, remove padding from blocks */
/* use 1px offset to maintain box-model */
.container-fluid .block { padding-left: 1px; padding-right: 1px; }
.container-fluid .block > .mktoText, .container-fluid .block > .mktoForm, .container-fluid .block > .mktoSnippet { margin-right:-1px; margin-left:-1px; }
/* 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;}
/* framed images */
.frame-container {
    padding-right: 2.5rem;
    padding-top: 2rem;
}
.framed {
    position: relative;
    display: inline-block;
    z-index: 1;   
}
.framed img {
    overflow: hidden;
    border-radius: 0 25% 0 0;
}
.framed::before {
    content: "";
    background: linear-gradient(45deg, #823C14,#D38235 70%);
    height: 100%;
    width: 100%;
    margin-left: 1.5rem;
    margin-top: -1.5rem;
    position: absolute;
    border-radius: 0 25% 0 0;
    z-index: -2;
    left: 0;
    top: 0;
    box-shadow: 0.5rem 0.5rem 0.5rem rgba(0,0,0,0.4);
}

/* responsive vertical spacers (mobile = 50% smaller than tablet +)*/
.spacer-0 {padding: 0;}
.spacer-1 {padding: .25rem 0;}
.spacer-2 {padding: .5rem 0;}
.spacer-3 {padding: .75rem 0;}
.spacer-4 {padding: 1rem 0;}
.spacer-5 {padding: 2rem 0;}
/* border-radius */
.rounded {border-radius: 7px !important;}
/* circles */
.circle-md {width: 3rem; height: 3rem; border-radius: 50%;}
.circle-lg {width: 5rem; height: 5rem; border-radius: 50%;}
.circle-xl {width: 9rem; height: 9rem; border-radius: 50%;}
/*/ ......((TYPOGRAPHY))...... /*/
html {
font-size: 15px;
line-height: 1.5;
}
body {
font-family: "Roboto", sans-serif;
color:#253746;
font-weight: 300;
text-align: left;
overflow-x: hidden;
}
/* display headlines (XL+) */
.display-1 { font-size: 6.0rem; font-weight: 300; line-height: 1.2;}
.display-2 { font-size: 5.5rem; font-weight: 300; line-height: 1.2;}
.display-3 { font-size: 4.5rem; font-weight: 300; line-height: 1.2;}
.display-4 { font-size: 3.5rem; 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: 500;
font-family: "Roboto", sans-serif;
line-height: 1.3;
}
h1, .h1 {font-size: 3.25rem;}
h2, .h2 {font-size: 3rem;}
h3, .h3 {font-size: 2.125rem;}
h4, .h4 {font-size: 1.75rem;}
h5, .h5 {font-size: 1.25rem;}
h6, .h6 {font-size: 1.125rem;}
p.lead { font-size: 1.2rem; font-weight: 300;} /* large text */
p { margin-top: 0; margin-bottom: 1rem;}
p.small {font-size:0.8rem;}
b, strong {font-weight:500;}
/* text links */
a:not(.btn), .btn-link {color:#D38235; font-weight:inherit; text-decoration: none;} /* primary color */
a:not(.btn):hover, a:not(.btn):focus, a:not(.btn):active, .btn-link:hover {color:#d38335; text-decoration: none; } /* primary-dk color */

/* buttons */
button, .btn {
text-decoration:none;
font-family: "Roboto", sans-serif;
font-weight:500;
max-width:100%;
border-radius: 7px;
padding: 0.75rem 1.75rem !important;
font-size:1rem;
line-height:1.3;
}
button:focus, .btn:focus {
box-shadow: none
}
.btn-sm {
font-size: 0.875rem;
line-height: 1.5;
padding: 0.5rem 0.75rem !important; /* sm button-padding */
}
.btn-lg {
padding:1rem 2.125rem !important; /* lg button-padding */
}
.tag {
display: inline-block;
padding: 0 .5em;
font-weight: 400;
text-transform: uppercase;
}
span.code {
    font-family: monospace;
    font-size: 0.8rem;
    background-color: #e6e6e6;
    color: #888;
    padding: 2px 4px;
    border-radius: .25rem;
    border: 1px solid #d2d2d2;
}
hr {
border-top: 1px solid #D6D2C4;
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:500;
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: #71B0B4; /* primary color */
font-size: 100px;
font-family: sans-serif;
}
blockquote.text-white::before{
color:#fff;
}
/* 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) {
html {font-size:16px;}
/* responsive vertical spacers (tablet+ = 2x larger than mobile)*/
.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: 3rem 0;}
}
/*/ Large devices (desktops, 992px and up) /*/
@media (min-width: 992px) {
}
/*/ Extra large devices (large desktops, 1200px and up) /*/
@media (min-width: 1200px) {
html {font-size: 17px;}
}
/* ====================================================================================== */
/* ==================================[ [2] colors.css ]================================== */
/* ====================================================================================== */
/* :::::::::::::::::::::::: */
/* ::::::: primary :::::::: */
/* :::::::::::::::::::::::: */
.table-primary, .table-primary>td, .table-primary>th { background-color: #88bdc0;}
.table-primary tbody+tbody, .table-primary td, .table-primary th, .table-primary thead th { border-color: #88bdc0;}
.table-hover .table-primary:hover { background-color: #88bdc0;}
.table-hover .table-primary:hover>td, .table-hover .table-primary:hover>th { background-color: #88bdc0;}
.btn-primary { color: #fff; background-color: #71B0B4; border-color: #71B0B4;}
.btn-primary:hover { color: #fff; background-color: #5aa3a8; border-color: #5aa3a8;}
.btn-primary.focus, .btn-primary:focus { box-shadow: 0 0 0 .2rem rgba(113, 176, 180, 0.5); color:#fff; background-color: #5aa3a8; border-color: #5aa3a8;}
.btn-primary.disabled, .btn-primary:disabled { color: #fff; background-color: #71B0B4; border-color: #71B0B4;}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle { color: #fff; background-color: #5aa3a8; border-color: #5aa3a8;}
.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(113, 176, 180, 0.5);}
.btn-outline-primary { color: #71B0B4; border-color: #71B0B4;}
.btn-outline-primary:hover { color: #fff; background-color: #71B0B4; border-color: #71B0B4;}
.btn-outline-primary.focus, .btn-outline-primary:focus { box-shadow: 0 0 0 .2rem rgba(113, 176, 180, 0.5); color:#fff; background-color: #71B0B4; border-color: #71B0B4;}
.btn-outline-primary.disabled, .btn-outline-primary:disabled { color: #71B0B4; 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: #71B0B4; border-color: #71B0B4;}
.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(113, 176, 180, 0.5);}
.badge-primary { color: #fff; background-color: #71B0B4;}
a.badge-primary:focus, a.badge-primary:hover {color: #fff; background-color: #5aa3a8;}
a.badge-primary.focus, a.badge-primary:focus {outline: 0; box-shadow: 0 0 0 .2rem rgba(113, 176, 180, 0.5);}
.alert-primary {color: #5aa3a8; background-color: #88bdc0; border-color: #88bdc0;}
.alert-primary hr {border-top-color: #88bdc0;}
.alert-primary .alert-link {color: #5aa3a8;}
.list-group-item-primary {color: #5aa3a8; background-color: #88bdc0;}
.list-group-item-primary.list-group-item-action:focus, .list-group-item-primary.list-group-item-action:hover {color: #5aa3a8; background-color: #88bdc0;}
.list-group-item-primary.list-group-item-action.active {color: #fff; background-color: #5aa3a8; border-color: #5aa3a8}
.bg-primary {background-color: #71B0B4!important;}
a.bg-primary:focus, a.bg-primary:hover, button.bg-primary:focus, button.bg-primary:hover {background-color: #5aa3a8!important;}
.bg-primary-light{background-color: #c6dfe1;}
.bg-primary-gradient {background: linear-gradient(45deg, #28939D, #71B0B4 70%);}
.border-primary {border-color: #71B0B4!important;}
.text-primary {color: #71B0B4!important;}
a.text-primary:focus, a.text-primary:hover {color: #5aa3a8!important;}
ul.list-primary li::before {color: #71B0B4;}
/* :::::::::::::::::::::::::: */
/* ::::::: secondary :::::::: */
/* :::::::::::::::::::::::::: */
.table-secondary, .table-secondary>td, .table-secondary>th { background-color: #d99452;}
.table-secondary tbody+tbody, .table-secondary td, .table-secondary th, .table-secondary thead th { border-color: #d99452;}
.table-hover .table-secondary:hover { background-color: #d99452;}
.table-hover .table-secondary:hover>td, .table-hover .table-secondary:hover>th { background-color: #d99452;}
.btn-secondary { color: #fff; background-color: #D38235; border-color: #D38235;}
.btn-secondary:hover { color: #fff; background-color: #bb7029; border-color: #bb7029;}
.btn-secondary.focus, .btn-secondary:focus { box-shadow: 0 0 0 .2rem  rgba(211, 130, 53, 0.5); color:#fff; background-color: #bb7029; border-color: #bb7029;}
.btn-secondary.disabled, .btn-secondary:disabled { color: #fff; background-color: #D38235; border-color: #D38235;}
.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle { color: #fff; background-color: #bb7029; border-color: #bb7029;}
.btn-secondary:not(:disabled):not(.disabled).active:focus, .btn-secondary:not(:disabled):not(.disabled):active:focus, .show>.btn-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem  rgba(211, 130, 53, 0.5);}
.btn-outline-secondary { color: #D38235; border-color: #D38235;}
.btn-outline-secondary:hover { color: #fff; background-color: #D38235; border-color: #D38235;}
.btn-outline-secondary.focus, .btn-outline-secondary:focus { box-shadow: 0 0 0 .2rem  rgba(211, 130, 53, 0.5); color:#fff; background-color: #D38235; border-color: #D38235;}
.btn-outline-secondary.disabled, .btn-outline-secondary:disabled { color: #D38235; 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: #D38235; border-color: #D38235;}
.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(211, 130, 53, 0.5);}
.badge-secondary { color: #fff; background-color: #D38235;}
a.badge-secondary:focus, a.badge-secondary:hover {color: #fff; background-color: #bb7029;}
a.badge-secondary.focus, a.badge-secondary:focus {outline: 0; box-shadow: 0 0 0 .2rem  rgba(211, 130, 53, 0.5);}
.alert-secondary {color: #bb7029; background-color: #d99452; border-color: #d99452;}
.alert-secondary hr {border-top-color: #d99452;}
.alert-secondary .alert-link {color: #bb7029;}
.list-group-item-secondary {color: #bb7029; background-color: #d99452;}
.list-group-item-secondary.list-group-item-action:focus, .list-group-item-secondary.list-group-item-action:hover {color: #bb7029; background-color: #d99452;}
.list-group-item-secondary.list-group-item-action.active {color: #fff; background-color: #bb7029; border-color: #bb7029}
.bg-secondary {background-color: #D38235!important;}
a.bg-secondary:focus, a.bg-secondary:hover, button.bg-secondary:focus, button.bg-secondary:hover {background-color: #bb7029!important;}
.bg-secondary-light{background-color: #edcdad;}
.bg-secondary-gradient {background: linear-gradient(45deg, #823C14,#D38235 70%);}
.border-secondary {border-color: #D38235!important;}
.text-secondary {color: #D38235!important;}
a.text-secondary:focus, a.text-secondary:hover {color: #bb7029!important;}
ul.list-secondary li::before {color: #D38235;}
/* :::::::::::::::::::::::::: */
/* ::::::: tertiary :::::::: */
/* :::::::::::::::::::::::::: */
.btn-tertiary { color: #fff; background-color: #93272c; border-color: #fff;}
.btn-tertiary:hover { color: #fff; background-color: #93272c; border-color: #fff;}
.btn-tertiary.focus, .btn-tertiary:focus { box-shadow: none; color:#fff; background-color: #93272c; border-color: #fff;}
.btn-tertiary.disabled, .btn-tertiary:disabled { color: #fff; background-color: #93272c; border-color: #fff;}
.btn-tertiary:not(:disabled):not(.disabled).active, .btn-tertiary:not(:disabled):not(.disabled):active, .show>.btn-tertiary.dropdown-toggle { color: #fff; background-color: #93272c; border-color: #fff;}
.btn-tertiary:not(:disabled):not(.disabled).active:focus, .btn-tertiary:not(:disabled):not(.disabled):active:focus, .show>.btn-tertiary.dropdown-toggle:focus { box-shadow: none;}

/* :::::::::::::::::::::: */
/* ::::::: 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: #253746; background-color: #fff; border-color: #fff;}
.btn-white:hover { color: #253746; 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:#253746; background-color: #ededed; border-color: #ededed;}
.btn-white.disabled, .btn-white:disabled { color: #253746; 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: #253746; 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: #253746; 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:#253746; 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: #253746; 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: #253746; background-color: #fff;}
a.badge-white:focus, a.badge-white:hover {color: #253746; 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: #253746; 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;}
/* ===================================================================================== */
/* ==================================[ [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: .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*/
}
/* FIELDSET _________ */
form.mktoForm fieldset {
padding: 0px !important; /*mktoOverride*/
margin: 0px !important; /*mktoOverride*/
border: 0px !important; /*mktoOverride*/
}
/* FIELDWRAP ______________ */
form.mktoForm .mktoFieldWrap {
padding: 0px 10px !important;
margin-bottom: 15px;
}
/* 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: #253746 !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: #D6D2C4 !important;
border-radius:0px;
-webkit-border-radius: 0px;
}
/* SELECT ___________________ */
form.mktoForm select.mktoField {
background-image: linear-gradient(135deg, #D6D2C4 50%, transparent 50%), linear-gradient(45deg, transparent 50%, #D6D2C4 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: #D6D2C4 !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, #71B0B4 50%, transparent 50%), linear-gradient(45deg, transparent 50%, #71B0B4 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: #D6D2C4 !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: #253746 !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: #71B0B4 !important;
outline: none !important;
border-width: 1px;
border-style: solid;
}
/* |>> Radio :checked state ......................... */
form.mktoForm input.mktoField[type=radio]:checked::before {
content:'';
background-color: #253746 !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: #71B0B4 !important;
}
/* FORM BUTTON _____________ */
/* |>> Button wrapper ...... */
form.mktoForm .mktoButtonWrap {
margin:0px auto 20px 0 !important; /* left-align button */
}
/* |>> Button style .......... */
form.mktoForm button.mktoButton {
color: #fff !important;
background: #93272c !important;
border: 1px solid #fff !important;
padding: 0.75rem 1.75rem !important;
font-size: 1rem !important;
line-height: 1.5 !important;
font-weight: 500 !important;
border-radius: 7px !important;
min-width:180px;
box-shadow:none !important; /*mktoOverride*/
text-shadow:none !important; /*mktoOverride*/
}
/* |>> Button :active states .. */
form.mktoForm .mktoButton:hover,
form.mktoForm .mktoButton:focus,
form.mktoForm .mktoButton:active {
color: #fff !important;
background: #93272c !important;
border-color: #fff !important;
}
form.mktoForm .mktoButton:focus {
box-shadow: none !important;
}
/* RICH TEXT _____________ */
form.mktoForm .mktoHtmlText {
padding: 0px !important;
width: 100% !important;
}
/* TEXT LINKS ________________________ */
form.mktoForm a:not(.btn), form.mktoForm .btn-link {color:#D38235 !important; font-weight:inherit; text-decoration: none;} /* primary color */
form.mktoForm a:not(.btn):hover, form.mktoForm a:not(.btn):focus, form.mktoForm a:not(.btn):active, form.mktoForm .btn-link:hover {color:#d38335 !important; text-decoration: none; } /* primary-dk color */
/* PLACEHOLDERS ________________________ */
::-moz-placeholder{color: #d8d9d9 !important;}
::-webkit-input-placeholder{color: #d8d9d9 !important;}
:-ms-input-placeholder{color: #d8d9d9 !important;}
::placeholder{color: #d8d9d9 !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;
left: 5%;
bottom:30px !important;
display:flex;
max-width:90% !important;
}
form.mktoForm .mktoErrorMsg {
max-width:90% !important;
-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;
background: #fff !important;
color: red !important;
border: 1px solid #dd0000 !important;
outline: none !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 */

/* reorder recaptcha */
.mktoCaptchaDisclaimer {order: 3;}