/**
     * Button
     */

.mktoButton {
	background: #1d4873 !important;
-moz-appearance: none: !important;
	-webkit-appearance: none !important;
	border-radius: 100px !important;
	border: 0 !important;
	display: inline-block !important;
	cursor: pointer !important;
	color: #ffffff !important;
	font-family: Arial !important;
	font-size: 16px !important;
	font-weight: bold !important;
	padding: 15px 55px !important;
	margin-top: 15px !important;
	text-decoration: none !important;
	text-transform: uppercase !important;
	text-shadow: 0px 0px 0px !important;
}
.mktoButton:hover {
	background-color: #1d4873 !important;
}
.mktoButton:active {
	position: relative !important;
	top: 1px !important;
}
/**
     * Steve Tweaks
     */
form {
	margin-bottom: 0 !important;
}
.mktoForm {
	font-family: 'Montserrat', sans-serif !important;
	padding: 0 !important;
}
.mktoButtonRow {
	display: inherit !important;
	text-align: center !important;
}
span.mktoButtonWrap {
	margin-left: 0 !important;
}
.mktoForm .mktoLabel {
	display: none !important;
}
.mktoForm input, .mktoForm textarea, .mktoForm select {
	border: 0 !important;
	padding: 12px 15px !important;
	height: auto !important;
}
.mktoForm *, .mktoForm *::before, .mktoForm *::after {
	box-sizing: border-box;
}
/**
     * Set all relevant form elements to have 100% width
     */

.mktoForm, .mktoForm .mktoField, .mktoForm .mktoHtmlText, .mktoForm .mktoFormCol, .mktoForm .mktoFieldWrap, .mktoForm .mktoCheckboxList, .mktoForm .mktoRadioList {
	width: 100% !important;
}
/**
     * Hide default gutter and offset elements in Marketo Forms
     */

.mktoForm .mktoOffset, .mktoForm .mktoGutter {
	display: none;
}
/**
     * Vertical form row spacing, optional
     */

.mktoForm .mktoFieldDescriptor {
	margin-bottom: 10px;
}

/**
     * This is a progressive enhancement for all browsers that support
     * flexbox (IE10+). Other browser will just show the form fields in
     * one column opposed to multiple columns.
     *
     * 1. Breakpoint: One column -> Multiple columns
     * 2. Column gutter width
     */

@media (min-width: 740px) { /* [1] */
.mktoForm .mktoFormRow {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-right: -10px; /* [2] */
}
.mktoForm .mktoFormRow .mktoFormCol {
	min-width: 0;
	padding-right: 10px; /* [2] */
}
}
/*
     * As we removed all default styling, we have to show the asterix and
     * checkboxes/radio button in the same line than labels
     */

.mktoForm .mktoAsterix, .mktoForm .mktoCheckboxList input, .mktoForm .mktoRadioList input {
	display: inline-block;
	width: auto !important;
}
/**
     * As textboxes are always 100% wide, there's no need to resize them horizontally
     */

.mktoForm textarea.mktoField {
	resize: vertical !important; /* [1] */
}
/*------------------------------------*\
      #CUSTOM-STYLES
    \*------------------------------------*/

    /**
     * Visually  hide the input elements by moving them outside the visible area.
     */

.mktoForm .mktoCheckboxList > input, .mktoForm .mktoRadioList > input {
	position: absolute;
	left: -9999px;
}
/**
     * 1. Fake checkboxes/radio buttons will be positioned relatively to this element.
     * 2. Adjust padding to your needs. Please note that the left padding needs to be
     *    higher to leave space for the custom checkbox.
     */

.mktoForm .mktoCheckboxList > label, .mktoForm .mktoRadioList > label {
	position: relative; /* [1] */
	padding: 0 0 5px 33px; /* [2] */
}
/**
     * Fake checkboxes to allow custom styling. These styles are for unchecked checkboxes
     * or radio button.
     */

.mktoForm .mktoCheckboxList label::before, .mktoForm .mktoRadioList label::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 18px;
	height: 18px;
	background: lightgray;
	border: 2px solid lightgray;
	content: "";
}
/**
     * Styling for the checked state of checkboxes and radio buttons.
     */

.mktoForm .mktoCheckboxList input:checked + label::before, .mktoForm .mktoRadioList input:checked + label::before {
	background-color: red;
}
/**
     * Style radio buttons slightly differently.
     */

.mktoForm .mktoRadioList label::before {
	border-radius: 50%;
}