/*Import Sky-Forms*/
@import url(sky-forms-marketo.css);

span#InstructmktoCommentCapture {
  display: inline-block;
  margin-bottom: 10px;
}

/*defaults*/
.mktoForm {
  visibility: hidden;
}

.mktoForm[data-styles-ready="true"] {
  visibility: visible;
}
  
.mktoForm .mktoAsterix {
  display: none;
}

form[id^="mktoForm_"] div.mktoFormRow[data-wrapper-for=mktoUTMMedium],
form[id^="mktoForm_"] div.mktoFormRow[data-wrapper-for=utmsource],
form[id^="mktoForm_"] div.mktoFormRow[data-wrapper-for=mktoUTMCampaign],
form[id^="mktoForm_"] div.mktoFormRow[data-wrapper-for=RecordTypeId] {
    margin: 0 !important;
}

form[id^="mktoForm_"] .mktoFormRow {
    margin: 0 0  10px 0 !important;
}

form[id^="mktoForm_"] .mktoButtonRow {
    margin: 10px 0  0 0 !important;
}

form[id^="mktoForm_"] .mktoButton {
    display: block;
    width: 100%;
    background-color: #0065a4;
    font-family: 'Ubuntu', Helvetica, Tahoma, Arial, sans-serif;
    font-weight: 400;
    font-size: 20px;
    line-height: 28px;
    padding: 10px 25px;
    border: none;
    border-radius: 0px;
    color: #fff;
    text-align: center;
    transition: all .3s;
    margin-top: 35px;
}

form[id^="mktoForm_"] .mktoButton:hover {
  background-color: #2778ad;
}

::placeholder { /* Firefox, Chrome, Opera */ 
  font-weight: 400 !important;
} 
  
:-ms-input-placeholder { /* Internet Explorer 10-11 */ 
  font-weight: 400 !important;
} 
  
::-ms-input-placeholder { /* Microsoft Edge */ 
  font-weight: 400 !important;
} 

input:-moz-placeholder,
textarea:-moz-placeholder {
  color: #454545;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #5f5f5f;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #5f5f5f;
}

form[id^="mktoForm_"] .mktoFieldWrap input, 
form[id^="mktoForm_"] .mktoFieldWrap select, 
form[id^="mktoForm_"] .mktoFieldWrap textarea {
  background: #fafafa;
  border-radius: 0;
}

form[id^="mktoForm_"] .mktoFieldWrap input:focus-visible, 
form[id^="mktoForm_"] .mktoFieldWrap select:focus-visible, 
form[id^="mktoForm_"] .mktoFieldWrap textarea:focus-visible {
  outline-color #a1d45d: 
  border-color: #a1d45d;
}

/*form[id^="mktoForm_"] .radio,*/
form[id^="mktoForm_"] .checkbox,
form[id^="mktoForm_"] select {
  padding: 0 0 0 25px;
  margin-top: 0;
  /*margin-bottom: 10px;*/
  line-height: 18px;
}

.mktoCheckboxList input {
    opacity: 0;
    position: absolute;   
}

.mktoCheckboxList input, .mktoCheckboxList label {
    display: inline-block;
    vertical-align: middle;
    margin: 5px;
    cursor: pointer;
}

.mktoCheckboxList label {
    position: relative;
}

.mktoCheckboxList input + label:before {
    content: '';
    background: #fff;
    border: 2px solid #ddd;
    display: inline-block;
    vertical-align: middle;
    width: 25px;
    height: 25px;
    padding: 2px;
    margin-right: 10px;
    text-align: center;
}

.mktoCheckboxList input:checked + label:before {
    content: "\f00c";
    font-family: 'Font Awesome 5 Free';
    background: #fff;
    color: #0065a4;
    border-color:#fff;
    font-weight: 900; /* Solid style */
}

body .mktoForm .mktoCheckboxList > label {
 margin-left:0;
}

form[id^="mktoForm_"] select {
  padding: 0;
}

form[id^="mktoForm_"] .inline-group {
  margin: 0 -30px -4px 20px;;
}

form[id^="mktoForm_"] .radio, 
form[id^="mktoForm_"] .checkbox,
form[id^="mktoForm_"] select {
  color: #0065a4;
  cursor: pointer;
  /*margin-top: 3px;*/
}

form[id^="mktoForm_"] .inline-group .radio:last-child, 
form[id^="mktoForm_"] .inline-group .checkbox:last-child {
  margin-top: 3px;
  margin-bottom: 0;
}

/*Sky-Forms
------------------------------------*/
/* defaults */
form[id^="mktoForm_"] {
  box-shadow:none;
  font-family: 'Lato', Helvetica, Tahoma, Arial, sans-serif;
  /*color: #0065a4;*/
}

form[id^="mktoForm_"] ul li {
  font-size: 120%;
}

form[id^="mktoForm_"] hr {
  border-top: 1px solid #85badb;
}
form[id^="mktoForm_"] label {
  margin-bottom:0;
  margin-right: 20px;
  /*font-size: 19px !important;*/
}

form[id^="mktoForm_"] .radio > label {
  font-size: 110%;
  line-height: 130%;
}

form[id^="mktoForm_"] label[for^="mktoRadio"] {
  display: inline-block;
  margin-top: 10px;
  font-size: 110%;
}

form[id^="mktoForm_"] .label {
  margin-bottom: 10px;
  font-weight: 500;
}

form[id^="mktoForm_"] > h6 {
  margin:15px 0 0 0 ;
}

/* form[id^="mktoForm_"] .state-error + em {
    margin-top: 8px;
    padding: 0 1px;
    font-style: normal;
    font-size: 14px;
    line-height: 14px;
    color: #e36565;
}*/

form[id^="mktoForm_"] .mktoErrorMsg {
  position: absolute;
  margin-top: 3px;
  margin-left: 0px;
  font-style: normal;
  font-size: 12px;
  line-height: 12px;
  color: #ec4747;
  font-style: italic;
  background: transparent;
  border-radius: 0;
  padding: 1px 5px;
}

form[id^="mktoForm_"] .mktoFieldWrap input {
  height:50px;
  padding: 16px;
}

form[id^="mktoForm_"] .mktoFieldWrap input,
form[id^="mktoForm_"] .mktoFieldWrap select,
form[id^="mktoForm_"] .mktoFieldWrap textarea {
  border-width:1px;
  /*font-size:17px;*/
	font-family: 'Lato', Helvetica, Tahoma, Arial, sans-serif;
  /*color:#0065a4;*/
  width: 100%;
}

form[id^="mktoForm_"] .mktoFieldWrap select {
  color: #5f5f5f;
}

form[id^="mktoForm_"] .mktoFieldWrap select.selected.mktoValid {
  color: #5f5f5f;
}

form[id^="mktoForm_"] .mktoFieldWrap select option.style-it {
  color:#404040;
  line-height: 40px !important;
}

form[id^="mktoForm_"] .mktoFieldWrap select {
  height:45px;
  padding:8px 15px;
}

form[id^="mktoForm_"] select-multiple select {
  height:auto;
}

/* file inputs */
form[id^="mktoForm_"] .input-file .button {
  height:32px;
  top:1px;
  right:1px;
}

/* captcha inputs */
form[id^="mktoForm_"] .input-captcha img {
  position:absolute;
  top:1px;
  right:1px;
  border-left:1px solid #e5e5e5;
}

/* normal state */
form[id^="mktoForm_"] .mktoFieldWrap input,
form[id^="mktoForm_"] .mktoFieldWrap select,
form[id^="mktoForm_"] .mktoFieldWrap textarea,
form[id^="mktoForm_"] .radio i,
form[id^="mktoForm_"] .checkbox i,
form[id^="mktoForm_"] .toggle i,
form[id^="mktoForm_"] .icon-append,
form[id^="mktoForm_"] .icon-prepend {
  border-color: #bbb;
}
form[id^="mktoForm_"] .toggle i:before {
  background-color:#999;  
}

form[id^="mktoForm_"] .button {
  background: #0065a4;
}

/* toggles */
form[id^="mktoForm_"] .toggle {
	font-weight:normal;
}

form[id^="mktoForm_"] .toggle i {
  width:54px;
  height:21px;
  border-width:1px;
}
form[id^="mktoForm_"] .toggle i:after {
  top:3px;
}
form[id^="mktoForm_"] .toggle i:before {
  top:5px;
  right:6px;
}

/*remove Bootstrap 'radio, checkbox' margin-top*/
.radio, .checkbox {
  margin-top:0;
}

/* radios and checkboxes */
form[id^="mktoForm_"] .radio i,
form[id^="mktoForm_"] .checkbox i {
  float: left;
  width:17px;
  height:17px;
  border-width:1px;
  margin-top: -5px;
  margin-right: 5px;
}

form[id^="mktoForm_"] .checkbox input + i:after {
  top:2px;
  left:1px;
  font:normal 14px FontAwesome;
}

/* checked state */
form[id^="mktoForm_"] .radio input + i:after {
  top:5px;
  left:5px;
  width: 7px;
  height: 7px;
  background-color:#85badb;  
}
form[id^="mktoForm_"] .checkbox input + i:after {
  color:#0065a4;
}
form[id^="mktoForm_"] .radio input:checked + i,
form[id^="mktoForm_"] .checkbox input:checked + i,
form[id^="mktoForm_"] .toggle input:checked + i {
  border-color:#85badb;  
}
form[id^="mktoForm_"] .rating input:checked ~ label {
  color:#0065a4; 
}

/* selects */
form[id^="mktoForm_"] select + i,
form[id^="mktoForm_"] select + div + i {
  height: auto !important;
  top: -31px;
  left: -10px;
}

/*form[id^="mktoForm_"] select + div + i {
  top: -54px;
}*/

form[id^="mktoForm_"] select + i:before,
form[id^="mktoForm_"] select + div + i:before,
form[id^="mktoForm_"] select + i:after,
form[id^="mktoForm_"] select + div + i:after {
  right: 0;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
}

form[id^="mktoForm_"] select + i:before,
form[id^="mktoForm_"] select + div + i:before {
  top:0;
  border-bottom: 8px solid #0065a4;
}

form[id^="mktoForm_"] select + i:after,
form[id^="mktoForm_"] select + div + i:after {
  bottom: -19px;
  border-top: 8px solid #0065a4;
}

.label-rounded .ui-slider-handle {
  border-radius:50% !important;
}

/* icons */
form[id^="mktoForm_"] .icon-append,
form[id^="mktoForm_"] .icon-prepend {
  top:1px;
  height:32px;
  font-size:17px;
  line-height:33px;
  background:inherit;
}
form[id^="mktoForm_"] .icon-append {
  right:1px;
  padding:0 3px;
  min-width:34px;
}

form[id^="mktoForm_"] .icon-prepend {
  left:6px;
  padding-right:5px;
}

/* focus state */
form[id^="mktoForm_"] .mktoFieldWrap input:focus,
form[id^="mktoForm_"] .mktoFieldWrap input:focus-visible,
form[id^="mktoForm_"] .mktoFieldWrap select:focus,
form[id^="mktoForm_"] .mktoFieldWrap select:focus-visible,
form[id^="mktoForm_"] .mktoFieldWrap textarea:focus,
form[id^="mktoForm_"] .mktoFieldWrap textarea:focus-visible {
 	border-color: #a1d45d;
  outline-color: #a1d45d;
  box-shadow:0 0 2px #c9c9c9;
}

form[id^="mktoForm_"] .radio input:focus + i,
form[id^="mktoForm_"] .checkbox input:focus + i,
form[id^="mktoForm_"] .toggle input:focus + i {
  border-color:#bbb;
  box-shadow:none;
}

/* hover state */
form[id^="mktoForm_"] input,
form[id^="mktoForm_"] select,
form[id^="mktoForm_"] textarea {
	border-color: #bbb;
}

form[id^="mktoForm_"] .radio:hover i,
form[id^="mktoForm_"] .checkbox:hover i,
form[id^="mktoForm_"] .toggle:hover i,
form[id^="mktoForm_"] .ui-slider-handle:hover {
  border-color: #bbb;
}
form[id^="mktoForm_"] .rating input + label:hover,
form[id^="mktoForm_"] .rating input + label:hover ~ label {
  color: #0065a4;
}

form[id^="mktoForm_"] .icon-append,
form[id^="mktoForm_"] .icon-prepend {
  color: #0065a4;
}

.ie8 form[id^="mktoForm_"] .icon-append {
	right: 5px !important;
	padding-left: 0;
}

/**/
/* disabled state */
/**/
form[id^="mktoForm_"] .input.state-disabled:hover input,
form[id^="mktoForm_"] select.state-disabled:hover select,
form[id^="mktoForm_"] .textarea.state-disabled:hover textarea,
form[id^="mktoForm_"] .radio.state-disabled:hover i,
form[id^="mktoForm_"] .checkbox.state-disabled:hover i,
form[id^="mktoForm_"] .toggle.state-disabled:hover i {
  border-color: #85badb;
}

/* datepicker */
.ui-datepicker-header {
  padding:10px 0;
  font-size:18px;
}

.ui-datepicker-inline {
  border-width:1px;
}

.ui-datepicker-inline .ui-datepicker-header {
  line-height:27px;
}

.ui-datepicker-prev, 
.ui-datepicker-next {
  font-size:21px;
  line-height:47px;
}

.ui-datepicker-calendar a {
  border:1px solid transparent;
}

.ui-datepicker-calendar .ui-state-active {
  background:inherit;
  border:1px solid #85badb;
}
.ui-datepicker-calendar a:hover {
  background:inherit;  
  border:1px solid #85badb;
}

/* bootstrap compatibility */
form[id^="mktoForm_"] button *,
form[id^="mktoForm_"] button *:after,
form[id^="mktoForm_"] button *:before {
  margin:0 auto;
  padding:0 auto;
}

.btn.button-uploading:after {
  top:6px;
}
.btn.btn-lg.button-uploading:after {
  top:10px;
}
.btn.btn-sm.button-uploading:after {
  top:3px;}
.btn.btn-xs.button-uploading:after {
  top:2px;
}

.label {
  padding:0;
}

/* success state */
form[id^="mktoForm_"] .state-success input,
form[id^="mktoForm_"] .state-success select,
form[id^="mktoForm_"] .state-success textarea,
form[id^="mktoForm_"] .radio.state-success i,
form[id^="mktoForm_"] .checkbox.state-success i,
form[id^="mktoForm_"] .toggle.state-success i {
	background: #e5e5e5;
}
form[id^="mktoForm_"] .state-success select + i {
	background: #e5e5e5;
}

form[id^="mktoForm_"] .toggle.state-success input:checked + i {
	background: #e5e5e5;
}

@media (max-width:990px) { } 


@media (min-width: 767px) { }


@media (min-width: 991px) { }


@media (min-width: 1199px) { }


@media (min-width: 1699px) { }


