@font-face {
	
  font-family: 'MyriadPro-Bold';
  src: url('../fonts/MyriadPro-Bold.eot?#iefix') format('embedded-opentype'),
  	   url('../fonts/MyriadPro-Bold.otf')  format('opentype'),
  	   url('../fonts/MyriadPro-Bold.woff') format('woff'),
  	   url('../fonts/MyriadPro-Bold.ttf')  format('truetype'),
  	   url('../fonts/MyriadPro-Bold.svg#MyriadPro-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
  
}

@font-face {
	
  font-family: 'MyriadPro-Regular';
  src: url('../fonts/MyriadPro-Regular.eot?#iefix') format('embedded-opentype'),
  	   url('../fonts/MyriadPro-Regular.otf')  format('opentype'),
	   url('../fonts/MyriadPro-Regular.woff') format('woff'),
	   url('../fonts/MyriadPro-Regular.ttf')  format('truetype'),
	   url('../fonts/MyriadPro-Regular.svg#MyriadPro-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
  
}

@font-face {
  font-family: 'MyriadPro-Semibold';
  src: url('../fonts/MyriadPro-Semibold.eot?#iefix') format('embedded-opentype'),
       url('../fonts/MyriadPro-Semibold.otf')  format('opentype'),
	   url('../fonts/MyriadPro-Semibold.woff') format('woff'),
	   url('../fonts/MyriadPro-Semibold.ttf')  format('truetype'),
	   url('../fonts/MyriadPro-Semibold.svg#MyriadPro-Semibold') format('svg');
  font-weight: normal;
  font-style: normal;
}

body{
	
	font-family: 'MyriadPro-Regular';
	background-image: url('../img/bk.jpg');
	width: 100%;
	background-size: cover;
	height: auto;
	background-repeat: no-repeat;
	
}

.bk_transparentwhite{
	
	width: 100%;
	height: auto;
	background-color: rgba(255, 255, 255, 0.9);
	border-top: 1px solid grey;
	
}

.the_container{
	
	min-height: 500px;
	width: 100%;
	
}

.centrado_container{
	
	position: absolute;
left: 50%;
top: 59%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
	
}

.telfno{
	
	color: white;
	
}

.telfno:hover{
	
	color: white;
	
}

.fondo_bkwhite{
	
	width: 100%;
	height: auto;
	background-color: rgba(255, 255, 255, 0.9);
	padding: 15px 20px 10px 20px;
	    margin-top: 60px;
	    margin-bottom: 25px;
	
}

.fondo_azul{
	
	background-color: #3F7792;
	width: 220px;
	height: 92px;
	
}

.fondo_blanco{
	
	background-color: rgba(255, 255, 255, 0.9);
	width: 100%;
	height: auto;
	
}



.titulo_cabecera{
	
	color: #3e7895;
	margin-top: 27px;
	
}

.logo{
	
	margin-left: 30px;
	margin-top: 20px;
	width: 165px;
	
}

.bk_body{
	
	background-image: url('../img/fondo.png');
	width: 100%;
	height: 10px;
	
}

.gigante{

	font-size: 55px;
	font-family: 'MyriadPro-Bold';
	font-style: italic;
	float: left;
	color: #3e7895;
	       margin-top: 8px;
    margin-bottom: -5px;
    margin-left: 48px;
    

}

.text_puntos{

	color: #8f8f8f;
	font-family: 'MyriadPro-Semibold';
	position: relative;
    top: 35px;
    left: 10px;
    line-height: 20px;
    font-size: 13px;
    
	
}

.text_subtitle{
	
	color: white;
	font-family: 'MyriadPro-Regular';
	margin-top: 15px;
	font-size: 16px;
	
}

.black_box{
	
	background-color: #31373B;
	max-width: 386px;
	height: auto;
	padding: 25px 25px 10px 25px;
	border-radius: 10px;
	    margin-top: 55px;
	
}

.text_form{
	
	color: white;
	font-size: 24px;
	
}

.checkbox{
	
	color: white;
	
}

.white{
	
	color: white;
	
}

.no_padding{
	
	padding-left: 0px !important;
	padding-right: 0px !important;
	
}

.color_corp{
	
	color: #3e7895;
	text-align: justify;
	    font-size: 16px;
}

.color_corp b{
	
	font-family: 'MyriadPro-Bold';
	
}

.submit_form{
	
	height: 50px;
	background: #1e5799; /* Old browsers */
	background: -moz-linear-gradient(top,  #1e5799 0%, #207cca 0%, #f38f02 0%, #eb8400 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #1e5799 0%,#207cca 0%,#f38f02 0%,#eb8400 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #1e5799 0%,#207cca 0%,#f38f02 0%,#eb8400 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#eb8400',GradientType=0 ); /* IE6-9 */
	border: 4px solid #D17101 ;
	color: white !important;
	font-size: 25px;
    letter-spacing: 1px;
    padding-top: 5px;
	
}

.first_dato small{
	

	font-size: 13px;
	
}

.second_dato small{
	

	font-size: 13px;
	
	
}

.third_dato small{
	

	font-size: 13px;
	
}

.howworks{
	
	text-align: center;
	margin-bottom: 35px;
	color: #3e7895;
	
}

.first_dato{
	
	margin: 0 auto 0 auto;
	text-align: center;
	color: white;
	width: 80%;
	height: 120px;
	border-radius: 100px;
	background-color: rgba(255, 255, 255, 0.9);
	padding: 10px;
	
}

.second_dato{
	
	margin: 0 auto 0 auto;
	text-align: center;
	color: white;
	width: 80%;
	height: 120px;
	border-radius: 100px;
	background-color: rgba(255, 255, 255, 0.9);
	padding: 10px;
	
}

.third_dato{
	
	margin: 0 auto 0 auto;
	text-align: center;
	color: white;
	width: 80%;
	height: 120px;
	border-radius: 100px;
	background-color: rgba(255, 255, 255, 0.9);
	padding: 10px;
	
}

.orange_number{
	
	color: #F38F02;
	
}

.grey_box{
	
	margin-top: 30px;
	background-color: #A4BFCC;
	width: 100%;
	height: 40px;
	padding-top: 3px;
	padding-left: 5px;
	color: #3e7895;
	margin-bottom: 20px;
	
}

.subtitle{
	
	    margin-top: -12px;
	    text-align: center;
	    font-size: 16px;
    margin-left: -150px;
	
}

.square_box{
	
	background-color: #A4BFCC;
	max-width: 100%;
	height: 110px;
	border-radius: 8px;
	margin-bottom: 12px;
	margin-top: 20px;
	
}

.square_box h3{
	
	color: white;
	text-align: center;
	margin-top: 20px;
	
}

.give_call{
	
	padding-top: 20px;
	
}

.square_box small{
	
	color: white;
	
}

.text_thousand{
	
	font-family: 'MyriadPro-Bold';
	color: #3e7895;
	letter-spacing: 0.5px;
	font-size: 16px;
	    margin-bottom: 0px;
	    margin-top: 0px;

	
}

.form-control{
	
	border: 3px solid #ccc;
	color: #999999;
	
}

.takeaction{
	
	color: #F38F02;
	font-style: italic;
	text-align: center;
	font-size: 16px;
	font-weight: 500;
	
}

.clear{
	
	clear: both;
	
}

.footer{
	
	background-color: #3F7792;
	width: 100%;
	height: 37px;
	color: white;
	padding-top: 10px;
	font-size: 12px;
	bottom: 0;

}

.steps{
	
	font-size: 24px;
	
}

.topmargin10 {
	
	margin-top:10px;
}

.add_header{
	
	text-align: center;
	margin-top: 35px;
	padding: 15px;
	color: #3e7895;
	background-color: rgba(163, 190, 204, 0.3);
	font-family: 'MyriadPro-Regular';	

}


/* Custom, iPhone Retina */ 
    @media (max-width : 320px) {
        
        .text_subtitle{
	        
	        margin-top: 11px;
			font-size: 13px;
	        
        }
        
        .footer{
			
			margin-top: 50px;
			font-size: 9px;	
			position: relative;
		
		}

		
		.titulo_cabecera{
			
			margin-top: 30px;
	    font-size: 27px;
			
		}

		
		.submit_form{
			
			font-size: 18px;
			padding-top: 8px;
			
			
		}
		
		.telfno{
			
			text-decoration: underline;
			
		}
		
		
        
    }

    /* Extra Small Devices, Phones */ 
    @media (max-width : 480px) {
		
		.black_box{
			
			max-width: 720px;
			
		}
		
		.footer{
			
			margin-top: 50px;
			    font-size: 10px;
			    position: relative;
			
		}
		
		.fondo_azul{
			
			    height: 92px;
			text-align: center;
			
		}
		
		.second_dato{
			
			float: none;
			text-align: center;
			
		}
		
		.third_dato{
			
			float: none;
			text-align: center;
			
		}
		
		.bk_body{
			
			    height: 93px;
			
		}
		
		.telfno{
			
			text-decoration: underline;
			
		}
		
    }

    /* Small Devices, Tablets */
    @media (max-width : 768px) {
	
		.black_box{
			
			max-width: 720px;
			
		}
		
		.footer{
			
			margin-top: 50px;
			font-size: 9px;	
			position: relative;
		
		}
	
    }

    /* Medium Devices, Desktops */
    @media (max-width : 992px) {

		.submit_form{
			
			font-size: 16px;
			padding-top: 10px;
			
		}

    }

    /* Large Devices, Wide Screens */
    @media (max-width : 1200px) {

    }