/* ========================================== */
/* 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))...... /*/
/* Fellix font */
@font-face { font-family: Fellix-Black; src: url(https://go.alertlogic.com/rs/239-ZBX-439/images/Fellix-Black.woff); font-weight: 900;}
@font-face { font-family: Fellix-BlackItalic; src: url(https://go.alertlogic.com/rs/239-ZBX-439/images/Fellix-BlackItalic.woff); font-weight: 900; font-style:italic;}
@font-face { font-family: Fellix-Bold; src: url(https://go.alertlogic.com/rs/239-ZBX-439/images/Fellix-Bold.woff); font-weight: 700;}
@font-face { font-family: Fellix-BoldItalic; src: url(https://go.alertlogic.com/rs/239-ZBX-439/images/Fellix-BoldItalic.woff); font-weight: 700; font-style:italic;}
@font-face { font-family: Fellix-ExtraBold; src: url(https://go.alertlogic.com/rs/239-ZBX-439/images/Fellix-ExtraBold.woff); font-weight: 800;}
@font-face { font-family: Fellix-ExtraBoldItalic; src: url(https://go.alertlogic.com/rs/239-ZBX-439/images/Fellix-ExtraBoldItalic.woff); font-weight: 800; font-style: italic;}
@font-face { font-family: Fellix-Light; src: url(https://go.alertlogic.com/rs/239-ZBX-439/images/Fellix-Light.woff); font-weight: 300;}
@font-face { font-family: Fellix-LightItalic; src: url(https://go.alertlogic.com/rs/239-ZBX-439/images/Fellix-LightItalic.woff); font-weight: 300; font-style: italic;}
@font-face { font-family: Fellix-Medium; src: url(https://go.alertlogic.com/rs/239-ZBX-439/images/Fellix-Medium.woff); font-weight: 500;}
@font-face { font-family: Fellix-MediumItalic; src: url(https://go.alertlogic.com/rs/239-ZBX-439/images/Fellix-MediumItalic.woff); font-weight: 500;}
@font-face { font-family: Fellix-Regular; src: url(https://go.alertlogic.com/rs/239-ZBX-439/images/Fellix-Regular.woff); font-weight: 400;}
@font-face { font-family: Fellix-RegularItalic; src: url(https://go.alertlogic.com/rs/239-ZBX-439/images/Fellix-RegularItalic.woff); font-weight: 400;}
@font-face { font-family: Fellix-SemiBold; src: url(https://go.alertlogic.com/rs/239-ZBX-439/images/Fellix-SemiBold.woff); font-weight: 600;}
@font-face { font-family: Fellix-SemiBoldItalic; src: url(https://go.alertlogic.com/rs/239-ZBX-439/images/Fellix-SemiBoldItalic.woff); font-weight: 600; font-style: italic;}
@font-face { font-family: Fellix-Thin; src: url(https://go.alertlogic.com/rs/239-ZBX-439/images/Fellix-Thin.woff); font-weight: 100;}
@font-face { font-family: Fellix-ThinItalic; src: url(https://go.alertlogic.com/rs/239-ZBX-439/images/Fellix-ThinItalic.woff); font-weight: 100; font-style: italic;}

/* 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 { 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;}
/* responsive vertical spacers (mobile = 50% smaller than tablet +)*/
.spacer-0 {padding: 0;}
.spacer-1 {padding: 8px 0;}
.spacer-2 {padding: 12px 0;}
.spacer-3 {padding: 16px 0;}
.spacer-4 {padding: 24px 0;}
.spacer-5 {padding: 40px 0;}
/*/ ......((TYPOGRAPHY))...... /*/
html {
font-size: 16px;
line-height: 1.5;
}
body {
font-family: 'Fellix-Regular', sans-serif;
color:#004442;
font-weight: 400;
text-align: left;
}
/* 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;}

h1, .h1 {
	font-family: 'Fellix-ExtraBold';
	font-size: 32px;
	line-height: 40px;
}
h2, .h2 {
	font-family: 'Fellix-Bold';
	font-size: 24px;
	line-height: 32px;
}
h3, .h3 {
	font-family: 'Fellix-Bold';
	font-size: 18px;
	line-height: 24px;
}
h4, .h4 {
	font-family: 'Fellix-Bold';
	font-size: 16px;
	line-height: 16px;
}
h5, .h5 {
	font-family: 'Fellix-Bold';
	font-size: 16px;
	line-height: 16px;
}
h6, .h6 {
	font-family: 'Fellix-Bold';
	font-size: 16px;
	line-height: 16px;
}
p.lead { font-size: 18px; font-weight: 500; line-height:24px; font-family: 'Fellix-Medium';} /* large text */
p { margin-top: 0; margin-bottom: 1rem;}
p.small {font-size:14px; line-height:22px;}
b, strong {font-weight:800; font-family: 'Fellix-ExtraBold';}

.small {font-weight:inherit;}

/* text links */
a:not(.btn) {color:#11719C; font-weight:400; text-decoration: none;} /* primary color */
a:not(.btn):hover, a:not(.btn):focus, a:not(.btn):active {color:#11719C; text-decoration: none; } /* primary color */
/* buttons */
button, .btn {
text-decoration:none;
font-family: 'Fellix-SemiBold', sans-serif;
font-weight:600;
max-width:100%;
border-radius: 20px !important;
padding:12px 24px;
font-size:16px;
line-height:24px;
border-width:2px;
}
.btn-sm {
font-size: 16px;
line-height: 24px;
padding: 4px 16px;
}
hr {
border-top: 1px solid #808080;
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:32px;
line-height:40px;
}
blockquote.small {
	font-size:24px;
	line-height:32px;
}
/* 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-5 {padding: 70px 0;}
.spacer-4 {padding: 40px 0;}
.spacer-3 {padding: 28px 0;}
.spacer-2 {padding: 20px 0;}
.spacer-1 {padding: 12px 0;}

h1, .h1 {
	font-family: 'Fellix-ExtraBold';
	font-size: 48px;
	line-height: 56px;
}
h2, .h2 {
	font-family: 'Fellix-ExtraBold';
	font-size: 32px;
	line-height: 40px;
}
h3, .h3 {
	font-family: 'Fellix-ExtraBold';
	font-size: 24px;
	line-height: 32px;
}
h4, .h4 {
	font-family: 'Fellix-ExtraBold';
	font-size: 18px;
	line-height: 24px;
}
h5, .h5 {
	font-family: 'Fellix-ExtraBold';
	font-size: 18px;
	line-height: 24px;
}
h6, .h6 {
	font-family: 'Fellix-ExtraBold';
	font-size: 18px;
	line-height: 24px;
}

}
/*/ Large devices (desktops, 992px and up) /*/
@media (min-width: 992px) {
	h1, .h1 {
	font-family: 'Fellix-ExtraBold';
	font-size: 56px;
	line-height: 64px;
}
h2, .h2 {
	font-family: 'Fellix-ExtraBold';
	font-size: 40px;
	line-height: 48px;
}
h3, .h3 {
	font-family: 'Fellix-ExtraBold';
	font-size: 32px;
	line-height: 40px;
}
h4, .h4 {
	font-family: 'Fellix-ExtraBold';
	font-size: 24px;
	line-height: 32px;
}
h5, .h5 {
	font-family: 'Fellix-ExtraBold';
	font-size: 20px;
	line-height: 24px;
}
h6, .h6 {
	font-family: 'Fellix-ExtraBold';
	font-size: 20px;
	line-height: 24px;
}
}
/*/ 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: #006A56;}
.table-primary tbody+tbody, .table-primary td, .table-primary th, .table-primary thead th { border-color: #006A56;}
.table-hover .table-primary:hover { background-color: #006A56;}
.table-hover .table-primary:hover>td, .table-hover .table-primary:hover>th { background-color: #006A56;}
.btn-primary { color: #ffffff; background-color: #006A56; border-color: #006A56;}
.btn-primary:hover { color: #ffffff; background-color: #006A56; border-color: #006A56;}
.btn-primary.focus, .btn-primary:focus { box-shadow: 0 0 0 .2rem rgba(0, 106, 86, 0.5); color:#ffffff; background-color: #006A56; border-color: #006A56;}
.btn-primary.disabled, .btn-primary:disabled { color: #ffffff; background-color: #006A56; border-color: #006A56;}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle { color: #ffffff; background-color: #006A56; border-color: #006A56;}
.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(0, 106, 86, 0.5);}
.btn-outline-primary { color: #006A56; border-color: #006A56;}
.btn-outline-primary:hover { color: #ffffff; background-color: #006A56; border-color: #006A56;}
.btn-outline-primary.focus, .btn-outline-primary:focus { box-shadow: 0 0 0 .2rem rgba(0, 106, 86, 0.5); color:#ffffff; background-color: #006A56; border-color: #006A56;}
.btn-outline-primary.disabled, .btn-outline-primary:disabled { color: #006A56; 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: #ffffff; background-color: #006A56; border-color: #006A56;}
.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(0, 106, 86, 0.5);}
.badge-primary { color: #fff; background-color: #006A56;}
a.badge-primary:focus, a.badge-primary:hover {color: #fff; background-color: #006A56;}
a.badge-primary.focus, a.badge-primary:focus {outline: 0; box-shadow: 0 0 0 .2rem rgba(0, 106, 86, 0.5);}
.alert-primary {color: #ffffff; background-color: #006A56; border-color: #006A56;}
.alert-primary hr {border-top-color: #006A56;}
.alert-primary .alert-link {color: #006A56;}
.list-group-item-primary {color: #ffffff; background-color: #006A56;}
.list-group-item-primary.list-group-item-action:focus, .list-group-item-primary.list-group-item-action:hover {color: #ffffff; background-color: #006A56;}
.list-group-item-primary.list-group-item-action.active {color: #fff; background-color: #006A56; border-color: #006A56}
.bg-primary {background-color: #006A56!important;}
a.bg-primary:focus, a.bg-primary:hover, button.bg-primary:focus, button.bg-primary:hover {background-color: #006A56!important;}
.border-primary {border-color: #006A56!important;}
.text-primary {color: #006A56!important;}
a.text-primary:focus, a.text-primary:hover {color: #006A56!important;}
ul.list-primary li::before {color: #006A56;}
/* :::::::::::::::::::::::::: */
/* ::::::: secondary :::::::: */
/* :::::::::::::::::::::::::: */
.table-secondary, .table-secondary>td, .table-secondary>th { background-color: #324d70;}
.table-secondary tbody+tbody, .table-secondary td, .table-secondary th, .table-secondary thead th { border-color: #324d70;}
.table-hover .table-secondary:hover { background-color: #324d70;}
.table-hover .table-secondary:hover>td, .table-hover .table-secondary:hover>th { background-color: #324d70;}
.btn-secondary { color: #006A56; background-color: #8FE5F2; border-color: #8FE5F2;}
.btn-secondary:hover { color: #006A56; background-color: #8FE5F2; border-color: #8FE5F2;}
.btn-secondary.focus, .btn-secondary:focus { box-shadow: 0 0 0 .2rem  rgba(143, 229, 242, 0.5); color:#006A56; background-color: #8FE5F2; border-color: #8FE5F2;}
.btn-secondary.disabled, .btn-secondary:disabled { color: #006A56; background-color: #8FE5F2; border-color: #8FE5F2;}
.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle { color: #006A56; background-color: #8FE5F2; border-color: #8FE5F2;}
.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(143, 229, 242, 0.5);}
.btn-outline-secondary { color: #006A56; background-color: #8FE5F2; border-color: #8FE5F2;}
.btn-outline-secondary:hover { color: #006A56; background-color: #8FE5F2; border-color: #8FE5F2;}
.btn-outline-secondary.focus, .btn-outline-secondary:focus { box-shadow: 0 0 0 .2rem  rgba(143, 229, 242, 0.5); color:#006A56; background-color: #8FE5F2; border-color: #8FE5F2;}
.btn-outline-secondary.disabled, .btn-outline-secondary:disabled { color: #006A56; background-color: #8FE5F2; border-color: #8FE5F2;}
.btn-outline-secondary:not(:disabled):not(.disabled).active, .btn-outline-secondary:not(:disabled):not(.disabled):active, .show>.btn-outline-secondary.dropdown-toggle { color: #006A56; background-color: #8FE5F2; border-color: #8FE5F2;}
.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(143, 229, 242, 0.5);}
.badge-secondary { color: #006A56; background-color: #273c57;}
a.badge-secondary:focus, a.badge-secondary:hover {color: #006A56; background-color: #8FE5F2;}
a.badge-secondary.focus, a.badge-secondary:focus {outline: 0; box-shadow: 0 0 0 .2rem  rgba(143, 229, 242, 0.5);}
.alert-secondary {color: #8FE5F2; background-color: #324d70; border-color: #324d70;}
.alert-secondary hr {border-top-color: #324d70;}
.alert-secondary .alert-link {color: #8FE5F2;}
.list-group-item-secondary {color: #8FE5F2; background-color: #324d70;}
.list-group-item-secondary.list-group-item-action:focus, .list-group-item-secondary.list-group-item-action:hover {color: #8FE5F2; background-color: #324d70;}
.list-group-item-secondary.list-group-item-action.active {color: #fff; background-color: #8FE5F2; border-color: #8FE5F2}
.bg-secondary {background-color: #006A56!important;} /* uses primary color for bg-secondary modules */
a.bg-secondary:focus, a.bg-secondary:hover, button.bg-secondary:focus, button.bg-secondary:hover {background-color: #8FE5F2!important;}
.border-secondary {border-color: #273c57!important;}
.text-secondary {color: #273c57!important;}
a.text-secondary:focus, a.text-secondary:hover {color: #8FE5F2!important;}
ul.list-secondary li::before {color: #273c57;}
/* :::::::::::::::::::::: */
/* ::::::: 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: #1d2d3f; background-color: #fff; border-color: #fff;}
.btn-white:hover { color: #1d2d3f; 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:#1d2d3f; background-color: #ededed; border-color: #ededed;}
.btn-white.disabled, .btn-white:disabled { color: #1d2d3f; 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: #1d2d3f; 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: #B7B7B7; background-color: transparent; border-color: #B7B7B7;}
.btn-outline-white.focus, .btn-outline-white:focus { box-shadow: 0 0 0 .2rem rgba(255, 255, 255, 0.5); color:#B7B7B7; background-color: transparent; border-color: #B7B7B7;}
.btn-outline-white.disabled, .btn-outline-white:disabled { color: #B7B7B7; 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: #B7B7B7; background-color: transparent; border-color: #B7B7B7;}
.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: #1d2d3f; background-color: #fff;}
a.badge-white:focus, a.badge-white:hover {color: #1d2d3f; 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: #1d2d3f; 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*/
margin-bottom: 12px !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;
}
/* LABELS __________________ */
form.mktoForm label.mktoLabel {
padding:.5rem !important;
font-size:1.1em !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: #1d2d3f !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: #808080 !important;
border-radius:0px;
-webkit-border-radius: 0px;
}
/* SELECT ___________________ */
form.mktoForm select.mktoField {
background-image: linear-gradient(135deg, #808080 50%, transparent 50%), linear-gradient(45deg, transparent 50%, #808080 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: #808080 !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, #006A56 50%, transparent 50%), linear-gradient(45deg, transparent 50%, #006A56 50%); /* downard triangle - :focus-color */
}
/* LOGICAL FIELDS (parent) ___ */
form.mktoForm .mktoRadioList,
form.mktoForm .mktoCheckboxList {
-ms-flex-positive: 1;
flex-grow: 1;
padding:0px !important;
}
/* 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: #808080 !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].mktoField:focus {
outline:0px !important;
border-color: #1d2d3f !important;
}
/* |>> Checkbox :checked state .................. */
form.mktoForm input[type=checkbox]:checked::before {
	color: #fff !important;
  content: "\2713";
  font-weight: 400 !important;
  width: 1em !important;
  height: 1em !important;
  text-align: center !important;
  display: block !important;
  margin: 1px;
  background-color: #006A56;
  line-height: 1em;
  font-size: 1em;
}
/* 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: #1d2d3f !important;
outline: none !important;
border-width: 1px;
border-style: solid;
}
/* |>> Radio :checked state ......................... */
form.mktoForm input.mktoField[type=radio]:checked::before {
content:"";
background-color: #006A56 !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: #00aaff !important;
}
/* FORM BUTTON _____________ */
/* |>> Button wrapper ...... */
form.mktoForm .mktoButtonWrap {
margin:0 auto 20px auto !important; /* center button */
}

/* |>> Button style .......... */
form.mktoForm button.mktoButton {
color: #ffffff !important;
background: #006A56 !important;
border: 2px solid #006A56 !important;
padding: 12px 24px !important;
font-size: 16px !important;
line-height: 24px !important;
font-weight: 600 !important;
font-family: 'Fellix-SemiBold';
border-radius: 0;
min-width:180px;
box-shadow:none !important; /*mktoOverride*/
text-shadow:none !important; /*mktoOverride*/
outline:0px;
}
/* |>> Button :active states .. */
form.mktoForm .mktoButton:hover,
form.mktoForm .mktoButton:focus,
form.mktoForm .mktoButton:active {
color: #ffffff !important;
background: #006A56 !important;
border-color: #006A56 !important;
outline:0px;
}
form.mktoForm .mktoButton:focus {
box-shadow: 0 0 0 0.2rem rgba(0, 106, 86, 0.5) !important;
}
/* RICH TEXT _____________ */
form.mktoForm .mktoHtmlText {
padding: 0px !important;
width: 100% !important;
}
/* PLACEHOLDERS ________________________ */
::-moz-placeholder{color: #808080 !important;}
::-webkit-input-placeholder{color: #808080 !important;}
:-ms-input-placeholder{color: #808080 !important;}
::placeholder{color: #808080 !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 {
    position: inherit;
    width: 100% !important;
}

form.mktoForm .mktoErrorMsg {
max-width:90% !important;
-ms-flex-positive: 1;
flex-grow: 1 !important;
margin:0px !important;
padding:3px 0px !important;
width: 100% !important;
font-size: .8em !important;
background-image:none !important;
box-shadow: none !important;
text-shadow:none !important;
background: transparent !important;
color: red !important;
border: 0px !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 */