@charset "UTF-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,800');
@import url('https://fonts.googleapis.com/css?family=Barlow:300,500,800');
	
	body{
		background-color:#000;
		margin-left:auto;
		margin-right:auto;
		font-family: 'Barlow', sans-serif;
	}
	
	.theRadarLogo{
		width:190px;
		margin-bottom:60px;
	}
	
	.nameField{
		margin-bottom:30px;
	}
	.introTextH3{
		letter-spacing:0.03em;
		}
	.surnameField{
		margin-bottom:30px;
	}
	
	.emailField{
		margin-bottom:30px;
	}
	
	.messageField{
		margin-bottom:60px;
	}
	
	.selectField{
		margin-bottom:30px;
	}
	.textolegal h1{
		margin-bottom:30px;
		font-size:48px;
		letter-spacing:-0.01em;
	}
	.textolegal h2{
		margin-bottom: 26px;
		margin-top: 48px;
		font-weight:800;
		font-size:16px;
		letter-spacing:0.03em;
		color:#FFF;
	}
	.textolegal a{
		text-decoration:underline;
	}
	.textolegal a:hover{
		text-decoration:none;
	}
	.textolegal p{
		letter-spacing:0.03em;
		font-size:15px;
		color:#FFF;
		font-weight: 300;
	}
	.paginalegal{
		max-width:760px;
	}
	.textLegal{
		color:#000;
		font-size:12px;
		letter-spacing:0.05em;
		line-height:15px;
		-webkit-animation-name: fadeInUp; /* Safari 4.0 - 8.0 */
    	-webkit-animation-duration: 3s; /* Safari 4.0 - 8.0 */
    	animation-name: fadeInUp;
		animation-fill-mode: both;
		-webkit-animation: fadeInUp 3s;
		padding:10px 0 10px 0;
	}
	
	.textAddress{
		color:#000;
		font-weight:600;
		font-size:12px;
		letter-spacing:0.05em;
		line-height:15px;
		margin-top:50px;
	}
	.form-control{
		padding-top:20px;
		padding-bottom:20px;
		letter-spacing:0.03em;
	}
	
	.btn{
		border-radius: 3px;
		padding:22px 44px 21px;
		font-size:14px;
		letter-spacing:1px;
		text-decoration:none;
		margin-bottom:50px;
		-webkit-animation-name: fadeIn; /* Safari 4.0 - 8.0 */
    	-webkit-animation-duration: 2s; /* Safari 4.0 - 8.0 */
    	animation-name: fadeIn;
		animation-fill-mode: both;
		-webkit-animation: fadeIn 2s;
		letter-spacing:0.1em;
	}
	
	.divLogo{
		margin-top:10vh;
		-webkit-animation-fill-mode: both;
		position: relative;
    	-webkit-animation-name: fadeInDown; /* Safari 4.0 - 8.0 */
    	-webkit-animation-duration: 1s; /* Safari 4.0 - 8.0 */
    	animation-name: fadeInDown;
		animation-fill-mode: both;
		-webkit-animation: fadeInDown 1s;
	}
	
	.lineDivider{
		width:100px;
		height:1px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom:20px;
		background-color:#000;
		border-bottom:1px solid #000;
	}
	
	a[x-apple-data-detectors] {
	  color: inherit;
	  text-decoration: none;
	  font-size: inherit;
	  font-family: inherit;
	  font-weight: inherit;
	  line-height: inherit;
	}
	
	.addressContainer{
		-webkit-animation-name: fadeInSlow; /* Safari 4.0 - 8.0 */
    	-webkit-animation-duration: 2s; /* Safari 4.0 - 8.0 */
    	animation-name: fadeInSlow;
		animation-fill-mode: both;
		-webkit-animation: fadeInSlow 2s;
	}
	
	.formContainer{
		width:98%;
		margin-left:auto;
		margin-right:auto;
		-webkit-animation-name: fadeInSlow; /* Safari 4.0 - 8.0 */
    	-webkit-animation-duration: 2s; /* Safari 4.0 - 8.0 */
    	animation-name: fadeInSlow;
		animation-fill-mode: both;
		-webkit-animation: fadeInSlow 2s;
	}
	
	.disabled{
		opacity:50%;
	}
	.alert-success{
		margin-bottom: 44px;
	}
	
	.introText{
		margin-left:auto;
		margin-right:auto;
		color:#000;
		display: inline-table;
		margin-bottom:60px;
		margin-left:auto;
		margin-right:auto;
		-webkit-animation-name: fadeInSlow; /* Safari 4.0 - 8.0 */
    	-webkit-animation-duration: 1s; /* Safari 4.0 - 8.0 */
    	animation-name: fadeInSlow;
		animation-fill-mode: both;
		-webkit-animation: fadeInSlow 1s;
	}
	
	.introTextH1{
		font-size:84px;
		font-weight:300;
		text-align:left;
		line-height: 90px;
		letter-spacing:-0.025em;
		color:#16ffcf;
	}
	
	h2{
		font-size:30px;
		text-align:left;
		line-height: 40px;
		letter-spacing:0.025em;
		color:#FFF;
		font-weight:300;
	}
	
	.introH2{
		margin-top:120px;
	}
	
	.introTextH3{
		font-size:18px;
		text-align:left;
		width:50%;
		margin-top:20px;
		line-height: 28px;
		color: #FFF;
		letter-spacing: 0.05em;
		font-weight:300;
	}
	
	form{
		width:100%;
	}
	hr{
		width:100%;
		border-top: 1px dotted #16ffcf;
		margin-bottom:40px;
		margin-top:40px;
	}
	.footer{
		margin-bottom:50px;
		margin-top:30px;
		font-size:13px;
		letter-spacing:0.03em;
	}
	.copyright,
	.legal{
		font-size:13px;
	}
	.copyright{
		text-transform:none;
		color: #FFF;
		font-weight:300;
	}
	.legal{
		margin-bottom:25px;
	}
	.footer a{
		color: #000;
		padding:0 5px 0 5px;
		font-weight:300;
	}
	a{
		color: #16ffcf!important;
	}
	a:hover{
		color: #16ffcf;
	}
	.contenedorh1{
		height:240px;
	}
	li {
		margin-bottom: 20px;
	}
	
	.alert-success {
		color: #ffffff;
		background-color: #09634e;
		border: 0;
		letter-spacing:0.03em;
		text-align:center;
	}
	.alert-success a {
		color: #ffffff;
	}
	
	.btn-dark.disabled, .btn-dark:disabled {
		color: #000;
		background-color: #16ffcf!important;
		border-color: #16ffcf!important;
		opacity:0.5;
	}
	.btn-dark:hover{
		color:black;
		opacity: 0.5;
	}
	
	.btn-dark {
		color: #000;
		background-color: #16ffcf!important;
		border-color: #16ffcf!important;
	}
	
	#contact-form{
		-webkit-animation-name: fadeInSlow; /* Safari 4.0 - 8.0 */
    	-webkit-animation-duration: 1s; /* Safari 4.0 - 8.0 */
    	animation-name: fadeInSlow;
		animation-fill-mode: both;
		-webkit-animation: fadeInSlow 1.5s;
	}
	
	.footer{
		-webkit-animation-name: fadeInSlow; /* Safari 4.0 - 8.0 */
    	-webkit-animation-duration: 1s; /* Safari 4.0 - 8.0 */
    	animation-name: fadeInSlow;
		animation-fill-mode: both;
		-webkit-animation: fadeInSlow 2s;
	}

	.grecaptcha-badge{
		display: none!important;
	}
	
	ul{
		color:#FFF;
		font-weight: 300;
	}
	
	@media only screen and (max-width: 1200px){
		.contenedorh1{
			height:350px;
		}
	}
	
	@media only screen and (max-width: 990px){
		.introTextH1{
			font-size:62px;
			line-height: 72px;
		}
		.theRadarLogo {
			margin-bottom: 50px;
		}
		.introTextH3{
			width:70%;
		}
		.contenedorh1{
			height:300px;
		}
		.legal,
		.copyright{
			text-align:center!important;
		}
		.copyright{
			margin-bottom:5px;
		}
	}
	
	@media only screen and (max-width: 766px){
		.introTextH1{
			font-size:48px;
			line-height: 58px;
		}
		.theRadarLogo {
			margin-bottom: 40px;
		}
		.introTextH3{
			width:100%;
		}
		.contenedorh1{
			height:240px;
		}
	}	
	
	@media only screen and (max-width: 540px){
		.introTextH1{
			font-size:32px;
			line-height: 42px;
		}
		.contenedorh1{
			height:110px;
		}
		h2{
			font-size: 24px;
			line-height: 34px;
		}
	}
	@media only screen and (max-width: 440px){
		.contenedorh1{
			height:150px;
		}
		.introH2 {
			margin-top: 80px;
		}
	}
	@media only screen and (max-width: 380px){
		.introTextH1{
			font-size:36px;
			line-height:46px;
		}
		.contenedorh1{
			height:160px;
		}
	}
	
	@-webkit-keyframes fadeInDown {
	  from {
		opacity: 0;
		-webkit-transform: translate3d(0, -50%, 0);
		transform: translate3d(0, -50%, 0);
	  }
	
	  to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	  }
	}
	
	@keyframes fadeInDown {
	  from {
		opacity: 0;
		-webkit-transform: translate3d(0, -50%, 0);
		transform: translate3d(0, -50%, 0);
	  }
	
	  to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	  }
	}
	
	.fadeInDown {
	  -webkit-animation-name: fadeInDown;
	  animation-name: fadeInDown;
	}
	
	@-webkit-keyframes fadeIn {
		0% { opacity:0; }
		20% { opacity:0; }
		100% { opacity:1; }
	}
	
	@keyframes fadeIn {
		0% { opacity:0; }
		20% { opacity:0; }
		100% { opacity:1; }
	}
	
	.fadeIn {
	  -webkit-animation-name: fadeIn;
	  animation-name: fadeIn;
	}
	
	@-webkit-keyframes fadeInSlow {
		0% { opacity:0; }
		35% { opacity:0; }
		100% { opacity:1; }
	}
	
	@keyframes fadeInSlow {
		0% { opacity:0; }
		35% { opacity:0; }
		100% { opacity:1; }
	}
	
	@-webkit-keyframes fadeInUp {
	 	0% { opacity:0; }
		30% { opacity:0; }
		100% { opacity:1; }
		
	}
	
	@keyframes fadeInUp {
		0% { opacity:0; }
		30% { opacity:0; }
		100% { opacity:1; }
	}