* { padding: 0; margin: 0; }

*,
*:after,
*:before {
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
          box-sizing:border-box;
    *behavior: url(boxsizing.htc);
    -webkit-font-smoothing:antialiased;
          font-smoothing:antialiased;
    text-rendering:optimizeLegibility;
}

html, body, .wrapper { height: 100%; }

figure, main { display: block; }
img { display: block; max-width: 100%; }

body { font-family: 'EB Garamond', serif; background-color: #241313; }

.wrapper { padding: 9px; }
@media ( min-width: 440px ) {
	.wrapper { padding: 36px; }
}

.main {
	padding-bottom: 150px;
	position: relative;
	background: url('../images/emblema.png') no-repeat center top;
}
/*.main:before, .main:after {
	display: block;
	position: absolute;
	border: 2px solid #563F2A;
	content: '';
}
.main:before {
	width: 100%;
	height: 96%;
	left: 0;
	top: 25px;
}
.main:after {
	width: 98.9%;
	height: 100%;
	left: 50%;
	top: 15px;
	-moz-transform: translate(-50%, 0);
	-webkit-transform: translate(-50%, 0);
	-o-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
}*/

.bg-logo {
	display: inline-block;
	padding: 0 28px;
	position: relative;
	z-index: 9;
	background-color: #291515;
}

.container { max-width: 673px; margin: 0 auto; padding: 0 20px; position: relative; z-index: 10; }
@media ( min-width: 644px ) {
	.container { padding: 0; }
}
.logo-kd { display: inline-block; margin: 63px 0 51px; }

.title {
	font-size: 36px;
	color: #D3AF78;
	margin-bottom: 41px;
}
.title .subtt { font-size: 24px; }

.label { display: block; font-size: 24px; color: #D3AF78;  margin-bottom: 24px; }
.input {
	display: inline-block;
	max-width: 536px;
	width: 100%;
	font-size: 18px;
	color: #ADADAD;
	text-align: center;
	/*margin-bottom: 73px;*/
	padding: 15px;
	border: 0;
	border-bottom: 1px solid #8A6733;
	background: transparent;
}
.maxchar {
	color: #D3AF78;
}
.field-options {
	font-size: 0;
	text-align: center;
	margin-bottom: 45px;
}

.btn {
	display: inline-block;
	max-width: 215px;
	width: 100%;
	font-size: 18px;
	line-height: 18px;
	color: #ADADAD;
	text-align: center;
	text-decoration: none;
	padding: 14px 5px;
	margin-bottom: 11px;
	position: relative;
	border: 1px solid #8A6733;
}
@media ( min-width: 542px ) {
	.btn { margin: 0 10px 11px }
}
@media ( min-width: 784px ) {
	.btn { margin: 0 0 11px }
}
.btn.is-big {
	max-width: 326px;
	font-size: 24px;
	line-height: normal;
	padding: 10px 5px;
}
.btn:hover:before, .btn.active:before {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-color: #8A6733;
	border: 1px solid #212121;
	content: '';
}
.btn:hover, .btn.active { color: #fff; }

@media ( min-width: 784px ) {
	.btn.center { margin: 0 14px 11px; }
}

.btn .txt-btn { position: relative; z-index: 9; }

.btn-style2 {
	display: inline-block;
	max-width: 326px;
	width: 100%;
	font-size: 24px;
	color: #fff;
	text-align: center;
	text-decoration: none;
	padding: 10px 5px;
	margin-bottom: 11px;
	background: url('../images/bg-btn-avancar.png') no-repeat center center #8A6733;
}

/* =================== borda ================== */
.corner-top-left, .corner-top-right, .fillet-top {
	width: 14px;
	height: 13px;
	position: absolute;
	top: 15px;
}
.corner-top-left {
	left: 0;
	background: url('../images/corner-top-left.jpg') no-repeat;
	z-index: 9;
}
.corner-top-right {
	right: 0;
	background: url('../images/corner-top-right.jpg') no-repeat;
	z-index: 9;
}
.fillet-top {
	width: 100%;
	top: 14px;
	left: 0;
	background: url('../images/fillet-midle-top.jpg') repeat-x;
}

.corner-bottom-left, .corner-bottom-right, .fillet-bottom {
	width: 14px;
	height: 20px;
	position: absolute;
	bottom: 3px;
}

.corner-bottom-left {
	left: 0;
	background: url('../images/corner-bottom-left.jpg') no-repeat #241313;
	z-index: 9;
}

.corner-bottom-right {
	right: 0;
	background: url('../images/corner-bottom-right.jpg') no-repeat #241313;
	z-index: 9;
}
.fillet-bottom {
	width: 100%;
	bottom: 2px;
	left: 0;
	background: url('../images/fillet-midle-bottom.jpg') repeat-x;
}

.fillet-left {
	width: 13px;
	height: 97.1%;
	position: absolute;
	top: 16px;
	left: 0;
	background: url('../images/fillet-left-right.jpg') repeat-y;
}
.fillet-right {
	width: 13px;
	height: 97.1%;
	position: absolute;
	top: 16px;
	right: 0;
	background: url('../images/fillet-left-right.jpg') repeat-y;
}

/* =================== foto ================== */
.txt { font-size: 24px; color: #D3AF78; text-align: center; }
.foto {
	width: 222px;
	margin: 0 auto 3rem;
	border: 1px solid #8A6733;
	position: relative;
	cursor: pointer;
}
.foto:after {
	display: block;
	width: 100%;
	position: absolute;
	left: 0;
	bottom: -19px;
	border-bottom: 1px solid #8A6733;
	content: '';
}
.info-foto {
	width: 100%;
	font-size: 18px;
	text-align: center;
	color: #ADADAD;
	position: absolute;
	top: 40%;
	left: 0;
}

#file {
	opacity: 0;
    height: 100%;
    width: 100%;
    top: 0;
    display: block;
    position: absolute;
    z-index: 9999;
    cursor: pointer;
}

/* =================== resultado ================== */
.mrg-b-10 { margin-bottom: 10px; }
.txt-resultado { font-size: 18px; color: #D3AF78; text-align: center; margin-bottom: 20px; }
.center-card { display: block; margin: 2rem auto; }
.txt-network { font-size: 18px; color: #fff; text-align: center; margin-bottom: 14px; }
.icon-networks { margin: 0 16px; }
.icon-networks img { display: inline-block; }

/* =================== general ================== */
.display-i-b { display: inline-block; }
.txt-center { text-align: center; }
.txt-center label {
	margin-bottom: 73px;
	display: block;
}
.fs-0 { font-size: 0; }
.mrg-b-0 { margin-bottom: 0; }
.mrg-b-27 { margin-bottom: 27px; }



.error {
	margin: 2rem 0;
	color: red;
	text-align: center;
}