/* --CSS Reseter
Basado en: Yahoo UI Reset CSS, Eric Meyer's Reworked Reset y experiencias personales
-- */
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700|Roboto:300,400,500,700,900');
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline}
:focus{outline:0}
::-moz-focus-inner{border:0}
table{border-collapse:separate;border-spacing:0}
caption,th,td{text-align:left;font-weight:normal}
a img,iframe{border:none}
/* Fixes incorrect placement of numbers in ol's in IE6/7 */
ul,ol{margin-left:2em}
ol{list-style:decimal}
ul{list-style:disc}
input,textarea,select,button{font-size:100%;font-family:inherit}
select{margin:0}
h1,h2,h3,h4{font-weight:bold;margin-bottom:0}
h5{font-size:1em;font-style:italic}
strong{font-weight:bold}
em{font-style:italic}
fieldset{border:1px solid #000}
/* clearfix */
.clearfix:after{content:'.';display:block;height:0;clear:both;visibility:hidden}
.clearfix{display:inline-block}
* html .clearfix{height:1%}
.clearfix{display:block}

/*style.css*/
body{background:#fff;font-family: 'Roboto', sans-serif;font-size: 15px;font-weight: 400;color: #2e2e2e}
ul li{list-style: none}
ul{margin: 0}
.bloque_link{cursor: pointer}
h2,h1,h3,h4,h5,h6{font-size: inherit;}
img{vertical-align: middle}
select::-ms-expand { display: none; }
select { -webkit-appearance:none; -moz-appearance:none; -o-appearance:none; appearance:none; }
.h{position: absolute;z-index: -1;color: #fff}
.hide{display: none !important;}
.bold{font-weight: 700!important}
.coll-full{margin: 0 auto;max-width: 1200px;padding: 0 10px;position: relative;width: 90%;}
.full-size{margin: 0 auto;margin: 0 62px;position: relative;width: calc(100% - 124px);box-sizing: border-box;}
.btn1{cursor: pointer;border: none;font-weight: 300;text-align: center;background: #2ed1db;color: #fff;text-decoration: none;display: inline-block;font-size: 1.5em;height: 53px;line-height: 53px;padding: 0 60px;-webkit-transition:all .3s ease 0s;transition:all .3s ease 0s;border-radius: 5px;box-sizing:border-box;}
.btn1:hover{background: #1cabb4;}
.title{text-transform: uppercase;font-size: 2em;font-weight: 600;text-align: center;}
.title .resaltado{color: #76b8e3}
.subtitle{font-size: 1em;color: #2e2e2e;text-align: center;font-weight: 300}
.parrafo{font-size: 1em;font-weight: 300;line-height: 1.6em;text-rendering: optimizeLegibility;}
.grid6{width: 50%;float: left}
.medium_text{font-weight: 500!important}

.seccion-full{height: 100vh;min-height: 600px;box-sizing: border-box;position: relative;}
/*Attraction*/
#attraction{width: 100%;overflow: hidden;position: relative;}
#attraction .img-attraction{width: 100%;min-width: 1092px}
#attraction .info{position: absolute;right: 0;top: 23vh;text-align: center;width: 48%;min-width: 442px;}
.title-attraction{line-height: 1.53em;font-size:2.6em;color: #fff;font-weight: 300;margin-bottom: 23px;}
.logo{width: 230px;margin-bottom: 18px;}

/*We are*/
#we-are{text-align: center;padding: 65px 0 102px;}
#we-are .coll-full{width: 76.4%}
.title-1{font-size: 8.5em;display: block;font-weight: 900;text-align: center;text-transform: uppercase;background: linear-gradient(to right, rgba(46,208,223,1) 0%, rgba(43,217,148,1) 100%);background-clip: text;text-fill-color: transparent;background:  -webkit-linear-gradient(left, rgba(46,208,223,1) 0%, rgba(43,217,148,1) 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.subtitle-1{font-size: 1.5em;margin-bottom: 10px;line-height: 2em;font-weight: 700;color: #6d6e71;font-family: 'Open Sans',sans-serif;}
.parrafo-1{color: #6d6e71;line-height: 1.9em;font-size: 1.32em;font-weight: 400;font-family: 'Open Sans',sans-serif;}

/*We do*/
#we-do{overflow: hidden;color: #fff;}
#we-do img{width: 100%;min-width: 1092px}
#we-do .info{position: absolute;width: 67.9%;min-width: 630px;top: 21vh;}
.title-2{font-size: 12.3em;line-height: 0.9em;display: block;font-weight: 900;text-transform: uppercase;background: linear-gradient(to right, rgba(46,208,223,1) 0%, rgba(43,217,148,1) 100%);background-clip: text;text-fill-color: transparent;background:  -webkit-linear-gradient(left, rgba(46,208,223,1) 0%, rgba(43,217,148,1) 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.parrafo-2{line-height: 1.1em;font-size: 1.2em;font-weight: 300;}
.parrafo-2-1{line-height: 2.2em;font-size: 1.19em;font-weight: 700}

/*We do*/
#we-now {text-align: center;padding: 103px 0}
#we-now .content-left{margin-top: 21px;float: left;max-width: 41.5%;text-align: left;margin-right: 1.9%;float: left;}
#we-now img{float: right;width: 53.6%;border-left: 1px solid #707070;box-sizing: border-box;padding: 28px 0 23px 2.8%;}
.title-3{font-size: 9em;line-height: 0.84em;display: block!important;font-weight: 900;text-transform: uppercase;background:linear-gradient(to right, rgba(44,62,154,1) 0%, rgba(0,149,198,1) 22%, rgba(0,174,162,1) 30%, rgba(0,174,162,1) 100%);background-clip: text;text-fill-color: transparent;background:-webkit-linear-gradient(left, rgba(44,62,154,1) 0%, rgba(0,149,198,1) 22%, rgba(0,174,162,1) 30%, rgba(0,174,162,1) 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.title-3 .especial{display: block;background:linear-gradient(to right, rgba(47,57,151,1) 0%, rgba(0,131,192,1) 20%, rgba(0,131,192,1) 100%);background-clip: text;text-fill-color: transparent;background: -webkit-linear-gradient(left, rgba(47,57,151,1) 0%, rgba(0,131,192,1) 20%, rgba(0,131,192,1) 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.subtitle-3{color: #2b3f9a;font-weight: 700;display: block;font-size: 1.85em; margin-top: -6px;}

/*We start*/
#we-start{background: #eeeeee;padding: 97px 0;}
#we-start .content-left{width: 42%;float: left;margin-top: 98px;}
#we-start img{width: 36.8%;float: right;}
.parrafo-4{color: #505050;font-size: 1.44em;line-height: 1.75em;font-weight: 400;}
.parrafo-4 .important{color: #ff2654;font-weight: 700;}

/*Clientes*/
#clientes{text-align: center;padding: 65px 0;}
#clientes img{ width: 79.2%;}
.subtitle-5{color: #626262;margin-bottom: 22px;font-weight: 700;font-size: 1.8em;text-align: center;}

/*Contacto*/
#contacto{color: #000;padding: 56px 0 105px 0;text-align: center;background: #f0f0f0}
#contacto .subtitle{font-size: 1em;display: block;font-weight: 300;text-align: center;margin-bottom: 40px}
#contacto .title{color: #000;text-align: center;font-size: 1.4em;font-weight: 400;display: block;}
#contacto .error-message{ clear: both; color: red;position: absolute;font-size: 0.5em;left: 0;}
#contacto .input.text,#contacto .input.textarea{text-align:left;position: relative;width: 44%;float: left;margin-bottom: 49px;margin-right: 12%;}
#contacto .input.text.last,#contacto .input.textarea.last{margin-right: 0}
#contacto .input.text input,#contacto .input.select select,#contacto .input.textarea textarea{border: none;font-weight: 300;border-bottom: 1px solid #bdbdbd;background: none;-webkit-appearance: none;-moz-appearance: none;width: 100%;box-sizing: border-box;color: #989898;font-size: 1.13em;border-radius: 0;height: 26px;padding: 0}
#contacto .input label{ -webkit-transition:all 0.2s ease 0s;transition:all 0.2s ease 0s; top: 0px; }
#contacto .input.labelsOn label{ top: -25px; }
#contacto .input.textarea textarea{height: 26px;margin: 0;}
#contacto .input.text label,#contacto .input.textarea label{color: #989898;font-size: 1.13em;left: 0;font-weight: 300}
#contacto .btn1{margin-top: 25px;}
.title-contacto{text-align: center;margin-bottom: 8px;font-size: 1.5em;color: #989898;font-weight: 500}
.parrafo-contacto{font-size:1.13em;color: #989898;font-weight: 300;text-align: center;margin-bottom: 58px;}
.desc-privacity2{display: block; margin: 5px 0;}

/*Soporte*/
.contact-block-email{display: block; margin: 10px 0 0;font-size: 18px;}
.contact-block-email a{color: inherit; text-decoration: none; }
.title-1.support{font-size:4em;}
.tel.separator-pipe{margin: 0 10px;}

.error{color: rgba(247, 63, 63, 0.83); display: inline-block; margin-top: 8px}
.nodisplay{display: none;}

footer{color: #fff;padding: 23px 0;font-size: 0.8em;font-weight: 300;overflow: hidden;;background: -moz-linear-gradient(left, rgba(255,19,141,1) 0%, rgba(255,63,5,1) 100%);background: -webkit-linear-gradient(left, rgba(255,19,141,1) 0%, rgba(255,63,5,1) 100%);background: -o-linear-gradient(left, rgba(255,19,141,1) 0%, rgba(255,63,5,1) 100%);background: -ms-linear-gradient(left, rgba(255,19,141,1) 0%, rgba(255,63,5,1) 100%);background: linear-gradient(to right, rgba(255,19,141,1) 0%, rgba(255,63,5,1) 100%);}
footer img{width: 82px;float: right;}
footer a{color: #fff;}
.content-privacity{float: left;width: calc(100% - 120px)}
#sb-body-inner{background: #d9d9d9; padding: 10px 20px;}
#sb-wrapper #sb-info{position: absolute;right: -16px;top: 0}
#sb-wrapper #sb-nav-close{background-image: url("/landing/images/cruz.png");background-size: 100% auto;height: 40px;width: 40px}
#sb-info, #sb-info-inner,#sb-nav{height: auto !important;width: 40px}
.tel{font-weight: 700;text-decoration: none;margin-bottom: 5px;font-size: 16px;display: inline-block}