body {
  height: 100%;
  margin: 0;
  padding: 0;
  /*  width: 400px;
  min-height: 445px;*/
}

body {
  /* font-family: 'Roboto', sans-serif; */
/*  background: -webkit-gradient(linear, left bottom, left top, from(#4F6072), to(#8699AA));
  background: linear-gradient(to top, #8082BB, #714A9D);*/
  background: -webkit-linear-gradient(117deg, rgb(96, 87, 246), rgb(216, 71, 99));
  background: linear-gradient(117deg, rgb(96, 87, 246), rgb(216, 71, 99));
  background: -webkit-radial-gradient(rgb(194, 74, 126), rgb(105, 86, 235));
  background: radial-gradient(rgb(194, 74, 126), rgb(105, 86, 235));
}

.contact-row {
  padding-top: 60px;
}

.footer-section {
    margin-top: 60px;
    /* background-color: #1B1E25; */
    /* background-image:-webkit-radial-gradient(0% 100%, ellipse cover, rgba(104, 128, 138, 0.4) 10%, rgba(138, 114, 76, 0) 40%), linear-gradient(rgba(57, 173, 219, 0.25) 0%, rgba(42, 60, 87, 0.4) 100%), linear-gradient(135deg, rgb(103, 13, 16) 0%, rgb(9, 39, 86) 100%); */
    padding-top: 20px;
    padding-bottom: 20px;
    position: relative;
    text-align: center;
}

.footer-row {
    max-width: 1000px;
    margin: auto;
    /* padding-bottom: 20px; */
}

.purple_area {
    background-color: #2aacea;
}

.footer-beian {
    color: #fff;
}

.footer-beian:hover {
    color: #f66f6a
}


::-webkit-input-placeholder { /* Edge */
  color: #fff;
  font-weight: 300;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #fff;
  font-weight: 300;
}

::placeholder {
  color: #fff;
  font-weight: 300;
}


.contact-container {
}

.form-success .row h1 {
	transform: translateY(85px);
}

.row {
	max-width: 600px;
	margin: 0 auto;
	padding: 80px 0 0 0;
	/* height: 400px; */
	text-align: center;
}

h1 {
  color: #fff;
  font-size: 40px;
  transition-duration: 1s;
  font-weight: 200;
}

form {
	padding: 20px 0;
	position: relative;
	z-index: 2;
}

input{
  display: block;
  appearance: none;
  outline: 0;
  /* border: 1px solid fade(white, 40%); */
  /* background-color: fade(white, 20%); */
  border: 1px solid;
  background-color: rgba(46, 55, 63, 0.1);
  width: 300px;
  border-radius: 3px;
  padding: 10px 15px;
  margin: 0 auto 10px auto;
  display: block;
  text-align: center;
  font-size: 18px;
  color: white;
  transition-duration: 0.25s;
  font-weight: 600;
}
input:focus{
  background-color: white;
  width: 360px;
  color: #000;
  font-weight: 600;
}

.contact-container button {
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    background-color: #f66f6a;
    /* border-radius: 10px; */
    border: 1px solid #f66f6a;
    width: 300px;
    height: 51px;
    font-size: 20px;
    color: white;
    margin: 30px auto;
}

.contact-container button:hover {
    background-color: rgb(219, 81, 77);
    border: 1px solid rgb(219, 81, 77);
    color: white;
    -moz-box-shadow: -1px 9px 46px -17px rgba(43, 43, 43, 1);
    box-shadow: -1px 9px 46px -17px rgba(43, 43, 43, 1);
}