@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: local('Roboto Thin'), local('Roboto-Thin'), url(/lp/css/fonts/2tsd397wLxj96qwHyNIkxPesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(/lp/css/fonts/d-6IYplOFocCacKzxwXSOFtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}


*{
	font-family: 'Roboto', sans-serif;
	margin: 0;
	padding: 0;
	text-align: justify;
	color: #fdfeff;
	outline: none;
	line-height: 1.2;
	font-weight: 300;
	text-decoration: none;
	box-sizing:border-box;
}

input, button, select, textarea{
  font-family: inherit;
  margin: 0;
  ;
}

.p{margin-left:20%;
}

textarea:focus, input:focus{box-shadow: none !important;}

body{padding: 0 !important;}

.blur{
    filter: blur(5px);
    -webkit-filter: blur(5px);
}
.greyscale{
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
}

a:hover{text-decoration: none;}
.clear{clear: both;}
.responsive{display: none;}

.anim1{transition:all 0.3s ease-out; -webkit-trasition:all 0.3s ease-out;}
.anim2{transition:all 0.6s ease-out; -webkit-trasition:all 0.6s ease-out;}
.anim3{transition:all 1s ease-out; -webkit-trasition:all 1s ease-out;}

.width7{float: left; width: 70%;}
.width10{width: 100%;}

.bLeft, .bRight{float: left; width: 30%; display: none;}
.main{width: 100%; max-width: 1200px; margin: 0 auto;}
.main700{width: 100%; max-width: 700px; margin: 0 auto;}

.alert{
    padding: 30px;
    background-color: #8BC34A; 
    border: none;
    margin: 20px;
    border-radius: 0;
}

.alert *{
    color: #fff;
    box-shadow: none;
    text-shadow: none;
}

.inputemail {
    color: black;
    
}

.alert-success{background-color: #8BC34A;}
.alert-warning{background-color: #FFC107;}
.alert-error{background-color: #F44336;}
.alert h4{color: #fff; text-shadow:none; margin-bottom: 10px; font-size: 22px;}
.alert p{margin-bottom: 0; color: #fff; text-shadow: none; line-height: 1;}
.alert .close{right: 0; top: 0; color: #fff; text-shadow: none; opacity: 1;}

.ovauto{overflow: auto;}
.relative{position: relative;}
.absheight{position: absolute; height: 100%;}
.tacenter{text-align: center;}

ul, .nav{margin: 0;}
a{color: white;}

.cookies{
    background-color: #444;
    position: relative;
    z-index: 9999;
}

.cookies p{float: left;}
.cookies span{float: right; padding: 10px 20px; background-color: #666;}
.cookies .main *{font-size: 14px;}
.cookies .main span, .cookies .main p a{color: #fff; cursor: pointer;}
.cookies .main span:hover, .cookies .main p a:hover{text-decoration: underline;}
.cookies .main p{color: #ccc; margin: 0; padding: 10px 0;}

.bg{
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.bg.black{
    position: relative;
}

.bg.black:after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,0.3);
    width: 100%;
    height: 100%;
    z-index: -1;
}

.vertical-p{display: table; width: 100%; height: 100%;}
.vertical-h{display: table-cell; vertical-align: middle;}

.btn{
    background-image: none;
    border-radius: 0;
    box-shadow: none;
    text-shadow:none;
    border:none;
    line-height: inherit;
    padding: 10px 15px;
    text-decoration: none;
    background-color: transparent;
    color: inherit;
    font-weight: 700;
    text-transform: uppercase;
}

.btn-primary{background-color: #299BD6; color: #fff;}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active{background-color: #1587c2;}

.btn-success{background-color: #6FBA45; color: #fff;}
.btn-success:hover, .btn-success:focus, .btn-success:active{background-color: #5ba631;}

.btn-large{font-size: 19px; padding: 15px 25px;}

.btn:hover, .btn:active, .btn:focus{text-decoration: none !important;}
i.fa{color: inherit;}

h1, h2, h3, h4, h5, h6{line-height: 1.2;text-align: center;}

p{text-align: center;}

.clearfix:after,
.fila:after { 
   content: " ";
   display: block; 
   height: 0; 
   clear: both;
}

.fila > .columna{float: left; vertical-align: top;}
.fila > .columna.right{float: right;}
.fila > .columna10{width: 100%;}
.fila > .columna9{width: 90%;}
.fila > .columna8{width: 80%;}
.fila > .columna7{width: 70%;}
.fila > .columna6{width: 60%;}
.fila > .columna5{width: 50%;}
.fila > .columna4{width: 40%;}
.fila > .columna33{width: 33.33%;}
.fila > .columna66{width: 66.66%;}
.fila > .columna3{width: 30%;}
.fila > .columna25{width: 25%;}
.fila > .columna2{width: 20%;}
.fila > .columna15{width: 15%;}
.fila > .columna1{width: 10%;}

.pdd1{padding: 1px;}
.pdd2{padding: 2px;}
.pdd3{padding: 3px;}
.pdd4{padding: 4px;}
.pdd5{padding: 5px;}

.pdd10{padding: 10px;}
.pdd10-0{padding: 10px 0;}
.pdd0-10{padding: 0 10px;}
.pdd10-20{padding: 10px 20px;}

.pdd20{padding: 20px;}
.pdd20-0{padding: 20px 0;}
.pdd20-10{padding: 20px 10px;}
.pdd0-20{padding: 0 20px;}

.pdd30{padding: 30px;}
.pdd30-0{padding: 30px 0;}
.pdd30-20{padding: 30px 20px;}
.pdd30-10{padding: 30px 10px;}
.pdd0-30{padding: 0 30px;}

.pdd40{padding: 40px;}
.pdd40-0{padding: 40px 0;}
.pdd40-20{padding: 40px 20px;}
.pdd40-10{padding: 40px 10px;}
.pdd0-40{padding: 0 40px;}

.pdd50{padding: 50px;}
.pdd50-0{padding: 50px 0;}
.pdd50-20{padding: 50px 20px;}
.pdd50-10{padding: 50px 10px;}
.pdd0-50{padding: 0 50px;}

.pdd60{padding: 60px;}
.pdd60-0{padding: 60px 0;}
.pdd60-20{padding: 60px 20px;}
.pdd60-10{padding: 60px 10px;}
.pdd0-60{padding: 0 60px;}

.pdd70{padding: 70px;}
.pdd70-0{padding: 70px 0;}
.pdd70-20{padding: 70px 20px;}
.pdd70-10{padding: 70px 10px;}
.pdd0-70{padding: 0 70px;}

.pdd80{padding: 80px;}
.pdd80-0{padding: 80px 0;}
.pdd80-20{padding: 80px 20px;}
.pdd80-10{padding: 80px 10px;}
.pdd0-80{padding: 0 80px;}

.pdd90{padding: 90px;}
.pdd90-0{padding: 90px 0;}
.pdd90-20{padding: 90px 20px;}
.pdd90-10{padding: 90px 10px;}
.pdd0-90{padding: 0 90px;}

.pdd100{padding: 100px;}
.pdd100-0{padding: 100px 0;}
.pdd100-20{padding: 100px 20px;}
.pdd100-10{padding: 100px 10px;}
.pdd0-100{padding: 0 100px;}

.pdd-no-right{padding-right: 0;}
.pdd-no-left{padding-left: 0;}
.pdd-no-top{padding-top: 0;}
.pdd-no-bottom{padding-bottom: 0;}

.logo:hover img{opacity: 0.8;}

.legal h2{margin-top: 40px;}
.legal h2:first-child{margin-top: 0;}
.legal{padding: 40px 20px;}

header .launch{
  float: right; 
  cursor: pointer; 
  height: 25px;
  width: 35px;
  position: relative;
  margin: 8px;
  z-index: 101;
}
header .launch span{
  background-color: #82B540;
  display: block;
  height: 3px;
  left: 0;
  width: 100%;
  position: absolute;
  opacity: 1;
  -webkit-transition:all 0.3s ease-in-out;
  transition:all 0.3s ease-in-out;
}

header .launch.open span{
    background-color: #fff;
}
header .launch span:nth-child(1){top: 0;}
header .launch span:nth-child(2){top: 10px;}
header .launch span:nth-child(3){top: 10px;}
header .launch span:nth-child(4){top: 20px;}

.sidr-open header .launch span:nth-child(1){top: 18px; left: 50%; width: 0;}
.sidr-open header .launch span:nth-child(2){transform: rotate(45deg); -webkit-transform: rotate(45deg);}
.sidr-open header .launch span:nth-child(3){transform: rotate(-45deg); -webkit-transform: rotate(-45deg);}
.sidr-open header .launch span:nth-child(4){top: 18px; left: 50%; width: 0;}

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

body:before{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  background-image: url('/img/bg.jpg');
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
  z-index: -1;
}

.logo{padding: 0px 0px 0px 0px;}
h1{text-align: center; text-transform: uppercase; font-size: 50px; margin-bottom: 25px;}
h1 span{display: block; text-align: center; font-weight: bold; font-size: 26px;}
h3{text-align: center; font-size: 26px; margin-bottom: 20px;}

form{max-width: 750px; width: 100%; margin: 0 auto;}

form input{
  border: none;
  line-height: 1.4;
  padding: 21px 25px;
  font-weight: bold;
  font-size: 19px;
  width: 75%;
  float: left;
  margin: 0;
}


form button{
  border: none;
  width: 22%;
  float: right;
  margin: 0;
  font-weight: bold;
  font-size: 19px;
  line-height: 1.4;
  padding: 20px 25px;
  background-color: #d6c214;
  text-align: center;
  color: #0e0e0e;
  text-transform: uppercase;
  cursor: pointer;
}
form button i{margin-right: 5px;}

form button:hover{
  background-color: #1b6daf;
}

form .sh{box-shadow: 0 0 32px rgba(0,0,0,0.15);}

.alrt{
  box-shadow: 0 0 120px 45px white;
  color: #fff;
  font-size: 24px;
  font-weight: bold;
  left: 50%;
  padding: 30px;
  position: absolute;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
}

.alrt.success{background-color: #dcc817;}
.alrt.error{background-color: #F44336;}

.alrt i{margin-right: 20px;}