.sf_contact_form * {
	font-family: roboto;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	font-size: 16px;
	line-height: 1;
	color: #000000;
}
.sf_contact_form .fa {
	font-family: FontAwesome !important;
}




.sf_contact_form{
	width: 100% !important;
	max-width: 1100px;
}

.sf_contact_form .key {
    font-size: 80%;
    text-align: center;
    padding: 10px 0px 10px 0px;
}

.sf_contact_form .key span {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin: 0px 4px 0px 0px;
    vertical-align: middle;
    background-image: url("../quikform/images/input_tick_l.gif");
    background-repeat: no-repeat;
    background-position: right top;
}

.sf_contact_form .required {
    background-image: url("../quikform/images/input_tick_l.gif");
    background-repeat: no-repeat;
    background-position: left top;
}

.sf_contact_form .home::after {
    content: "";
    clear: both;
    display: table;
}

.sf_contact_form .bottom-submit {
	display: none;
}
.sf_contact_form .bottom-submit input {
    background: #ba8748;
    padding: 15px 32px;
    color: #fff !important;
    text-transform: uppercase;
    letter-spacing: 1px;
	
	    float: none !important;
    margin-left: auto;
    margin-right: auto;
    display: block;
}
.sf_contact_form .bottom-submit input:hover {
    background: #fff;
    color: #ba8748 !important;
}




.sf_contact_form input[type="text"],
.sf_contact_form input[type="email"] {
    width: 100%;
    height: 48px;
    font-size: 15px;
	line-height: 1;
    border: 1px solid #e3e3e3;
    padding: 0px 0px 0px 10px;
    margin: 0 0 0px 0px;
}
.sf_contact_form select {
    height: 48px;
    width: 100%;
	font-size: 15px;
	line-height: 1;
	color: #656565;
	border: 1px solid #e3e3e3;
    padding: 0px 0px 0px 10px;
    margin: 0 0 0px 0px;
	background: none;
	max-width: 100%;
}

.sf_contact_form textarea {
    width: 100%;
    /* height: 48px; */
    font-size: 15px;
	line-height: 19px;
	color: #656565;
    border: 1px solid #e3e3e3;
    padding: 16px 0px 0px 10px;
    margin: 0 0 0px 0px;
	background: none;
}

.sf_contact_form input[type="submit"],
.sf_contact_form input[type="button"]#sfsubmit {
	display: block;
	margin: 0 auto;
    width: 48%;
    text-align: center;
    background: #ba8748;
	color: #ffffff;
    font-weight: 600;
    padding: 8px;
    min-height: 48px;
	font-size: 16px;
    line-height: 1;
	cursor: pointer;
	border: 0;
}

.sf_contact_form input[type="submit"]:hover,
.sf_contact_form input[type="button"]#sfsubmit:hover {

	color: #ffffff;
	background: #353535;
}

.sf_contact_form input[type="button"]#sfsubmit:disabled {
	opacity: .5 !important;
}

.sf_contact_form ::placeholder {
  color: #656565 !important;
  opacity:  1 !important;
  text-align: left;
}
.sf_contact_form :hover::placeholder {
  color: #252525 !important;
  opacity:  1 !important;
  text-align: left;
}

.sf_contact_form ::-webkit-input-placeholder {
  color: #656565 !important;
  opacity:  1 !important;
  text-align: left;
}
.sf_contact_form :hover::-webkit-input-placeholder {
  color: #252525 !important;
  opacity:  1 !important;
  text-align: left;
}

.sf_contact_form :-moz-placeholder {
  color: #656565 !important;
  opacity:  1 !important;
  text-align: left;
}
.sf_contact_form :hover:-moz-placeholder {
  color: #252525 !important;
  opacity:  1 !important;
  text-align: left;
}

.sf_contact_form ::-moz-placeholder {
  color: #656565 !important;
  opacity:  1 !important;
  text-align: left;
}
.sf_contact_form :hover::-moz-placeholder {
  color: #252525 !important;
  opacity:  1 !important;
  text-align: left;
}

.sf_contact_form :-ms-input-placeholder {
  color: #656565 !important;
  opacity:  1 !important;
  text-align: left;
}
.sf_contact_form :hover:-ms-input-placeholder {
  color: #252525 !important;
  opacity:  1 !important;
  text-align: left;
}

.sf_contact_form h2 {
	text-align:center;
	color: #ba8748;
	font-size: 24px;
	line-height: 1;
}




.sf_contact_form select.selected,
.sf_contact_form textarea.selected,
.sf_contact_form textarea:focus {
	color: #000000;
}

.hidden {
	display: none !important;
}





#sfsubmit {
	cursor: pointer;
	border: 0;
}
#sfsubmit:hover {
	color: #ffffff;
	background: #353535;
}
input.error,
select.error,
textarea.error {
	/* border: 1px solid #ff1111; */
}
label.error {
	color: #ff1111;
	font-size: 11px !important;
	line-height: 1;
	position: absolute;
	bottom: 0px;
	right: 0px;
}
.text.error {
	color: #ff1111;
}
a.error {
	color: #ffffff;
	background: #ff1111;
	padding:3px 6px;
}
.checkbox.error {
	color: #ff1111;
	border: 1px solid #ff1111;
	background: #ff1111;
}


.note {
	display: none;
	padding: 4px;
	background: #ff1111;
	color: #ffffff;
	font-size: 14px;
}
.note a {
	color: #ffffff;
}


.sf_contact_form  .float-container {
	display: block;
	position: relative;
	margin-bottom: 15px;
}

.sf_contact_form .float-container.left-50 {
	width: 49%;
	display: inline-block;
}

.sf_contact_form .float-container.right-50 {
	width: 49%;
	display: inline-block;
	float: right;
}

@media only screen and (max-width : 768px) {
	
	.sf_contact_form .float-container.left-50 {
		width: 100%;
		display: block;
	}

	.sf_contact_form .float-container.right-50 {
		width: 100%;
		display: block;
		float: none;
	}	
	
}

.sf_contact_form label {
	margin: 16px 0px 0px 8px;
    display: block;
	font-size: 16px;
	line-height: 1;
}

.sf_contact_form input[type=checkbox].inline {
	display: inline;
    margin: 16px 8px 0px 8px;
    float: left;
}

.label {
	text-align: center;
    font-weight: bold;
    padding: 16px 0px 16px 0px;
    background: gainsboro;
    color: #333333;
}

.noborder {
	border: 0 !important;
}

.empty-slot {
	color: #ff0000;
}



.messagebox {
	display:none;
	height: auto;
	overflow: hidden;
	padding: 4px;
	border: 1px solid #cccccc;
	font-size: 12px;
	line-height: 18px;
	text-align: left;
	margin: 0px auto 10px auto;
	background: #ffffff;
	
	width: 80%;
	max-width: 360px;
	
	
}
.messagebox-item {
	
}
.messagebox-title {
	color: #666666;
}

.results{
	font-size: 21px;
	font-weight: 400;
	line-height: 1.3;
	margin: 20px 15px 14px 15px;
	text-align: center;
	position: relative;
	padding: 5px;
	/* border-top: 1px solid #a2a2a2; */
	/* border-bottom: 1px solid #a2a2a2; */
}
.results .success{	
	color: #61b045; /* green */
	padding: 16px;
}
.results .success a{	
	font-size: 21px;
}
.results .error {
	color: #ff2222; /* red */
}

.please-wait {
	display: none;
	background: #ba8748;
    width: 100%;
    max-width: 600px;
    margin: 0px auto;
    padding: 14px;
}
.please-wait .message {
	margin: 0px 0px 12px 0px;
	/* color: #ea4242; */
	color: #ffffff;
	font-weight: 600;
	font-size: 18px;
	text-align: center;
	line-height: 1.2;
	
}
.please-wait .message span {
	font-weight: 400;
}

/* START CSS-ONLY LOADING SPINNER */
@-webkit-keyframes rotate-forever {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes rotate-forever {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotate-forever {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.loading-spinner {
  -webkit-animation-duration: 1.5s;
  -moz-animation-duration: 1.5s;
  animation-duration: 1.5;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: rotate-forever;
  -moz-animation-name: rotate-forever;
  animation-name: rotate-forever;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  animation-timing-function: linear;
  height: 30px;
  width: 30px;
  border: 8px solid #ffffff;
  border-right-color: transparent;
  border-radius: 50%;
  display: inline-block;
  margin: 0px auto;
}
/* END CSS-ONLY LOADING SPINNER */