@charset "utf-8";
/* CSS Document */
* {
    padding:0;
    margin:0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}


.unstyled::-webkit-inner-spin-button,
.unstyled::-webkit-calendar-picker-indicator {
	display: none;
	-webkit-appearance: none;
}


html, body {
    min-height:100%;
    height: 100%;
    width:100%;
	font-family:'Roboto', MyriadPro-Regular, 'Myriad Pro Regular', MyriadPro, 'Myriad Pro',  "Helvetica Neue", Arial, Gotham, sans-serif;
    font-size:18px;
	color:#000000;
    overflow-x: hidden;
	background-color: #D5BF99;
	
}


img {
    display:block;
}

a img{
    border-style:none;
}

a {
    text-decoration:none;
}

div {
    position:relative;
    display:block;
}

.wrapper {
	width: 100%;
	min-height: 100%;
	height: 100vh;
}

/**************** End common section ****************/



/**************** Start Header ****************/

.header {
    position:fixed;
    width: 100%;
    height: 6rem;
    z-index: 999;
}

.logo-01, .logo-02 {
    position: absolute;
    width:auto;
    height: 6rem;
    bottom: 0rem;
}


.logo-01 {
    right: 0%;
}
.logo-02 {
    left: 0%;
}

/**************** End Header ****************/


/**************** Start content ****************/
.container {
	width: 100%;
	min-height: 100%;
}

.left-container {
	width: 70%;
	min-height: 100vh;
	height: 100%;
	overflow: hidden;
	float: left;
	background-color: #ffffff;
}

.main-img {
	width: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);
	        transform: translate(-50%,-50%);
}

/**************** End content ****************/




/**************** Start form ****************/
.right-container {
	width: 30%;
	min-height: 100vh;
	overflow: hidden;
	float: left;
}

.form {
	width: 80%;
	margin: auto;
	margin-top: 8rem;
	padding-bottom: 2rem;
}

p {
	font-size: 1rem;
	padding-top: 1.5rem;
	padding-bottom: .25rem;
}

.p-01 {
	padding-top: 0rem;
}

.forms-pad {
	padding-top: 1rem;
}

::-webkit-input-placeholder {
	color: #ad8745;
	opacity: 1; /* Firefox */
}

:-ms-input-placeholder {
	color: #ad8745;
	opacity: 1; /* Firefox */
}

::placeholder {
	color: #ad8745;
	opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: #ad8745;
}

::-ms-input-placeholder { /* Microsoft Edge */
	color: #ad8745;
}

input[type=text], input[type=email], select {
	width: 100%;
	padding: .5rem 1rem;
	margin: .4rem 0;
	display: inline-block;
	border: 1px solid #ccc;
	border-radius: 2rem;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	font-size: .8rem;
	color: #ad8745;
	-webkit-box-shadow: .2rem .2rem .1rem 0px rgba(0,0,0,0.25);
	        box-shadow: .2rem .2rem .1rem 0px rgba(0,0,0,0.25);

}

input[type=submit], input[type=button] {
	width: 100%;
	background-color: #AE8E55;
	color: white;
	padding: .5rem 1rem;
	margin: .4rem 0;
	border: 1px solid #ffffff;
	border-radius: 2rem;
	cursor: pointer;
	font-size: .8rem;
	-webkit-box-shadow: .2rem .2rem .1rem 0px rgba(0,0,0,0.25);
	box-shadow: .2rem .2rem .1rem 0px rgba(0,0,0,0.25);
}

input[type=submit]{
	width: 48%;
	text-align: center;
}


.form-l {
	width: 48%;
	float: left;
}


.form-r {
	width: 48%;
	float: right;
}

.terms {
	font-size: .7rem;
	position: absolute;
	bottom: 2rem;
	right: 2rem;
	padding-top: 1rem;
}

/**************** End form ****************/