/*==================================================
KICKOFFICES CSS
/* ================================================== */

/* Contact footer */
.contactFooter .contactBox .social-icon { float:none;display:inline-block;}
.contactFooter .contactBox .social-icon img {max-width:30px;max-height:30px;}
.contactFooter { margin-top:-200px;}
.contactFooter form input[type=text], form.miniForm input[type=text] { background: #f2f2f2;padding: 10px 30px 10px 20px;border-radius: 3px;border: 0px; width: calc( 95% - 110px);margin-top:10px;}
.contactFooter form.miniForm .wide { max-width:100% !important;width:96%;}
.contactFooter form button { margin-left: -40px;border:none;}
.contactFooter .footerForm {background:#0f1317;border-radius:10px;display:block;padding:20px;color:white;}
.contactFooter .footerForm input[type="submit"], .contactFooter .footerForm button { background:transparent;border:1px solid white;border-radius:3px; color:white;padding:11px 30px 12px 10px;cursor:pointer;font-size:16px;margin-left:10px;}
.contactFooter .footerForm input[type="submit"]:hover, .contactFooter .footerForm button:hover { background:white;color:#0f1317;}
.contactFooter .footerForm button i { display:inline-block;position:absolute;margin-top:-3px;}


/* Form with 2 fields */
.contactFooter form input[type=text].half, form.miniForm select.half, form.miniForm input[type=text].half { width:calc(46.5% - 20px);}
.contactFooter .footerForm input[type="submit"].small, .contactFooter .footerForm button.small { height:40px; margin-left:0;}
.contactFooter .footerForm button.small i { margin-top:-13px;}
.contactFooter .footerForm .input-wrapper.required { position: relative;display: inline-block;width:calc(46.5% - 20px); }
.contactFooter .footerForm .input-wrapper.required input { width:100% !important;}
.contactFooter .footerForm .input-wrapper.required::after { content: "*"; color: black; position: absolute; right: 10px; top: 60%; transform: translateY(-50%); font-size: 18px;}
 
 
 
@media only screen and (max-width: 1199px) {.contactFooter { margin-top:-100px;}}

@media only screen and (max-width: 767px) {
	.contactFooter .contactBox .col-1 { text-align:center;}
	.contactFooter .centered { width:100%;}
	.contactFooter .footerForm {margin-top:20px;padding-bottom:30px !important;}
}

@media only screen and (max-width: 767px) {
	#footerCntr a { line-height:1.0;margin:10px 0;}
		.contactFooter .footerForm {margin-top:20px;padding-bottom:30px !important;}
}