@font-face {
	font-family: 'Conv_DDCHardware-Regular';
	src: url('../fonts/DDCHardware-Regular.eot');
	src: local('☺'), url('../fonts/DDCHardware-Regular.woff') format('woff'), url('../fonts/DDCHardware-Regular.ttf') format('truetype'), url('../fonts/DDCHardware-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Conv_DDCHardware-Condensed';
	src: url('../fonts/DDCHardware-Condensed.eot');
	src: local('☺'), url('../fonts/DDCHardware-Condensed.woff') format('woff'), url('../fonts/DDCHardware-Condensed.ttf') format('truetype'), url('../fonts/DDCHardware-Condensed.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Conv_Mohave-Regular';
	src: url('../fonts/Mohave-Regular.eot');
	src: local('☺'), url('../fonts/Mohave-Regular.woff') format('woff'), url('../fonts/Mohave-Regular.ttf') format('truetype'), url('../fonts/Mohave-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


html, body{ height:100%} 


.radio-inline { cursor:pointer; position: relative; padding-left: 20px; -webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.radio-inline input { position: absolute; left:0; opacity: 0; cursor: pointer;}

.checkmark {position: absolute;top: 7px;left: 0;height: 16px;width: 16px;background-color: #eee;}
.radio-inline:hover input ~ .checkmark {background-color: #ccc}

.radio-inline input:checked ~ .checkmark{ border:2px solid #003e86 !important }
.checkmark:after {content: "";position: absolute;display: none}
.radio-inline input:checked ~ .checkmark:after { display: block}
/* .radio-inline .checkmark:after {top: 50%;left: 50%;width: 6px;height: 6px;background: white;transform:translate(-50%, -50%)} */
.radio-inline .checkmark:after { content: ''; background: transparent;top: 1px;left: 1px; width: 11px;height: 7px;border: 3px solid #003e86 ;border-top: none;border-right: none;-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);}






#eleva-pelo-brasil{ min-height:100%; background: #042557; font-family: 'Open Sans', sans-serif; color: #FFF; }
#eleva-pelo-brasil .btn-link{font-family: 'Conv_DDCHardware-Regular'; border-radius: 0; color:#FFF !important; text-transform:uppercase; background-color: #d3031c !important}
#eleva-pelo-brasil .subtitle{font-family: 'Conv_DDCHardware-Condensed'; font-size:2.8125rem; color:#d3031c}
#eleva-pelo-brasil .buttom-continue .btn-link{ position:absolute !important; bottom: 0; left:50%; font-size:2.375rem; padding:0.5rem 4.25rem; transform:translate(-50%, 50%)}


#btn-participar.btn-link{ padding:0.5rem 1.5rem; margin-top:1rem; font-size:2.375rem;  }
#btn-participar.btn-link:active,
#btn-participar.btn-link:focus,
#btn-participar.btn-link:hover{ background-color: #d3031c !important; color:#FFF !important; opacity: 0.8}

#step-1{ padding-bottom:30px; background: url('../img/bg-step-1.jpg') no-repeat center bottom #042557; background-size:cover; font-weight: 600; font-size:1.3125rem; }
#step-1 .mapa{ max-width: 580px;}

#step-2{ display: none; padding:3vw 0; margin-bottom: 40px; text-transform: uppercase}
#step-2 .box-content{ position: relative; padding: 50px;  background-color: #FFF}

#step-2 .step-by-step{ padding-top:50px}
#step-2 .step-by-step img{ margin-bottom:35px}
#step-2 .step-by-step p{ font-family: 'Conv_DDCHardware-Condensed'; font-size:1.3125rem; color:#003e86; line-height:normal}
#step-2 .buttom-continue{ padding:2vh 0}


#step-3{ display: none; padding:3vw 0; margin-bottom: 40px; margin-bottom: 40px}
#step-3 .box-content{ position: relative; padding: 50px;  background-color: #FFF}
#step-3 label{ margin-bottom:2px;  font-family: 'Conv_DDCHardware-Regular'; font-size:1.1875rem; color:#003e86; text-transform: uppercase}
#step-3 .form-control{ height:66px;  border-radius:0; border:0; background:#f2f2f2; }
#step-3 .box-content .confirm-text{ font-size:0.875rem; color: #58595b; text-transform: initial}
#step-3 .buttom-continue{ padding:1vh 0 ; }


#step-3 .select2-container{ width: 100% !important}
#step-3 .select2-container .select2-selection--single{ height: 66px !important;}
#step-3 .select2-container--default .select2-selection--single .select2-selection__arrow{ height: 66px !important;}
#step-3 .select2-container--default .select2-selection--single .select2-selection__rendered{ line-height:66px !important; padding-left:12px;}

#step-3 .select2-container--default .select2-selection--single{ background: #f2f2f2; border-radius:0; border:0 none}
#step-3 .select2-selection__arrow::after { display:none !important}
#step-3 .select2-container--default .select2-selection--single .select2-selection__arrow b{ margin-left: -7px; border-width:6px 6px 0 6px  }

#step-3 .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{
	border-width:0 6px 6px 6px
}

#step-4{display: none; padding:3vw 0; margin-bottom: 40px}
#step-4 .box-content{ position: relative; padding: 50px;  background-color: #FFF}
.dropzone {background: white;border-radius: 5px;border: 2px dashed rgb(200, 199, 199);border-image: none; margin:2.4rem auto}

#step-4 .text-upload-ddc{ font-family:'Conv_DDCHardware-Condensed'; font-size:2.0625rem; color: #003e86; line-height:normal; margin:0; text-transform: uppercase}
#step-4 .text-upload-moh{ font-family: 'Conv_Mohave-Regular'; font-size:1.625rem; color: #58595b; line-height:normal; margin:0;}

#step-5{ display: none; padding:3vw 0; }
#step-5 .box-content{ position: relative; line-height:normal; padding: 55px 0 20px; background-color: #FFF}
#step-5 .subtitle{ font-size:2.5625rem; } 



	 


.has-error label,
.has-error .help-block{ color:#c62828 !important}
.has-error .help-block{ font-style:italic; text-align:left !important  }
.has-error .form-control{ border:1px solid #c62828 !important }
.has-error .form-control:focus{ box-shadow: inset 0 0 0 rgba(0,0,0,0)}
.form-group .help-block{ position: static !important;}
.has-error .checkmark { border:1px solid #c62828 !important }

.has-error .select2-container--default .select2-selection--single{ border:1px solid #c62828 !important  }
/* .dropzone .dz-preview{ display: block;} */

.dropzone .dz-preview .dz-details .dz-filename span, 
.dropzone .dz-preview .dz-details .dz-size span{ background: none !important}
.dropzone .dz-preview .dz-error-message::after{ left: 14px; }
.dropzone.error{border-color:#c62828}
.dropzone .dz-preview .dz-details .dz-filename{ margin-top:37px}

/* ---------------------------------------------------------------------------------- */
@keyframes spinner-border {
  to {
    transform: rotate(360deg);
  }
}
.spinner-border {
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  vertical-align: text-bottom;
  border: 0.25rem solid currentColor;
  border-right-color: transparent;
	border-radius: 50%;
	transform:translateX(-50%);
  animation: spinner-border 0.75s linear infinite;
}

.spinner-grow-sm {
  width: 1rem;
  height: 1rem;
}



@media screen and (max-width:767px){
	#btn-participar.btn-link { font-size: 1.375rem}
	#eleva-pelo-brasil .buttom-continue .btn-link{ font-size: 1.5625rem}

	#step-1 .mapa{ max-width: 100% !important;}

	#eleva-pelo-brasil .subtitle{ font-size:1.875rem}

	#step-2{ margin:50px 15px}
	#step-2 .box-content{ padding: 20px}
	#step-2 .step-by-step{ padding-top:25px}
	
	#step-3{ margin:50px 15px}
	#step-3 .box-content{ padding: 20px}
	#step-3 .form-control{ height:50px}

	#step-4{ margin:50px 15px}
	#step-4 .box-content{ padding: 20px}
	#step-4 .text-upload-ddc{ font-size:1.5625rem}
	#step-4 .text-upload-moh{ font-size:1.125rem }
	#eleva-pelo-brasil #step-4 .buttom-continue .btn-link{ width:60%; padding:0.5rem;}


	#step-5{ margin:50px 15px}
	#step-5 .box-content{ padding:20px 0}
}