body {
	background: linear-gradient(rgba(231, 238, 243, 0.015), rgba(16, 75, 125, 0.4)) fixed;
	font-family: "Source Sans Pro", Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #333;
	margin: 0;
	padding: 0;
}
.header {
	background: #fff;
	text-align: center;
	box-shadow:0 0 0.4em 0 rgba(0,0,0,0.40);
	padding: 2px 0px 2px 0px;
	margin: 0px 0px 10px 0px;
}
.button {
    /* Structure */
    display: inline-block;
    *display: inline;
    /*IE 6/7*/
    zoom: 1;
    line-height: normal;
    white-space: nowrap;
    vertical-align: baseline;
    text-align: center;
    cursor: pointer;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
	-webkit-appearance: none;
}

.button {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 15px;
    *font-size: 13px;
	 /*IE 6/7 - To reduce IE's oversized button text*/
    *overflow: visible; /*IE 6/7 - Because of IE's overly large left/right padding on buttons */
    padding: 0.5em 1em 0.4em 1em;
    color: #fff !important;
    border: 0;
    margin: 0px 0px 0px 20px;
    background-color: #77a63a;
    text-decoration: none !important;
}
.button:hover {
    background-color: #3060A4;
}

h1 {
}

h2 {
	color: #A83030;
	padding: 0;
	margin: 0;
	font-size: 1.2em;
}

h3 {
	color: #6A8B41;
	padding: 0 0 5px 0 ;
	margin: 0;
	line-height: 1.3em;
}

h4 {
	color: #104B7D;
	padding: 0 0 5px 0 ;
	margin: 0;
	font-size: 1.1em;
}

a {
    text-decoration: underline;
    color: #4f910f;
}

a:hover {
    text-decoration: underline;
    color: #3d6e0d;
}

.reset {
	font-size: 0.8em;
}


.page-content {
	width: 100%;
	margin:  0 auto;
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	-o-justify-content: center;
	-ms-justify-content: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
	align-items: center;
	-o-align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
}
.content  {
	background: #fff;
	width: 1100px;
	border-radius: 10px;
	-o-border-radius: 10px;
	-ms-border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.15);
	-o-box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.15);
	-ms-box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.15);
	margin: 95px 0;
	position: relative;
	font-family: 'Montserrat', sans-serif;
}
.content .form-detail {
	position: relative;
	width: 100%;
	display: flex;
	display: -webkit-flex;
}
.content .form-detail h2, h3 {
	font-weight: 500;
	font-size: 22px;
	margin-bottom: 34px;
	padding: 33px 50px 0px 60px;
}
.content .form-detail h3 {
	font-size: 16px;
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 0px 60px;
}
.content .form-detail .form-left {
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	width: 100%;
}
.content .form-detail .form-left h2 {
	color: #3060A4;
}
.content .form-detail .form-right {
	width: 100%;
	background: #f8f8f8;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
}
.content .form-detail .form-right h2 {
	color: #3060A4;
}
.content .form-detail .form-group {
	display: flex;
	display: -webkit-flex;
}
.content .form-detail .form-row {
	position: relative;
	margin-bottom: 24px;
	padding-left: 60px;
    padding-right: 50px;
}
.content .form-detail .form-left .form-group .form-row.form-row-1 {
	width: 50%;
	padding: 0 12px 0 60px;
}
.content .form-detail .form-left .form-group .form-row.form-row-2 {
	width: 50%;
	padding: 0 50px 0 12px;
}
.content .form-detail .form-left .form-group .form-row.form-row-3 {
	width: 73%;
	padding: 0 12px 0 60px;
}
.content .form-detail .form-left .form-group .form-row.form-row-4 {
	width: 50%;
	padding: 0 50px 0 12px;
}
.content .form-detail .form-right .form-group .form-row.form-row-1 {
	width: 50%;
	padding: 0 12px 0 60px;
}
.content .form-detail .form-right .form-group .form-row.form-row-2 {
	width: 100%;
	padding: 0 50px 0 12px;
}
.content .form-detail select,
.content .form-detail input {
	width: 100%;
    padding: 11.5px 15px 15px 15px;
    border: 1px solid transparent;
    background: transparent;
    appearance: unset;
    -moz-appearance: unset;
    -webkit-appearance: unset;
    -o-appearance: unset;
    -ms-appearance: unset;
    outline: none;
    -moz-outline: none;
    -webkit-outline: none;
    -o-outline: none;
    -ms-outline: none;
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
}
.content .form-detail select {
	background: 0 0;
	position: relative;
	z-index: 9;
	cursor: pointer;
}
.content .form-detail .form-left select {
	color: #666;
}
.content .form-detail .form-right select {
	color: #f2f2f2;
}
.content .form-detail .select-btn {
	z-index: 0;
    position: absolute;
    top: 30%;
    right: 11.5%;
    font-size: 18px;
}
.content .form-detail .form-left .select-btn {
    color: #666;
}
.content .form-detail .form-right .select-btn {
    color: #f2f2f2;
}
.content .form-detail .form-group .form-row.form-row-4 .select-btn {
	top: 20%;
	right: 26%;
}
.content .form-detail .form-right .form-group .form-row.form-row-2 .select-btn {
	top: 20%;
	right: 19%;
}
.content .form-detail .form-left input {
	color: #000;
}
.content .form-detail .form-right input {
	color: #fff;
}
.content .form-detail .form-left input,
.content .form-detail .form-left select {
	border-bottom: 1px solid #ccc;
}
.content .form-detail .form-left input:focus,
.content .form-detail .form-left select:focus {
	border-bottom: 1px solid #999;
}


.content .form-detail .form-right input,
.content .form-detail .form-right select {
	border-bottom: 1px solid;
	border-bottom-color: rgba(255, 255, 255, 0.3);
}
.content .form-detail .form-right input:focus,
.content .form-detail .form-right select:focus {
	border-bottom: 1px solid #ccc;
}
.content .form-detail .form-right select option {
	background: #4835d4;
}
.content .form-detail .form-right .form-row-last {
    padding-left: 60px;
    margin: 44px 0 10px;
}
.content .form-detail .form-right .form-row-last input {
	padding: 12.5px;
}
.content .form-detail .form-left input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #666;
  font-size: 16px;
}
.content .form-detail .form-left input::-moz-placeholder { /* Firefox 19+ */
  color: #666;
  font-size: 16px;
}
.content .form-detail .form-left input:-ms-input-placeholder { /* IE 10+ */
  color: #666;
  font-size: 16px;
}
.content .form-detail .form-left input:-moz-placeholder { /* Firefox 18- */
  color: #666;
  font-size: 16px;
}
.content .form-detail .form-right input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #f2f2f2;
  font-size: 16px;
}
.content .form-detail .form-right input::-moz-placeholder { /* Firefox 19+ */
  color: #f2f2f2;
  font-size: 16px;
}
.content .form-detail .form-right input:-ms-input-placeholder { /* IE 10+ */
  color: #f2f2f2;
  font-size: 16px;
}
.content .form-detail .form-right input:-moz-placeholder { /* Firefox 18- */
  color: #f2f2f2;
  font-size: 16px;
}

/* Responsive */
@media screen and (max-width: 1199px) {
	.content {
		margin:  95px 20px;
	}
	#logo {
		height: 100px;
	}
}
@media screen and (max-width: 991px) and (min-width: 768px) {
	.content .form-detail .form-group {
		flex-direction:  column;
		-o-flex-direction:  column;
		-ms-flex-direction:  column;
		-moz-flex-direction:  column;
		-webkit-flex-direction:  column;
	}
	.content .form-detail .form-left .form-group .form-row.form-row-1,
	.content .form-detail .form-left .form-group .form-row.form-row-2,
	.content .form-detail .form-left .form-group .form-row.form-row-3,
	.content .form-detail .form-left .form-group .form-row.form-row-4,
	.content .form-detail .form-right .form-group .form-row.form-row-1,
	.content .form-detail .form-right .form-group .form-row.form-row-2 {
	    width: auto;
	    padding: 0 50px 0 60px;
	}
	.content .form-detail .select-btn,
	.content .form-detail .form-left .form-group .form-row.form-row-4 .select-btn,
	.content .form-detail .form-right .form-group .form-row.form-row-2 .select-btn {
		right: 15%;
	}
	#logo {
		height: 80px;
	}

}
@media screen and (max-width: 767px) {
	.content .form-detail {
		flex-direction:  column;
		-o-flex-direction:  column;
		-ms-flex-direction:  column;
		-moz-flex-direction:  column;
		-webkit-flex-direction:  column;
	}
	.content .form-detail .form-right {
		border-top-right-radius: 0px;
    	border-bottom-left-radius: 10px;
	}
	.content .form-detail .form-left {
		padding-bottom: 50px;
	}
	#logo {
		height: 70px;
	}
}
@media screen and (max-width: 575px) {
	.content .form-detail .form-group {
		flex-direction:  column;
		-o-flex-direction:  column;
		-ms-flex-direction:  column;
		-moz-flex-direction:  column;
		-webkit-flex-direction:  column;
	}
	.content .form-detail .form-row,
	.content .form-detail .form-left .form-group .form-row.form-row-1,
	.content .form-detail .form-left .form-group .form-row.form-row-2,
	.content .form-detail .form-left .form-group .form-row.form-row-3,
	.content .form-detail .form-left .form-group .form-row.form-row-4,
	.content .form-detail .form-right .form-group .form-row.form-row-1,
	.content .form-detail .form-right .form-group .form-row.form-row-2 {
	    width: auto;
	    padding: 0 30px;
	}
	.content .form-detail .select-btn,
	.content .form-detail .form-left .form-group .form-row.form-row-4 .select-btn,
	.content .form-detail .form-right .form-group .form-row.form-row-2 .select-btn {
		right: 15%;
	}
	.content .form-detail h2 {
	    padding: 33px 30px 0px 30px;
	}
	.content .form-detail .form-right .form-row-last {
		padding-left: 0;
		text-align: center;
	    margin: 44px 0 30px;
	}
	#logo {
		height: 50px;
	}
}