/* ========================================
Contact
======================================== */

.contact-section{

  position:relative;

}

.contact-form{

  max-width:720px;

  margin:0 auto;

}

.contact-form .form-label{

  display:block;

  margin-bottom:8px;

  font-weight:600;

}

.contact-form .form-control{

  min-height:56px;

}

.contact-form textarea.form-control{

  min-height:180px;

  resize:vertical;

}

.contact-form .btn-main{

  min-width:220px;

  margin-top:16px;

}

/* ========================================
Required
======================================== */

.required{

  margin-left:6px;

  font-size:.85rem;

  font-weight:700;

}

/* ========================================
Modal
======================================== */

.modal-content{

  border:none;

}

.modal-body p{

  margin-bottom:20px;

  line-height:1.8;

}

.modal-body p:last-child{

  margin-bottom:0;

}

.modal-body strong{

  display:block;

  margin-bottom:6px;

}

/* ========================================
Complete
======================================== */

#contactCompleteMessage{

  text-align:center;

  line-height:2;

  padding:20px 0;

}

/* ========================================
SP
======================================== */

@media(max-width:768px){

  .contact-form{

    max-width:100%;

  }

  .contact-form .btn-main{

    width:100%;

  }

}