@charset "utf-8";
/* CSS Document */

body, html, div, h1, h2, h3, h4, form, input, p, img, a, ul, li, ol, span, td, tr, table, type{
	padding:0;
	margin:0;
	border:none;
}
body{
	background:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:normal;
	color:#000;
}
body #container{
	margin:0 auto;
	width:100%;
	background:#fff;
}
.clear{
	clear:both;
}
a{
	text-decoration:none;
	color:#0099FF;
}
a:hover{
	text-decoration:underline;
}
h1, h2, h3{
	line-height:normal;
	font-weight:normal;
	color:#000;
}
li{
	list-style:none;
}
p{
	margin:0 0 20px 0;
}


/* --------------------------------- */
#container .main{
	width:1003px;
	margin:0 auto;
}


#header,
#header-2{
	width:100%;
	position:fixed;
	z-index:1000;
	background:#fff;
	-webkit-box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.1);  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  	-moz-box-shadow:    1px 1px 3px 1px rgba(0,0,0,0.1);  /* Firefox 3.5 - 3.6 */
  	box-shadow:         1px 1px 3px 1px rgba(0,0,0,0.1);
}
#header-2{
	background:#f3f3f3;
}
#header .main,
#header-2 .main{
	position:relative;
}
#header .logo,
#header-2 .logo{
	float:left;
	margin:20px 0;
}
#header .logo a,
#header-2 .logo a{
	display:block;
	width:305px;
	height:71px;
	background:url(images/logo-header.png) no-repeat top;
	background-size:100%;
}



#header .rsm-area{
	float:right;
	width:590px;
	margin:25px 0 0 0;
}
#header #language{
	float:right;
	font-size:12px;
	color:#797979;
	margin:0 0 0 10px;		
}
#header #language a{
	display:block;
	color:#797979;
	padding:4px 6px;
	border:1px solid #d2d2d2;
	-webkit-border-radius: 4px;
       -moz-border-radius: 4px;
         -o-border-radius: 4px;
            border-radius: 4px;
}
#header #language a:hover{
	text-decoration:none;
}
#header #language .globe{
	float:left;
	width:15px;
	height:15px;
	background:url(images/globe.svg) no-repeat top;
	background-size:100%;
	margin:0 7px 0 0;
}
#header #language .text{
	float:left;
	width:auto;
	margin:0;
}
#header #language .arrow{
	float:left;
	width:8px;
	height:8px;
	background:url(images/drop-arrow-grey.svg) no-repeat top;
	background-size:100%;
	transition: transform .7s ease-in-out;
	margin:5px 0 0 6px;
}
#header #language:hover .arrow{
	transform: rotate(180deg);
}

#header #language-menu,
#header #language-mobile-menu{
	display:none;
	position:absolute;
	top:20px;
	right:0;
	position:absolute;
	width:120px;
	z-index:4;
}
#header #language-menu a,
#header #language-mobile-menu a{
	border:none;
}
#header #language-menu .language-menu-hidden,
#header #language-mobile-menu .language-mobile-menu-hidden{
	display:block;
	float:left;
	width:100%;
	background: #fff;
	padding:15px 20px 18px 20px;
	-moz-box-sizing: border-box;
    box-sizing: border-box;
	margin:0;
	-webkit-border-radius: 10px;
       -moz-border-radius: 10px;
         -o-border-radius: 10px;
            border-radius: 10px;
	border:1px solid #d2d2d2;
}
#header #language-menu .language-menu-hidden-top,
#header #language-mobile-menu .language-mobile-menu-hidden-top{
	display:block;
	float:right;
	width:50px;
	height:15px;
	background:url(images/grey-drop-menu-top.png) no-repeat bottom;
}
#header #language-menu .language-menu-hidden a,
#header #language-mobile-menu .language-mobile-menu-hidden a{
	color:#fff;
	margin:0;
	font-size:16px;
}
#header #language-menu .language-menu-hidden li,
#header #language-mobile-menu .language-mobile-menu-hidden li{
	float:left;
	width:100%;
	margin:0 0 5px 0;
	border-bottom:1px solid #d2d2d2;
}
#header #language-menu .language-menu-hidden li a,
#header #language-mobile-menu .language-mobile-menu-hidden li a{
	display:block;
	padding:4px;
	color:#000;
	border-radius:0;
}
#header #language-menu .language-menu-hidden li a:hover,
#header #language-menu .language-menu-hidden .selected,
#header #language-mobile-menu .language-mobile-menu-hidden li a:hover,
#header #language-mobile-menu .language-mobile-menu-hidden .selected{
	background:#f3f3f3;
	text-decoration:none;
	padding:4px;
	border:none;
}
#header #language-mobile{
	display:none;
}




/*--------------*/

#header #language-mobile{
	float:right;
	position:relative;
}
#header #language-mobile .globe{
	display: block;
	width:20px;
	height:20px;
	background:url(images/globe.svg) no-repeat top;
	background-size:100%;
	vertical-align:middle;
	margin:41px 20px 0 0;
}
#header #language-mobile #language-mobile-menu a{
	background:none;
	display:block;
}
#header #language-mobile #language-mobile-menu a:hover{
	background:#f3f3f3;
}
#header #language-mobile-menu{
	top:55px;
	right:6px;
}

/*--------------*/




#header .rsm-small{
	float:right;
	width:100%;
	margin:0;
	position:relative;
}
#header .rsm-small ul{
	float:right;
	margin:4px 0 0 0;
}
#header .rsm-small li{
	float:left;
	list-style:none;
	font-size:12px;
}
#header .rsm-small .promo a{
	background:#fff;
	border:2px solid #ff6600;
	padding:3px 10px;
	-webkit-border-radius: 5px;
       -moz-border-radius: 5px;
         -o-border-radius: 5px;
            border-radius: 5px;
}
#header .rsm-small .promo a:hover{
	text-decoration:none;
	background:#ff6600;
	border:none;
	-webkit-border-radius: 5px;
       -moz-border-radius: 5px;
         -o-border-radius: 5px;
            border-radius: 5px;
	border:2px solid #ff6600;
	color:#fff;
}
#header .rsm-small li a{
	margin:0 0 0 5px;
	font-size:12px;
	color:#000;
	padding:5px 10px;
}
#header .rsm-small span{
	font-weight:normal;
}
#header .rsm-small li a:hover,
#header .rsm-small .selected{
	text-decoration:none;
	background:#b8e5ff;
	color:#000;
	border:none;
	-webkit-border-radius: 5px;
       -moz-border-radius: 5px;
         -o-border-radius: 5px;
            border-radius: 5px;
}
#header .rsm{
	float:right;
	margin:15px 0 20px 0;
	position:relative;
}
#header .rsm ul{
	float:left;
}
#header .rsm li{
	float:left;
	list-style:none;
}
#header .rsm li a{
	margin:0 0 0 24px;
	font-size:18px;
	color:#000;
	padding:5px 0 2px 0;
}
#header .rsm li a:hover,
#header .rsm .selected{
	text-decoration:none;
	background:none;
	border-bottom:4px solid #3badf2;
	cursor:pointer;
}








#header .menu-button,
#header .menu-hidden,
#header .menu-hidden-top{
	display:none;
}
#header .menu-button{
	float:right;
	margin:25px 0 0 0;
	display:none;
}
#header .menu-button a{
	display:block;
	width:50px;
	padding:15px 40px 15px 15px;
	border:1px solid #666;
	font-size:14px;
	color:#000;
	background:url(images/menu-button-bg.png) no-repeat #fff;
	background-position: 90% center;
	-webkit-border-radius: 7px;
       -moz-border-radius: 7px;
         -o-border-radius: 7px;
            border-radius: 7px;
}
#header .menu-button a:hover{
	background:url(images/menu-button-bg.png) no-repeat #ececec;
	background-position: 90% center;
	text-decoration:none;
}
#header #dropmenu{
	display:none;
}





#splash-home{
	float:left;
	width:100%;
	height:610px;
	margin:101px 0 0 0;
	background:url(images/splash-home.jpg) no-repeat top;
	background-size:cover;
}
#splash-home .box{
	float:left;
	padding:30px;
	width:auto;
	color:#fff;
	font-size:22px;
	background:url(images/black-trans-layer-3.png) repeat;
	margin:225px 0 0 0;
	-webkit-border-radius: 10px;
       -moz-border-radius: 10px;
         -o-border-radius: 10px;
            border-radius: 10px;
}
#splash-home .box h1{
	font-size:40px;
	color:#fff;
	margin:0 0 10px 0;
}



#rld,
#beneficios,
#impacto,
#datos-1,
#datos-2,
#regulatory,
#exito,
#tecnologia,
#contactar{
	float:left;
	width:100%;
	padding:0 0 75px 0;
	border-top: 75px solid transparent;
  	margin:-75px 0 0 0;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
}

#rld .text-area,
#beneficios .text-area,
#impacto .text-area,
#datos-1 .text-area,
#datos-2 .text-area,
#regulatory .text-area,
#exito .text-area,
#tecnologia .text-area,
#contactar .text-area{
	float:left;
	width:100%;
	margin:0 0 30px 0;
	font-size:16px;
}
#rld h1,
#beneficios h1,
#impacto h1,
#datos-1 h1,
#datos-2 h1,
#regulatory h1,
#exito h1,
#tecnologia h1,
#contactar h1{
	font-size:38px;
	margin:0 0 15px 0;
}
#rld,
#beneficios,
#contactar{
	padding:50px 0 75px 0;
}




#rld .image-area{
	float:left;
	width:100%;
	margin:0 0 0 0;
	text-align:center;
}
#rld .image{
	display:inline-block;
	width:100%;
	height:200px;
	background:url(images/rld-image.png) no-repeat top;
	background-size:100%;
	position:relative;
}
#rld .image .text-1{
	position:absolute;
	top:140px;
	left:10px;
	width:170px;
}
#rld .image .text-2{
	position:absolute;
	top:150px;
	right:75px;
}





#beneficios{
	background:#f3f3f3;
	border-color:#fff;	
}
#beneficios .text-area{
	margin:0;
}
#beneficios .section-3{
	float:left;
	width:100%;
	margin:0;
}
#beneficios .elements{
	float:left;
	width:100%;
	margin:30px 0 0 0;
}
#beneficios .elements .icons-area{
	float:left;
	width:320px;
}
#beneficios .elements .box-1,
#beneficios .elements .box-2,
#beneficios .elements .box-3,
#beneficios .elements .box-4{
	float:left;
	width:100%;
	margin:0 0 4px 0;
}
#beneficios .elements .box-1 a,
#beneficios .elements .box-2 a,
#beneficios .elements .box-3 a,
#beneficios .elements .box-4 a{
	display:block;
	margin:0;
	-webkit-border-radius:0 99px 99px 0;
       -moz-border-radius:0 99px 99px 0;
         -o-border-radius:0 99px 99px 0;
            border-radius:0 99px 99px 0;
	background:url(images/grey-icon-1.png) no-repeat left;
	background-size:28%;
	padding:30px 0 30px 90px;
	min-height:10px;
	color:#000;
	border:1px solid #f3f3f3;
}
#beneficios .elements .box-2 a{
	background:url(images/grey-icon-2.png) no-repeat left;
	background-size:28%;
}
#beneficios .elements .box-3 a{
	background:url(images/grey-icon-3.png) no-repeat left;
	background-size:28%;
}
#beneficios .elements .box-4 a{
	background:url(images/grey-icon-4.png) no-repeat left;
	background-size:28%;
}
#beneficios .elements .box-1 a:hover,
#beneficios .elements .box-1 .box-selected{
	background: url(images/blue-icon-1.png) no-repeat left #d3f5ff;
	background-size:28%;
	text-decoration:none;
	border:1px solid #3badf2;
}
#beneficios .elements .box-2 a:hover,
#beneficios .elements .box-2 .box-selected{
	background: url(images/blue-icon-2.png) no-repeat left #d3f5ff;
	background-size:28%;
	text-decoration:none;
	border:1px solid #3badf2;
}
#beneficios .elements .box-3 a:hover,
#beneficios .elements .box-3 .box-selected{
	background: url(images/blue-icon-3.png) no-repeat left #d3f5ff;
	background-size:28%;
	text-decoration:none;
	border:1px solid #3badf2;
}
#beneficios .elements .box-4 a:hover,
#beneficios .elements .box-4 .box-selected{
	background: url(images/blue-icon-4.png) no-repeat left #d3f5ff;
	background-size:28%;
	text-decoration:none;
	border:1px solid #3badf2;
}
#beneficios .elements .icons-area .title{
	float:left;
	width:100%;
	font-size:16px;
	margin:0 0 5px 0;
	color:#000;
}
#beneficios .elements .icons-area .icon{
	display:table-cell;
	vertical-align:middle;
}
#beneficios .elements .icons-area .content{
	display:table-cell;
	width:200px;
	vertical-align:middle;
}

#beneficios .elements .content-area{
	float:right;
	width:650px;
	margin:0;
	display:table;
	vertical-align:middle;
}
#beneficios .elements .content-area .text{
	display:table-cell;
	vertical-align:middle;
	width:250px;
	padding:0 0 0 50px;
}
#beneficios .elements .content-area .text h1{
	font-size:28px;
	margin:0 0 10px 0;
}
#beneficios .elements .content-area .text ul{
	margin:20px 0;
}
#beneficios .elements .content-area .text li{
	margin:0 0 10px 0;
	list-style:disc;
}


#beneficios .elements .content-area .illustration-1,
#beneficios .elements .content-area .illustration-2,
#beneficios .elements .content-area .illustration-3,
#beneficios .elements .content-area .illustration-4{
	display:table-cell;
	vertical-align:middle;
	width:300px;
	background:url(images/element-1-illustration.png) no-repeat left;
	background-size:100%;
	margin:0;
}
#beneficios .elements .content-area .illustration-2{
	background:url(images/element-2-illustration.png) no-repeat left;
	background-size:100%;
	height:280px;
	margin:0;
}
#beneficios .elements .content-area .illustration-2-eng{
	background:url(images/element-2-illustration-eng.png) no-repeat left;
	background-size:100%;
	height:280px;
	margin:0;
}
#beneficios .elements .content-area .illustration-3{
	background:url(images/element-3-illustration.png) no-repeat left;
	background-size:100%;
	height:280px;
	margin:0;
}
#beneficios .elements .content-area .illustration-4{
	background:url(images/element-4-illustration.png) no-repeat left;
	background-size:100%;
	height:220px;
	margin:0;
}




#datos-1{
	padding:50px 0 130px 0;
}
#datos-1 .icon-menu{
	float:left;
	width:100%;
	margin:0 0 50px 0;
	text-align:center;
}
#datos-1 .icon-menu ul{
	float:left;
	width:100%;
	border-bottom:2px solid #eaeaea;
	text-align:center;
}
#datos-1 .icon-menu li{
	display:inline-block;
	vertical-align:top;
}
#datos-1 .icon-menu .icon-1,
#datos-1 .icon-menu .icon-2,
#datos-1 .icon-menu .icon-3,
#datos-1 .icon-menu .icon-4,
#datos-1 .icon-menu .icon-5,
#datos-1 .icon-menu .icon-6{
	margin:0 20px;
}
#datos-1 .icon-menu .icon-1 a,
#datos-1 .icon-menu .icon-2 a,
#datos-1 .icon-menu .icon-3 a,
#datos-1 .icon-menu .icon-4 a,
#datos-1 .icon-menu .icon-5 a,
#datos-1 .icon-menu .icon-6 a{
	display:block;
	width:200px;
	min-height:17px;
	height:auto;
	background:url(images/datos-1-icon-1.png) no-repeat top;
	background-size:35%;
	padding:100px 20px 16px 20px;
	color:#000;
	border-bottom:6px solid #fff;
	font-size:16px;
}
#datos-1 .icon-menu .icon-2 a{
	background:url(images/datos-1-icon-2.png) no-repeat top;
	background-size:35%;
}
#datos-1 .icon-menu .icon-3 a{
	background:url(images/datos-1-icon-3.png) no-repeat top;
	background-size:35%;
}
#datos-1 .icon-menu .icon-1 a:hover,
#datos-1 .icon-menu .icon-1 .selected{
	text-decoration:none;
	border-bottom:6px solid #3aadf1;
	background:url(images/datos-1-icon-1-blue.png) no-repeat top;
	background-size:35%;
	color:#3aadf1;
}
#datos-1 .icon-menu .icon-2 a:hover,
#datos-1 .icon-menu .icon-2 .selected{
	text-decoration:none;
	border-bottom:6px solid #3aadf1;
	background:url(images/datos-1-icon-2-blue.png) no-repeat top;
	background-size:35%;
	color:#3aadf1;
}
#datos-1 .icon-menu .icon-3 a:hover,
#datos-1 .icon-menu .icon-3 .selected{
	text-decoration:none;
	border-bottom:6px solid #3aadf1;
	background:url(images/datos-1-icon-3-blue.png) no-repeat top;
	background-size:35%;
	color:#3aadf1;
}
#datos-1 .bottom-area{
	float:left;
	width:100%;
	font-size:16px;
	margin:0;
	display:table;
}
#datos-1 .bottom-area .text{
	display:table-cell;
	vertical-align:middle;
	width:345px;
}
#datos-1 .bottom-area h1{
	font-size:28px;
	margin:0 0 10px 0;
}
#datos-1 .bottom-area .button{
	float:left;
	margin:10px 0 0 0;
}
#datos-1 .bottom-area .button a{
	display:block;
	color:#3badf2;
	border:1px solid #3badf2;
	padding:15px 20px;
}
#datos-1 .bottom-area .button a:hover{
	text-decoration:none;
	background:#3badf2;
	color:#fff;
}
#datos-1 .bottom-area .illustration,
#datos-1 .bottom-area .illustration-top{
	display:table-cell;
	vertical-align:middle;
	width:630px;
	text-align: center;
}
#datos-1 .bottom-area .illustration-top{
	display:none;
}





#datos-2{
	float:left;
	width:100%;
	padding:50px 0 70px 0;
	border-top:1px solid #CCC;
}
#datos-2 .illustration{
	float:left;
	width:270px;
	height:554px;
	background:url(images/datos-2-illustration.png) no-repeat top left;
	background-size:100%;
}
#datos-2 .text-area{
	float:right;
	width:680px;
	color:#000;
}
#datos-2 h1{
	font-size:28px;
	margin:0 0 15px 0;
}
#datos-2 .list-area{
	float:left;
	width:100%;
	font-size:16px;
	margin:10px 0 0 0;
}
#datos-2 .list-area li{
	padding:6px 0 5px 38px;
	background:url(images/check-icon.png) no-repeat top left;
	min-height:31px;
	margin:0 0 10px 0;
}
#datos-2 .list-area .list-1,
#datos-2 .list-area .list-2{
	float:left;
	width:300px;
}
#datos-2 .list-area .list-2{
	float:right;
}






#regulatory{
	background:url(images/half-width-image.jpg) no-repeat top;
	height:560px;
	padding:50px 0 0 0;
}
#regulatory .text-area{
	float:left;
	width:500px;
	margin:0;
}
#regulatory .text-area h1{
	background:url(images/white-trans-layer.png) repeat;
	padding:10px;
}
#regulatory .right-area{
	float:right;
	width:400px;
	min-height:510px;
	display:table;
}
#regulatory .testimonial{
	display:table-cell;
	vertical-align:middle;
	width:100%;
	text-align:center;
	font-size:30px;
	margin:0;
}




#exito{
	background:url(images/full-width-image.jpg) no-repeat top;
	min-height:485px;
	padding:50px 0 75px 0;
}
#exito .text-area{
	margin:0 0 10px 0;
}
#exito .boxes-area{
	float:left;
	width:100%;
	text-align:center;
}
#exito .boxes-area p{
	margin:0;
}
#exito .boxes-area .box-1,
#exito .boxes-area .box-2,
#exito .boxes-area .box-3{
	display:inline-block;
	width:320px;
	border:1px solid #ff761b;
	background:url(images/white-trans-layer.png) repeat;
	text-align:left;
	padding:10px 15px;
	-moz-box-sizing: border-box;
    box-sizing: border-box;
	vertical-align:top;
	min-height:400px;
}
#exito .boxes-area .box-2{
	border-color:#3badf2;
	margin:0 15px;
}
#exito .boxes-area .box-3{
	border-color:#81b83f;
}
#exito .boxes-area h1{
	font-size:24px;
	margin:0 0 10px 0;
}
#exito .boxes-area .box-1 .icon,
#exito .boxes-area .box-2 .icon,
#exito .boxes-area .box-3 .icon{
	float:left;
	width:100%;
	height:100px;
	background:url(images/exito-icon-1.png) no-repeat top;
	background-size:34%;
	margin:15px 0 10px 0;
}
#exito .boxes-area .box-2 .icon{
	background:url(images/exito-icon-2.png) no-repeat top;
	background-size:34%;
}
#exito .boxes-area .box-3 .icon{
	background:url(images/exito-icon-3.png) no-repeat top;
	background-size:34%;
}
#exito .boxes-area .text{
	float:left;
	width:100%;
}







#tecnologia{
	float:left;
	width:100%;
	background:#d9f0fe;
	padding:50px 0 75px 0;
	border-top: 75px solid transparent;
  	margin:-75px 0 0 0;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
}
#tecnologia .text-area{
	float:left;
	width:100%;
	margin:0 0 30px 0;
}
#tecnologia .boxes-area{
	float:left;
	width:100%;
	font-size:16px;
	text-align:center;
}
#tecnologia .boxes-area .box-1,
#tecnologia .boxes-area .box-2,
#tecnologia .boxes-area .box-3,
#tecnologia .boxes-area .box-4{
	display:inline-block;
	width:320px;
	padding:20px;
	-moz-box-sizing: border-box;
    box-sizing: border-box;
	border:2px solid #f3f3f3;
	background:#fff;
	-webkit-border-radius: 15px;
       -moz-border-radius: 15px;
         -o-border-radius: 15px;
            border-radius: 15px;
	min-height:350px;
	margin:0;
	text-align:left;
	vertical-align:top;
}
#tecnologia .boxes-area .box-1,
#tecnologia .boxes-area .box-2{
	margin:0 10px 0 0;
}
#tecnologia .boxes-area .box-4{
	margin:0 0 0 10px;
}
#tecnologia .boxes-area h1{
	font-size:20px;
	margin:0 0 5px 0;
}
#tecnologia .boxes-area .illustration{
	float:left;
	width:100%;
	margin:0 0 30px 0;
	min-height:130px;
}










#contactar{
	
}
#contactar .text{
	float:left;
	width:100%;
	margin:0 0 40px 0;
}

#contactar{
	background:url(images/contact-bg.png) no-repeat top;
	min-height:555px;
}
#contactar .about-section{
	float:left;
	width:490px;
}
#contactar .about-section a{
	color:#fff;
}
#contactar .about-section h2{
	color:#fff;
	margin:0 0 5px 0;
}
#contactar .about-section h1,
#contactar .about-section .text{
	color:#fff;
}
#contactar .about-section span{
	text-decoration:underline;
}
#contactar .contact-section{
	float:right;
	width:375px;
}
#contactar .address-box{
	float:left;
	width:100%;
	background:url(images/white-trans-layer.png) repeat;
	padding:20px;
	-moz-box-sizing: border-box;
    box-sizing: border-box;
	-webkit-border-radius: 10px;
       -moz-border-radius: 10px;
         -o-border-radius: 10px;
            border-radius: 10px;
}
#contactar .address-box a{
	color:#000;
	text-decoration:underline;
}
#contactar .contact-section .text{
	margin:0 0 20px 0;
	-moz-box-sizing: border-box;
    box-sizing: border-box;
}
#contactar .contact-section .form{
	float:left;
	width:100%;
	margin:0;
}
#contactar .contact-section .form label{
	float:left;
	width:100%;
	font-size:16px;
	color:#000;
	margin:0 0 2px 0;
}
#contactar .contact-section .form .text{
	float:left;
	width:98%;
	color:#000;
	border:1px solid #ccc;
	padding:10px;
	margin:0 0 12px 0;
	-webkit-border-radius: 7px;
       -moz-border-radius: 7px;
         -o-border-radius: 7px;
            border-radius: 7px;
	background:url(images/white-trans-layer.png) repeat;
	font-family:Arial, Gotham, "Helvetica Neue", Helvetica, sans-serif;
	font-weight:normal;
	font-size:16px;
}
#contactar .contact-section .form .check-box{
	float:left;
	width:30px;
	height:20px;
	border:1px solid #ccc;
}
#contactar .contact-section .form .check-box-text{
	float:left;
	width:85%;
	font-size:14px;
	margin:1px 0 0 0;
}
#contactar .contact-section .form .submit{
	display:block;
	color:#3badf2;
	-webkit-border-radius: 10px;
       -moz-border-radius: 10px;
         -o-border-radius: 10px;
            border-radius: 10px;
	border:2px solid #3badf2;
	padding:15px 30px;
	margin:20px 0 0 0;
	font-size:20px;
	background:url(images/submit-button-bg-none.png) repeat!important;
}
#contactar .contact-section .form .submit:hover{
	background:#3badf2!important;
	text-decoration:none;
	cursor: pointer;
	color:#fff;
}
#alertOk{
    display:block;
    width:50%;
    height: 50px;
    text-align:center;
    border:1px solid #3badf2;
    background:#fff;
	color:#3badf2;
    -webkit-border-radius: 6px;
       -moz-border-radius: 6px;
         -o-border-radius: 6px;
            border-radius: 6px;
    padding:15px 30px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size:16px;
    font-weight:normal;
	cursor:pointer;
}
/*-------------------------------------------------------------------------------------------------*/



#footer{
	float:left;
	width:100%;
	background:#282a34;
}
#footer .logo{
	float:left;
	width:190px;
	height:47px;
	background:url(images/footer-logo.png) no-repeat top;
	margin:22px 0 0 0;
}
#footer .text-area{
	float:right;
	font-size:14px;
	margin:20px 0;
	color:#848282;
}
#footer .text-area a{
	color:#848282;
}
#footer .text{
	float:left;
	margin:16px 5px 16px 0;
}
#footer .social-icons{
	float:right;
	margin:6px 0;
}
#footer .social-icons .icon1,
#footer .social-icons .icon2,
#footer .social-icons .icon3,
#footer .social-icons .icon4,
#footer .social-icons .icon6{
	float:left;
	margin:0 0 0 10px;
}
#footer .social-icons .icon1 a,
#footer .social-icons .icon2 a,
#footer .social-icons .icon3 a,
#footer .social-icons .icon4 a,
#footer .social-icons .icon6 a{
	display:block;
	width:36px;
	height:36px;
}
#footer .social-icons .icon1 a{
	background:url(images/footer-icon-twitter.png) no-repeat top;
}
#footer .social-icons .icon2 a{
	background:url(images/footer-icon-fb.png) no-repeat top;
}
#footer .social-icons .icon3 a{
	background:url(images/footer-icon-gplus.png) no-repeat top;
}
#footer .social-icons .icon4 a{
	background:url(images/footer-icon-linkedin.png) no-repeat top;
}
#footer .social-icons .icon6 a{
	background:url(images/footer-icon-instagram.png) no-repeat top;
}
#footer .social-icons .icon1 a:hover,
#footer .social-icons .icon2 a:hover,
#footer .social-icons .icon3 a:hover,
#footer .social-icons .icon4 a:hover,
#footer .social-icons .icon6 a:hover{
	background-position:bottom;
}



#security-page{
	float:left;
	width:100%;
	margin:130px 0 0 0;
}
#security-page .main{
	width:700px;
}
#security-page .main-title{
	float:left;
	width:100%;
	margin:0 0 20px 0;
	font-size:36px;
}
#security-page .main-text-privacy{
	float:left;
	width:100%;
	margin:0 0 30px 0;
	background:url(images/privacy-image.png) no-repeat right;
	padding:0 265px 0 0;
	-moz-box-sizing: border-box;
    box-sizing: border-box;
	display:table;
	height:260px;
}
#security-page .main-text-terms{
	float:left;
	width:100%;
	margin:0 0 30px 0;
}
#security-page .image-text-terms{
	float:left;
	width:100%;
	margin:0 0 30px 0;
	background:url(images2/terms-image.png) no-repeat right;
	padding:0 280px 0 0;
	-moz-box-sizing: border-box;
    box-sizing: border-box;
	display:table;
	height:260px;
}
#security-page .main-text-privacy span,
#security-page .image-text-terms span{
	display:table-cell;
	vertical-align:middle;
	width:100%;
}

#security-page .text{
	float:left;
	width:100%;
	margin:0 0 20px 0;
	font-size:18px;
}
#security-page .text h1{
	font-size:26px;
	margin:0 0 5px 0;
}
#security-page .text .box{
	margin:0 0 50px 0;
}
#security-page .bottom-gap{
	float:left;
	width:100%;
	height:200px;
}





#modal {
  background-color: #282a34;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  border: 1px solid #3badf2;
    border-top-color: rgb(59, 173, 242);
    border-right-color: rgb(59, 173, 242);
    border-bottom-color: rgb(59, 173, 242);
    border-left-color: rgb(59, 173, 242);
  border-color: #000;
  color: white;
  position: fixed;
  bottom: 0;
  width: 100%;
  opacity: 0.80;
  filter: alpha(opacity=80);
  text-align: center;
}
#content-cookies {
  opacity: 1;
  filter: alpha(opacity=100);
  padding:10px 20px;
  -moz-box-sizing: border-box;
    box-sizing: border-box;
  text-align: center;
  font-size: 13pt;
  vertical-align: middle;
}
.button-cookies {
  color: white;
  text-decoration: none;
  border-radius: 5px;
  padding: 5px 10px;
  font-size: 13pt;
  border: 0;
  cursor: pointer;
  margin-left: 30px;
  background-color: #3BADF2;
}
#modal p {
  margin-bottom: 0;
}




#blue-button .drop-arrow{
	display:inline-block;
	width:10px;
	height:10px;
	background:url(images/drop-arrow.svg) no-repeat center center;
	transition: transform .7s ease-in-out;
	padding:0 0 0 12px;
}
#blue-button:hover .drop-arrow{
	transform: rotate(180deg);
}
#header #blue-menu{
	display:none;
	position:absolute;
	top:20px;
	right:88px;
	position:absolute;
	width:240px;
	z-index:3;
}
#header #blue-menu .blue-menu-hidden{
	display:block;
	float:left;
	width:100%;
	background: url(images/blue-trans-layer.png) repeat;
	padding:20px;
	-moz-box-sizing: border-box;
    box-sizing: border-box;
	margin:0;
	-webkit-border-radius: 10px;
       -moz-border-radius: 10px;
         -o-border-radius: 10px;
            border-radius: 10px;
}
#header #blue-menu .blue-menu-hidden-top{
	display:block;
	float:left;
	width:250px;
	height:15px;
	background:url(images/blue-drop-menu-top.png) no-repeat bottom;
}
#header #blue-menu .blue-menu-hidden a{
	color:#fff;
	margin:0;
	font-size:16px;
}
#header #blue-menu .blue-menu-hidden li{
	float:left;
	width:100%;
	margin:0 0 5px 0;
	border-bottom:1px solid #d3efff;
}
#header #blue-menu .blue-menu-hidden li a{
	display:block;
	padding:4px;
	color:#000;
}
#header #blue-menu .blue-menu-hidden li a:hover,
#header #blue-menu .blue-menu-hidden .selected{
	text-decoration:none;
	padding:4px;
	border:none;
	background:#fff;
}



/* --------------------------1003-------------------------------------------------------------- */
/* --------------------------1003-------------------------------------------------------------- */



@media only screen
and (max-width: 1200px) and (min-width: 769px) {
body{
	font-size:16px;
}
#container .main{
	width:720px;
}

/*------------------------------------------------------*/
#header .logo,
#header-2 .logo{
	margin:18px 0;
}
#header .logo a,
#header-2 .logo a{
	width:280px;
	height:65px;
}


#header .menu-button{
	margin:26px 0 0 0;
	display:block;
}
#header .rsm-area{
	display:none;
}


#header #blue-menu{
	display:none;
}
#header #dropmenu{
	display: none;
	position:absolute;
	top:78px;
	right:2px;
	position:absolute;
	width:400px;
	z-index:3;
}
#header .menu-hidden{
	display:block;
	float:left;
	width:100%;
	background: url(images/black-trans-layer.png) repeat;
	padding:20px;
	-moz-box-sizing: border-box;
    box-sizing: border-box;
	margin:0;
	-webkit-border-radius: 7px;
       -moz-border-radius: 7px;
         -o-border-radius: 7px;
            border-radius: 7px;
}
#header .menu-hidden-top{
	display:block;
	float:left;
	width:390px;
	height:8px;
	background:url(images/drop-menu-top.png) no-repeat top right;
}
#header .menu-hidden .right{
	float:right;
	width:35%;
	text-align:right;
}
#header .menu-hidden .left{
	float:left;
	width:50%;
}
#header .menu-hidden a{
	color:#fff;
}
#header .menu-hidden li{
	margin:0 0 5px 0;
}
#header .menu-hidden li a{
	display:block;
	padding:3px;
}
#header .menu-hidden li a:hover,
#header .menu-hidden .selected{
	background:#555;
	text-decoration:none;
}

#header #language-mobile{
	display:block;
}


#splash-home{
	height:360px;
	margin:100px 0 0 0;
	background-size:cover;
}
#splash-home .box{
	padding:20px;
	font-size:16px;
	margin:108px 0 0 0;
}
#splash-home .box h1{
	font-size:30px;
}



#rld,
#beneficios,
#impacto,
#datos-1,
#datos-2,
#regulatory,
#exito,
#tecnologia,
#contactar{
	padding:40px 0 60px 0;
}
#contactar{
	border:none;
}
#rld .text,
#beneficios .text,
#impacto .text,
#datos-1 .text,
#datos-2 .text,
#regulatory .text,
#exito .text,
#tecnologia .text,
#contactar .text{
	margin:0 0 30px 0;
}
#rld h1,
#beneficios h1,
#impacto h1,
#datos-1 h1,
#datos-2 h1,
#regulatory h1,
#exito h1,
#tecnologia h1,
#contactar h1{
	font-size:30px;
	margin:0 0 10px 0;
}



#rld .image{
	width:100%;
	height:140px;
	background:url(images/rld-image-769.png) no-repeat top;
	background-size:100%;
}
#rld .image .text-1{
	top:76px;
	left:10px;
	width:120px;
	font-size:14px;
	background:#fff;
}
#rld .image .text-2{
	top:107px;
	right:26px;
	font-size:14px;
}




#beneficios .elements .icons-area{
	width:100%;
	text-align:center;
}
#beneficios .elements .box-1,
#beneficios .elements .box-2,
#beneficios .elements .box-3,
#beneficios .elements .box-4{
	float:none;
	display:inline-block;
	width:160px;
	margin:0 8px 30px 8px;
	vertical-align:top;
}
#beneficios .elements .box-1 a,
#beneficios .elements .box-2 a,
#beneficios .elements .box-3 a,
#beneficios .elements .box-4 a{
	-webkit-border-radius:10px 10px 10px 10px;
       -moz-border-radius:10px 10px 10px 10px;
         -o-border-radius:10px 10px 10px 10px;
            border-radius:10px 10px 10px 10px;
	background:url(images/grey-icon-1-769.png) no-repeat top;
	background-size:60%;
	padding:90px 15px 15px 15px;
	min-height:45px;
	color:#000;
	border:1px solid #f3f3f3;
}
#beneficios .elements .box-2 a{
	background:url(images/grey-icon-2-769.png) no-repeat top;
	background-size:60%;
}
#beneficios .elements .box-3 a{
	background:url(images/grey-icon-3-769.png) no-repeat top;
	background-size:60%;
}
#beneficios .elements .box-4 a{
	background:url(images/grey-icon-4-769.png) no-repeat top;
	background-size:60%;
}
#beneficios .elements .box-1 a:hover,
#beneficios .elements .box-1 .box-selected{
	background: url(images/blue-icon-1-769.png) no-repeat top #d3f5ff;
	background-size:60%;
}
#beneficios .elements .box-2 a:hover,
#beneficios .elements .box-2 .box-selected{
	background: url(images/blue-icon-2-769.png) no-repeat top #d3f5ff;
	background-size:60%;
}
#beneficios .elements .box-3 a:hover,
#beneficios .elements .box-3 .box-selected{
	background: url(images/blue-icon-3-769.png) no-repeat top #d3f5ff;
	background-size:60%;
}
#beneficios .elements .box-4 a:hover,
#beneficios .elements .box-4 .box-selected{
	background: url(images/blue-icon-4-769.png) no-repeat top #d3f5ff;
	background-size:60%;
}

#beneficios .elements .content-area{
	float:left;
	width:100%;
}
#beneficios .elements .content-area .text{
	width:300px;
	padding:0 0 0 30px;
}
#beneficios .elements .content-area .text h1{
	font-size:24px;
	margin:0 0 10px 0;
}
#beneficios .elements .content-area .illustration-1,
#beneficios .elements .content-area .illustration-2,
#beneficios .elements .content-area .illustration-3,
#beneficios .elements .content-area .illustration-4{
	width:300px;
	height:280px;
}
#beneficios .elements .content-area .illustration-2{
	height:280px;
}
#beneficios .elements .content-area .illustration-3{
	height:280px;
}
#beneficios .elements .content-area .illustration-4{
	height:320px;
}




#datos-1{
	padding:50px 0 130px 0;
}
#datos-1 .icon-menu .icon-1,
#datos-1 .icon-menu .icon-2,
#datos-1 .icon-menu .icon-3,
#datos-1 .icon-menu .icon-4,
#datos-1 .icon-menu .icon-5,
#datos-1 .icon-menu .icon-6{
	margin:0 15px;
}
#datos-1 .icon-menu .icon-1 a,
#datos-1 .icon-menu .icon-2 a,
#datos-1 .icon-menu .icon-3 a,
#datos-1 .icon-menu .icon-4 a,
#datos-1 .icon-menu .icon-5 a,
#datos-1 .icon-menu .icon-6 a{
	width:170px;
	min-height:2px;
	background-size:25%;
	padding:60px 15px 5px 15px;
	border-width:3px;
}
#datos-1 .icon-menu .icon-1 a:hover,
#datos-1 .icon-menu .icon-1 .selected,
#datos-1 .icon-menu .icon-2 a:hover,
#datos-1 .icon-menu .icon-2 .selected,
#datos-1 .icon-menu .icon-3 a:hover,
#datos-1 .icon-menu .icon-3 .selected{
	border-width:3px;
	background-size:25%;
}
#datos-1 .bottom-area .text{
	width:400px;
}
#datos-1 .bottom-area h1{
	font-size:24px;
}
#datos-1 .bottom-area .button a{
	padding:15px 20px;
}
#datos-1 .bottom-area .illustration,
#datos-1 .bottom-area .illustration-top{
	width:320px;
}





#datos-2{
	padding:50px 0 10px 0;
}
#datos-2 .illustration{
	width:220px;
	height:452px;
	background-size:100%;
	margin:0;
}
#datos-2 .text-area{
	width:460px;
}
#datos-2 h1{
	font-size:24px;
	margin:0 0 10px 0;
}
#datos-2 .list-area{
	font-size:16px;
	margin:10px 0 0 0;
}
#datos-2 .list-area li{
	padding:4px 0 5px 35px;
	background-size:6%;
	min-height:31px;
	margin:0 0 10px 0;
}
#datos-2 .list-area .list-1,
#datos-2 .list-area .list-2{
	width:100%;
}






#regulatory{
	background-size:cover;
	height:300px;
	padding:40px 0 0 0;
}
#regulatory .text-area{
	width:350px;
}
#regulatory .text-area h1{
	font-size:30px;
}
#regulatory .right-area{
	width:320px;
	min-height:260px;
}
#regulatory .testimonial{
	font-size:22px;
}




#exito{
	background-size:cover;
	min-height:305px;
	padding:50px 0 75px 0;
}
#exito .boxes-area .box-1,
#exito .boxes-area .box-2,
#exito .boxes-area .box-3{
	float:left;
	width:100%;
	min-height:40px;
	margin:0 0 20px 0;
	padding:30px 20px;
}
#exito .boxes-area .box-3{
	margin:0;
}
#exito .boxes-area h1{
	font-size:20px;
}
#exito .boxes-area .box-1 .icon,
#exito .boxes-area .box-2 .icon,
#exito .boxes-area .box-3 .icon{
	float:left;
	width:100px;
	height:100px;
	background-size:70%;
	background-position:center;
	margin:0 30px 0 0;
}
#exito .boxes-area .text{
	float:left;
	width:545px;
	margin:0;
}
#exito .boxes-area .text p{
	margin:0;
}







#tecnologia{
	padding:50px 0 40px 0;
	background:url(images/social-impact-tilt-background-769.jpg) no-repeat top;
	background-size:cover;
}
#tecnologia .text-area{
	margin:0 0 30px 0;
}
#tecnologia .boxes-area .box-1,
#tecnologia .boxes-area .box-2,
#tecnologia .boxes-area .box-3,
#tecnologia .boxes-area .box-4{
	width:230px;
	padding:10px;
	-webkit-border-radius: 10px;
       -moz-border-radius: 10px;
         -o-border-radius: 10px;
            border-radius: 10px;
	min-height:300px;
}
#tecnologia .boxes-area .box-1,
#tecnologia .boxes-area .box-2,
#tecnologia .boxes-area .box-3{
	margin:0;
}
#tecnologia .boxes-area .box-2{
	margin:0 7px 20px 7px;
}
#tecnologia .boxes-area h1{
	font-size:18px;
	margin:0 0 5px 0;
}
#tecnologia .boxes-area .illustration{
	float:left;
	width:100%;
	margin:0 0 20px 0;
	min-height:110px;
}










#contactar{
	background-size:cover;
	min-height:100px;
	margin:0;
}
#contactar .about-section{
	width:350px;
}
#contactar .about-section span{
	font-size:18px;
}
#contactar .contact-section{
	width:275px;
}
#contactar .contact-section .text{
	margin:0;
	-moz-box-sizing: border-box;
    box-sizing: border-box;
}
#contactar .contact-section .form label{
	font-size:16px;
}
#contactar .contact-section .form .submit{
	-webkit-border-radius: 8px;
       -moz-border-radius: 8px;
         -o-border-radius: 8px;
            border-radius: 8px;
	border-width:1px;
	padding:17px 35px;
	margin:20px 0 0 0;
	font-size:20px;
}


#security-page .main{
	width:500px;
}
#security-page .main-title{
	font-size:30px;
}
#security-page .main-text{
	font-size:18px;
}
#security-page .text{
	font-size:16px;
}
#security-page .text h1{
	font-size:20px;
}
#security-page .text .box{
	margin:0 0 40px 0;
}

#security-page .main-text-privacy{
	background-size:30%;
	padding:0 165px 0 0;
	height:100px;
}
#security-page .image-text-terms{
	background-size:30%;
	padding:0 150px 0 0;
	height:100px;
}
#security-page .bottom-gap{
	height:130px;
}


#content-cookies {
  padding:10px 20px;
  -moz-box-sizing: border-box;
    box-sizing: border-box;
  font-size: 13pt;
}
.button-cookies {
  padding: 5px 10px;
  font-size: 13pt;
  margin:10px 0 0 20px;
}





}
@media only screen
and (max-width: 768px) and (min-width: 525px) {
body{
	font-size:16px;
}
#container .main{
	width:500px;
	margin:0 auto;
}
/*------------------------------------------------------*/



#header .logo,
#header-2 .logo{
	margin:15px 0;
}
#header .logo a,
#header-2 .logo a{
	width:260px;
	height:60px;
}


#header #blue-menu{
	display:none;
}
#header .menu-button{
	display:block;
	margin:21px 0 0 0;
}
#header .rsm-area{
	display:none;
}
#header #dropmenu{
	display: none;
	position:absolute;
	top:75px;
	right:2px;
	position:absolute;
	width:400px;
	z-index:3;
}
#header .menu-hidden{
	display:block;
	float:left;
	width:100%;
	background: url(images/black-trans-layer.png) repeat;
	padding:20px;
	-moz-box-sizing: border-box;
    box-sizing: border-box;
	margin:0;
	-webkit-border-radius: 7px;
       -moz-border-radius: 7px;
         -o-border-radius: 7px;
            border-radius: 7px;
}
#header .menu-hidden-top{
	display:block;
	float:left;
	width:390px;
	height:8px;
	background:url(images/drop-menu-top.png) no-repeat top right;
}
#header .menu-hidden .right{
	float:right;
	width:35%;
	text-align:right;
}
#header .menu-hidden .left{
	float:left;
	width:50%;
}
#header .menu-hidden a{
	color:#fff;
}
#header .menu-hidden li{
	margin:0 0 5px 0;
}
#header .menu-hidden li a{
	display:block;
	padding:3px;
}
#header .menu-hidden li a:hover,
#header .menu-hidden .selected{
	background:#555;
	text-decoration:none;
}



#header #language-mobile{
	display:block;
}
#header #language-mobile .globe{
	margin:37px 15px 0 0;
}
#header #language-mobile-menu{
	top:52px;
	right:0;
}


#splash-home{
	height:280px;
	background-size:cover;
	margin:85px 0 0 0;
}

#splash-home .box{
	padding:20px;
	font-size:16px;
	margin:75px 0 0 0;
}
#splash-home .box h1{
	font-size:24px;
}



#rld,
#beneficios,
#impacto,
#datos-1,
#datos-2,
#regulatory,
#exito,
#tecnologia,
#contactar{
	padding:40px 0 50px 0;
}
#contactar{
	border:none;
}
#rld .text,
#beneficios .text,
#impacto .text,
#datos-1 .text,
#datos-2 .text,
#regulatory .text,
#exito .text,
#tecnologia .text,
#contactar .text{
	margin:0 0 30px 0;
}
#rld h1,
#beneficios h1,
#impacto h1,
#datos-1 h1,
#datos-2 h1,
#regulatory h1,
#exito h1,
#tecnologia h1,
#contactar h1{
	font-size:26px;
	margin:0 0 10px 0;
}







#rld .image{
	width:100%;
	height:600px;
	margin:0 0 10px 0;
	background:url(images/rld-image-525.png) no-repeat top;
	background-size:45%;
}
#rld .image .text-1{
	top:95px;
	left:160px;
	width:180px;
}
#rld .image .text-2{
	top:520px;
	right:160px;
	width:180px;
}




#beneficios .elements .icons-area{
	width:150px;
	text-align:left;
	margin:0 0 30px 0;
}
#beneficios .elements .box-1,
#beneficios .elements .box-2,
#beneficios .elements .box-3,
#beneficios .elements .box-4{
	float:left;
	width:100%;
	margin:0 0 3px 0;
}
#beneficios .elements .box-1 a,
#beneficios .elements .box-2 a,
#beneficios .elements .box-3 a,
#beneficios .elements .box-4 a{
	-webkit-border-radius:10px 10px 10px 10px;
       -moz-border-radius:10px 10px 10px 10px;
         -o-border-radius:10px 10px 10px 10px;
            border-radius:10px 10px 10px 10px;
	background:url(images/grey-icon-1-769.png) no-repeat top;
	background-size:50%;
	padding:70px 10px 10px 10px;
	min-height:5px;
	color:#000;
	text-align:center;
}
#beneficios .elements .box-2 a{
	background:url(images/grey-icon-2-769.png) no-repeat top;
	background-size:50%;
}
#beneficios .elements .box-3 a{
	background:url(images/grey-icon-3-769.png) no-repeat top;
	background-size:50%;
}
#beneficios .elements .box-4 a{
	background:url(images/grey-icon-4-769.png) no-repeat top;
	background-size:50%;
}
#beneficios .elements .box-1 a:hover,
#beneficios .elements .box-1 .box-selected{
	background: url(images/blue-icon-1-769.png) no-repeat top #d3f5ff;
	background-size:50%;
}
#beneficios .elements .box-2 a:hover,
#beneficios .elements .box-2 .box-selected{
	background: url(images/blue-icon-2-769.png) no-repeat top #d3f5ff;
	background-size:50%;
}
#beneficios .elements .box-3 a:hover,
#beneficios .elements .box-3 .box-selected{
	background: url(images/blue-icon-3-769.png) no-repeat top #d3f5ff;
	background-size:50%;
}
#beneficios .elements .box-4 a:hover,
#beneficios .elements .box-4 .box-selected{
	background: url(images/blue-icon-4-769.png) no-repeat top #d3f5ff;
	background-size:50%;
}

#beneficios .elements .content-area{
	float:right;
	width:310px;
}
#beneficios .elements .content-area .text{
	float:left;
	width:100%;
	padding:0;
	margin:0;
}
#beneficios .elements .content-area .text h1{
	font-size:24px;
	margin:0 0 10px 0;
}
#beneficios .elements .content-area .illustration-1,
#beneficios .elements .content-area .illustration-2,
#beneficios .elements .content-area .illustration-3,
#beneficios .elements .content-area .illustration-4{
	float:left;
	width:100%;
	height:240px;
	background-position:top;
	background-size:90%;
}
#beneficios .elements .content-area .illustration-2{
	height:180px;
}
#beneficios .elements .content-area .illustration-3{
	height:190px;
}
#beneficios .elements .content-area .illustration-4{
	height:290px;
	margin:0;
}




#datos-1{
	padding:50px 0 130px 0;
}
#datos-1 .icon-menu .icon-1,
#datos-1 .icon-menu .icon-2,
#datos-1 .icon-menu .icon-3,
#datos-1 .icon-menu .icon-4,
#datos-1 .icon-menu .icon-5,
#datos-1 .icon-menu .icon-6{
	margin:0 7px;
}
#datos-1 .icon-menu .icon-1 a,
#datos-1 .icon-menu .icon-2 a,
#datos-1 .icon-menu .icon-3 a,
#datos-1 .icon-menu .icon-4 a,
#datos-1 .icon-menu .icon-5 a,
#datos-1 .icon-menu .icon-6 a{
	width:130px;
	min-height:2px;
	background-size:33%;
	padding:60px 7px 5px 7px;
	border-width:3px;
}
#datos-1 .icon-menu .icon-1 a:hover,
#datos-1 .icon-menu .icon-1 .selected,
#datos-1 .icon-menu .icon-2 a:hover,
#datos-1 .icon-menu .icon-2 .selected,
#datos-1 .icon-menu .icon-3 a:hover,
#datos-1 .icon-menu .icon-3 .selected{
	border-width:3px;
	background-size:33%;
}
#datos-1 .bottom-area .text{
	float:left;
	width:100%;
}
#datos-1 .bottom-area h1{
	font-size:24px;
}
#datos-1 .bottom-area .button a{
	padding:15px 20px;
}
#datos-1 .bottom-area .illustration{
	display:none;	
}
#datos-1 .bottom-area .illustration-top{
	display:block;
	float:left;
	width:100%;
	margin:0 0 20px 0;
}




#datos-2{
	padding:40px 0 20px 0;
}
#datos-2 .illustration{
	width:200px;
	height:410px;
}
#datos-2 .text-area{
	width:260px;
}
#datos-2 h1{
	font-size:20px;
	margin:0 0 10px 0;
}
#datos-2 .list-area li{
	padding:4px 0 5px 36px;
	background-size:10%;
	min-height:10px;
	margin:0 0 12px 0;
}
#datos-2 .list-area .list-1,
#datos-2 .list-area .list-2{
	width:100%;
}






#regulatory{
	background:url(images/half-width-image-525.jpg) no-repeat top #d3f5ff;
	background-size:100%;
	height:auto;
	padding:40px 0 60px 0;
	border:none;
	margin:0;
	border-top: 90px solid transparent;
  margin: -90px 0 0;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
}
#regulatory .text-area{
	width:100%;
	margin:0 0 150px 0;
}
#regulatory .text-area h1{
	float:left;
	font-size:26px;
	width:auto;
}
#regulatory .right-area{
	float:left;
	width:100%;
	min-height:10px;
	margin:0;
	padding:0;
}
#regulatory .testimonial{
	font-size:18px;
}




#exito{
	background-size:cover;
	min-height:205px;
	padding:50px 0 75px 0;
}
#exito .boxes-area .box-1,
#exito .boxes-area .box-2,
#exito .boxes-area .box-3{
	float:left;
	width:100%;
	min-height:40px;
	margin:0 0 15px 0;
	padding:20px 15px;
}
#exito .boxes-area .box-3{
	margin:0;
}
#exito .boxes-area h1{
	font-size:20px;
}
#exito .boxes-area .box-1 .icon,
#exito .boxes-area .box-2 .icon,
#exito .boxes-area .box-3 .icon{
	float:left;
	width:80px;
	height:80px;
	background-size:90%;
	background-position:center;
	margin:0 20px 0 0;
}
#exito .boxes-area .text{
	float:left;
	width:350px;
	margin:0;
}
#exito .boxes-area .text p{
	margin:0;
}






#tecnologia{
	padding:50px 0 0 0;
	background: url(images/social-impact-tilt-background-525.jpg) top no-repeat;
	background-size:cover;
}
#tecnologia .text-area{
	margin:0 0 20px 0;
}
#tecnologia .boxes-area{
	margin:0 0 60px 0;
}
#tecnologia .boxes-area .box-1,
#tecnologia .boxes-area .box-2,
#tecnologia .boxes-area .box-3,
#tecnologia .boxes-area .box-4{
	width:90%;
	padding:15px;
	border:1px solid #f3f3f3;
	-webkit-border-radius: 12px;
       -moz-border-radius: 12px;
         -o-border-radius: 12px;
            border-radius: 12px;
	min-height:20px;
	text-align:center;
}
#tecnologia .boxes-area .box-1,
#tecnologia .boxes-area .box-2{
	margin:0 0 10px 0;
}
#tecnologia .boxes-area h1{
	font-size:16px;
	margin:0 0 5px 0;
}
#tecnologia .boxes-area .illustration{
	float:none;
	width:40%;
	margin:0 0 10px 0;
	min-height:30px;
	background-size:40%;
	display:inline-block;
}
#tecnologia .boxes-area .text{
	text-align:left;
	margin:0;
	font-size:14px;
}










#contactar{
	padding:0 0 0 0;
	border-top: 75px solid transparent;
  	margin:-75px 0 0 0;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
}
#contactar .about-section{
	width:100%;
	background: url(images/about-bg-525.png) no-repeat bottom right #3badf2;
	padding:30px 0 60px 0;
}
#contactar .main{
	width:100%;
}
#contactar .main-sub{
	width:500px;
	margin:0 auto;
}
#contactar .about-section span{
	font-size:18px;
}
#contactar .about-section .text{
	float:left;
	width:100%;
	padding:20px 0;
	-moz-box-sizing: border-box;
    box-sizing: border-box;
	margin:0;
}
#contactar .contact-section{
	width:100%;
	background: url(images/contact-bg-525.png) no-repeat bottom #f3f3f3;
	padding:30px 20px 60px 20px;
	-moz-box-sizing: border-box;
    box-sizing: border-box;
	margin:0;
}
#contactar .contact-section .text{
	float:left;
	width:100%;
	margin:0;
	-moz-box-sizing: border-box;
    box-sizing: border-box;
}
#contactar .contact-section .form label{
	font-size:16px;
}
#contactar .contact-section .form .text{
	width:100%;
}
#contactar .contact-section .form .submit{
	-webkit-border-radius: 8px;
       -moz-border-radius: 8px;
         -o-border-radius: 8px;
            border-radius: 8px;
	border-width:1px;
	padding:17px 35px;
	margin:20px 0 0 0;
	font-size:20px;
}




#security-page .main{
	width:500px;
}
#security-page .main-title{
	font-size:30px;
}
#security-page .main-text{
	font-size:18px;
}
#security-page .text{
	font-size:16px;
}
#security-page .text h1{
	font-size:20px;
}
#security-page .text .box{
	margin:0 0 40px 0;
}

#security-page .main-text-privacy{
	background-size:30%;
	padding:0 165px 0 0;
	height:100px;
}
#security-page .image-text-terms{
	background-size:30%;
	padding:0 150px 0 0;
	height:100px;
}
#security-page .bottom-gap{
	height:130px;
}


#content-cookies {
  padding:10px 20px;
  -moz-box-sizing: border-box;
    box-sizing: border-box;
  font-size: 14px;
}
.button-cookies {
  padding: 5px 10px;
  font-size: 14px;
  margin:5px 0 0 15px;
}



/*-----------------------------------525------------------------------------------------------------*/
}
@media only screen
and (max-width: 524px) {
body{
	font-size:16px;
}
#container .main{
	width:300px;
	margin:0 auto;
}

/* ------------------- */


#header .rsm-area{
	display:none;
}
#header #dropmenu{
	display:none;
}
#header #blue-menu{
	display:none;
}

#header .menu-button{
	display:block;
	float:right;
	width:60px;
	margin:0 128px 20px 0;
	text-align:center;
}
#header .menu-button a{
	display:inline-block;
	text-align:left;
	width:100%;
}
#header #dropmenu{
	display: none;
	position:absolute;
	top:138px;
	right:10px;
	position:absolute;
	width:280px;
	z-index:3;
}
#header .menu-hidden{
	display:block;
	float:left;
	width:100%;
	background: url(images/black-trans-layer.png) repeat;
	padding:20px;
	-moz-box-sizing: border-box;
    box-sizing: border-box;
	margin:0;
	-webkit-border-radius: 7px;
       -moz-border-radius: 7px;
         -o-border-radius: 7px;
            border-radius: 7px;
}
#header .menu-hidden-top{
	display:block;
	float:left;
	width:210px;
	height:8px;
	background:url(images/drop-menu-top.png) no-repeat top right;
}
#header .menu-hidden .right{
	float:right;
	width:35%;
	text-align:right;
}
#header .menu-hidden .left{
	float:left;
	width:50%;
}
#header .menu-hidden a{
	color:#fff;
}
#header .menu-hidden li{
	margin:0 0 5px 0;
}
#header .menu-hidden li a{
	display:block;
	padding:3px;
}
#header .menu-hidden li a:hover,
#header .menu-hidden .selected{
	background:#555;
	text-decoration:none;
}

/*------------------------------------------------------*/






/*------------------------------------------------------*/
#header .logo,
#header-2 .logo{
	margin:15px 0 10px 0;
	width:100%;
	text-align:center;
}
#header .logo a,
#header-2 .logo a{
	width:230px;
	height:60px;
	display:inline-block;
}

#header #language-mobile{
	display:block;
}
#header #language-mobile .globe{
	margin:15px 20px 0 0;
}
#header #language-mobile-menu{
	top:30px;
	right:5px;
}





#splash-home{
	height:320px;
	background-size:cover;
	margin:150px 0 0 0;
}

#splash-home .box{
	padding:15px;
	font-size:16px;
	margin:100px 0 0 0;
	-moz-box-sizing: border-box;
    box-sizing: border-box;
}
#splash-home .box h1{
	font-size:22px;
	margin:0 0 5px 0;
}



#rld,
#beneficios,
#impacto,
#datos-1,
#datos-2,
#regulatory,
#exito,
#tecnologia,
#contactar{
	padding:30px 0 40px 0;
}
#contactar{
	border:none;
}
#rld .text,
#beneficios .text,
#impacto .text,
#datos-1 .text,
#datos-2 .text,
#regulatory .text,
#exito .text,
#tecnologia .text,
#contactar .text{
	margin:0 0 30px 0;
}
#rld h1,
#beneficios h1,
#impacto h1,
#datos-1 h1,
#datos-2 h1,
#regulatory h1,
#exito h1,
#tecnologia h1,
#contactar h1{
	font-size:24px;
	margin:0 0 10px 0;
}






#rld{
	padding:40px 0 0 0;
	border-top: 145px solid transparent;
  	margin: -145px 0 0;
 	 -webkit-background-clip: padding-box;
 	 -moz-background-clip: padding;
  		background-clip: padding-box;
}
#rld .image{
	width:100%;
	height:553px;
	margin:0 0 50px 0;
	background:url(images/rld-image-525.png) no-repeat top;
	background-size:70%;
}
#rld .image .text-1{
	top:85px;
	left:60px;
	width:180px;
}
#rld .image .text-2{
	top:480px;
	right:58px;
	width:180px;
}



#beneficios{
	padding:40px 0 0 0;
	border-top: 145px solid transparent;
  	margin: -145px 0 0;
 	 -webkit-background-clip: padding-box;
 	 -moz-background-clip: padding;
  		background-clip: padding-box;
}
#beneficios .elements .icons-area{
	width:100%;
	text-align:left;
	margin:0 0 30px 0;
}
#beneficios .elements .box-1,
#beneficios .elements .box-2,
#beneficios .elements .box-3,
#beneficios .elements .box-4{
	float:left;
	width:100%;
	margin:0 0 3px 0;
}
#beneficios .elements .box-1 a,
#beneficios .elements .box-2 a,
#beneficios .elements .box-3 a,
#beneficios .elements .box-4 a{
	-webkit-border-radius:10px 10px 10px 10px;
       -moz-border-radius:10px 10px 10px 10px;
         -o-border-radius:10px 10px 10px 10px;
            border-radius:10px 10px 10px 10px;
	background:url(images/grey-icon-1.png) no-repeat left;
	background-size:18%;
	padding:15px 10px 15px 60px;
	-moz-box-sizing: border-box;
    box-sizing: border-box;
	min-height:5px;
	color:#000;
	text-align:left;
}
#beneficios .elements .box-2 a{
	background:url(images/grey-icon-2.png) no-repeat left;
	background-size:18%;
}
#beneficios .elements .box-3 a{
	background:url(images/grey-icon-3.png) no-repeat left;
	background-size:18%;
}
#beneficios .elements .box-4 a{
	background:url(images/grey-icon-4.png) no-repeat left;
	background-size:18%;
}
#beneficios .elements .box-1 a:hover,
#beneficios .elements .box-1 .box-selected{
	background: url(images/blue-icon-1.png) no-repeat left #d3f5ff;
	background-size:18%;
}
#beneficios .elements .box-2 a:hover,
#beneficios .elements .box-2 .box-selected{
	background: url(images/blue-icon-2.png) no-repeat left #d3f5ff;
	background-size:18%;
}
#beneficios .elements .box-3 a:hover,
#beneficios .elements .box-3 .box-selected{
	background: url(images/blue-icon-3.png) no-repeat left #d3f5ff;
	background-size:18%;
}
#beneficios .elements .box-4 a:hover,
#beneficios .elements .box-4 .box-selected{
	background: url(images/blue-icon-4.png) no-repeat left #d3f5ff;
	background-size:18%;
}

#beneficios .elements .content-area{
	float:right;
	width:100%;
}
#beneficios .elements .content-area .text{
	float:left;
	width:100%;
	padding:0;
	margin:0;
}
#beneficios .elements .content-area .text h1{
	font-size:20px;
	margin:0 0 10px 0;
}
#beneficios .elements .content-area .illustration-1,
#beneficios .elements .content-area .illustration-2,
#beneficios .elements .content-area .illustration-3,
#beneficios .elements .content-area .illustration-4{
	float:left;
	width:100%;
	height:240px;
	background-position:top;
	background-size:90%;
}
#beneficios .elements .content-area .illustration-2{
	height:180px;
}
#beneficios .elements .content-area .illustration-3{
	height:190px;
}
#beneficios .elements .content-area .illustration-4{
	height:290px;
	margin:0;
}



#datos-1{
	padding:40px 0 0 0;
	border-top: 145px solid transparent;
  	margin: -145px 0 0;
 	 -webkit-background-clip: padding-box;
 	 -moz-background-clip: padding;
  		background-clip: padding-box;
}
#datos-1{
	padding:50px 0 130px 0;
}
#datos-1 .icon-menu ul{
	border:none;
}
#datos-1 .icon-menu .icon-1,
#datos-1 .icon-menu .icon-2,
#datos-1 .icon-menu .icon-3,
#datos-1 .icon-menu .icon-4,
#datos-1 .icon-menu .icon-5,
#datos-1 .icon-menu .icon-6{
	margin:0 7px;
	width:100%;
	margin:0 0 5px 0;
}
#datos-1 .icon-menu .icon-1 a,
#datos-1 .icon-menu .icon-2 a,
#datos-1 .icon-menu .icon-3 a,
#datos-1 .icon-menu .icon-4 a,
#datos-1 .icon-menu .icon-5 a,
#datos-1 .icon-menu .icon-6 a{
	width:100%;
	min-height:2px;
	background-size:11%;
	background-position:left;
	padding:15px 10px 15px 55px;
	-moz-box-sizing: border-box;
    box-sizing: border-box;
	border-width:2px;
	border-color:#f3f3f3;
	text-align:left;
}
#datos-1 .icon-menu .icon-1 a:hover,
#datos-1 .icon-menu .icon-1 .selected,
#datos-1 .icon-menu .icon-2 a:hover,
#datos-1 .icon-menu .icon-2 .selected,
#datos-1 .icon-menu .icon-3 a:hover,
#datos-1 .icon-menu .icon-3 .selected{
	border-width:2px;
	background-size:11%;
	background-position:left;
}
#datos-1 .bottom-area .text{
	float:left;
	width:100%;
}
#datos-1 .bottom-area h1{
	font-size:20px;
}
#datos-1 .bottom-area .button a{
	padding:15px 20px;
}
#datos-1 .bottom-area .illustration{
	display:none;	
}
#datos-1 .bottom-area .illustration-top{
	display:block;
	float:left;
	width:100%;
	margin:0 0 20px 0;
}




#datos-2{
	padding:40px 0 20px 0;
}
#datos-2 .illustration{
	width:100%;
	margin:0;
	padding:0;
	background-size:62%;
	background-position:top;
	height:410px;
}
#datos-2 .text-area{
	width:260px;
}
#datos-2 h1{
	font-size:20px;
	margin:0 0 10px 0;
}
#datos-2 .list-area li{
	padding:4px 0 5px 36px;
	background-size:10%;
	min-height:10px;
	margin:0 0 12px 0;
}
#datos-2 .list-area .list-1,
#datos-2 .list-area .list-2{
	width:100%;
}





#regulatory{
	background:url(images/half-width-image-525.jpg) no-repeat top #d3f5ff;
	background-size:100%;
	height:auto;
	padding:40px 0 60px 0;
	border:none;
	margin:0;
	border-top: 145px solid transparent;
  margin: -145px 0 0;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
}
#regulatory .text-area{
	width:100%;
	margin:0 0 80px 0;
}
#regulatory .text-area h1{
	float:left;
	font-size:24px;
	width:auto;
}
#regulatory .right-area{
	float:left;
	width:100%;
	min-height:10px;
	margin:0;
	padding:0;
}
#regulatory .testimonial{
	font-size:18px;
}






#exito{
	background-size:cover;
	min-height:205px;
	padding:40px 0 50px 0;
	border-top: 145px solid transparent;
  	margin: -145px 0 0;
 	 -webkit-background-clip: padding-box;
 	 -moz-background-clip: padding;
  		background-clip: padding-box;
}
#exito .boxes-area .box-1,
#exito .boxes-area .box-2,
#exito .boxes-area .box-3{
	float:left;
	width:100%;
	min-height:40px;
	margin:0 0 15px 0;
	padding:20px 15px;
}
#exito .boxes-area .box-3{
	margin:0;
}
#exito .boxes-area h1{
	font-size:18px;
	margin:0 0 5px 0;
}
#exito .boxes-area .box-1 .icon,
#exito .boxes-area .box-2 .icon,
#exito .boxes-area .box-3 .icon{
	float:left;
	width:100%;
	height:80px;
	background-size:30%;
	background-position:top;
	margin:0 0 20px 0;
}
#exito .boxes-area .text{
	float:left;
	width:100%;
	margin:0;
}
#exito .boxes-area .text p{
	margin:0;
}





#tecnologia{
	background: url(images/social-impact-tilt-background-300.jpg) top no-repeat;
	background-size:cover;
	padding:40px 0 50px 0;
	border-top: 145px solid transparent;
  	margin: -145px 0 0;
 	 -webkit-background-clip: padding-box;
 	 -moz-background-clip: padding;
  		background-clip: padding-box;
}
#tecnologia .text-area{
	margin:0 0 30px 0;
}
#tecnologia .boxes-area .box-1,
#tecnologia .boxes-area .box-2,
#tecnologia .boxes-area .box-3,
#tecnologia .boxes-area .box-4{
	width:90%;
	padding:15px;
	border:1px solid #f3f3f3;
	-webkit-border-radius: 12px;
       -moz-border-radius: 12px;
         -o-border-radius: 12px;
            border-radius: 12px;
	min-height:20px;
	text-align:center;
	font-size:14px;
}
#tecnologia .boxes-area .box-1,
#tecnologia .boxes-area .box-2{
	margin:0 0 20px 0;
}
#tecnologia .boxes-area .box-2{
	margin:0 0 20px 0;
}
#tecnologia .boxes-area h1{
	font-size:16px;
	margin:0 0 5px 0;
}
#tecnologia .boxes-area .illustration{
	float:none;
	width:60%;
	margin:0 0 10px 0;
	min-height:30px;
	background-size:40%;
	display:inline-block;
}
#tecnologia .boxes-area .text{
	text-align:left;
	margin:0;
}









#contactar{
	padding:40px 0 0 0;
	border-top: 145px solid transparent;
  	margin: -145px 0 0;
 	 -webkit-background-clip: padding-box;
 	 -moz-background-clip: padding;
  		background-clip: padding-box;
}


#contactar{
	min-height:100px;
	padding:0;
}
#contactar .main{
	width:100%;
}
#contactar .about-section{
	width:100%;
	background: url(images/about-bg-525.png) no-repeat bottom right #3badf2;
	padding:30px 0 60px 0;
}
#contactar .main-sub{
	width:280px;
	margin:0 auto;
}
#contactar .about-section span{
	font-size:18px;
}
#contactar .contact-section{
	width:100%;
	background: url(images/contact-bg-525.png) no-repeat bottom #f3f3f3;
	background-size:70%;
	padding:30px 0 60px 0;
}
#contactar .contact-section .text{
	margin:0;
	-moz-box-sizing: border-box;
    box-sizing: border-box;
}
#contactar .contact-section .form label{
	font-size:16px;
}
#contactar .contact-section .form .submit{
	-webkit-border-radius: 8px;
       -moz-border-radius: 8px;
         -o-border-radius: 8px;
            border-radius: 8px;
	border-width:1px;
	padding:17px 35px;
	margin:20px 0 0 0;
	font-size:20px;
}




#alertOk{
    display:block;
    width:50%;
    height: 50px;
    text-align:center;
    border:1px solid #3badf2;
    background:#fff;
	color:#3badf2;
    -webkit-border-radius: 6px;
       -moz-border-radius: 6px;
         -o-border-radius: 6px;
            border-radius: 6px;
    padding:15px 30px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size:16px;
    font-weight:normal;
	cursor:pointer;
}


#footer .logo{
	width:100%;
	background-size:50%;
	margin:20px 0 0 0;
	border-bottom:1px solid #3d3f4a;
	padding:0;
}
#footer .text-area{
	float:left;
	width:100%;
	margin:20px 0;
}
#footer .text{
	float:left;
	width:100%;
	text-align:center;
	margin:0 0 10px 0;
}
#footer .social-icons{
	float:left;
	width:100%;
	margin:0;
	text-align:center;
}
#footer .social-icons .icon1,
#footer .social-icons .icon2,
#footer .social-icons .icon3,
#footer .social-icons .icon4,
#footer .social-icons .icon6{
	float:none;
	display:inline-block;
	margin:0 5px;
}




#security-page .main{
	width:280px;
}
#security-page .main-title{
	font-size:22px;
}
#security-page .main-text{
	font-size:16px;
}
#security-page .text{
	font-size:16px;
}
#security-page .text h1{
	font-size:20px;
}
#security-page .text .box{
	margin:0 0 40px 0;
}
#security-page .main-text-privacy{
	background-size:50%;
	padding:0 0 150px 0;
	height:100px;
	background-position:bottom;
}
#security-page .image-text-terms{
	background-size:50%;
	padding:140px 0 0 0;
	height:100px;
	background-position:top;
}
#security-page .main-text-privacy span,
#security-page .image-text-terms span{
	display:table-cell;
	vertical-align:middle;
	width:100%;
}

#security-page .bottom-gap{
	height:10px;
}


#content-cookies {
  padding:10px 20px;
  -moz-box-sizing: border-box;
    box-sizing: border-box;
  font-size: 14px;
}
.button-cookies {
  padding: 5px 10px;
  font-size: 14px;
  margin:5px 0 0 15px;
}


}