@charset "utf-8";
a, abbr, acronym, address, applet, b, big, blockquote, body, button, caption, center, cite, code, dd, del, dfn, div, dl, dt, em, fieldset, font, footer, form, h1, h2, h3, h4, h5, h6, header, html, i, iframe, img, ins, kbd, label, legend, li, nav, object, ol, p, pre, q, s, samp, section, small, span, strike, strong, sub, sup, table, tbody, td, tfoot, th, thead, title, tr, tt, u, ul, var {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: 0 0;
}
body {
	font-size: 1.2em;
	font-family: Arial,Helvetica,sans-serif;
	color: #2F2E2E;
	line-height: 1.5;
	display: block;
}
#header {
        z-index: 15;
	position: fixed;
	background: white;
	width: 100%;
	display: block;
}
.logofloat {
	z-index: 2;
	position: relative;
	justify-content: center;
	display: flex;
}
.logochico{
	height: 58px;
	margin-left: 1%;
	display: inline-block;
}
#menu{
	display: none;
}
#nav1 {
	padding-left: 5%;
	position: absolute;
	z-index: 10;
}
#nav1 li
{
        display:inline-block;
}
#nav1 li a
{
        background:#fff;
        -webkit-transition:all 0.2s;
        transition:all 0.2s;
        padding:12px 10px;
        text-decoration:none;
        display:block;
        position:relative;
        color: #2F2E2E;
}
#nav1 li a:hover
{
        -webkit-transform:translate(0px,5px) scale(1.05);
        transform:translate(0px,5px) scale(1.05);
        box-shadow:0px 10px 10px -6px rgba(0,0,0,0.4);
}
.float{
	float: right;
}

#content{
	display: block;
	top: 65px;
	position: relative;
}
.bigbtn{
	border-radius: 5px;
	background-color: rgba(19, 214, 143, 1);
	border: solid rgba(96, 94, 94, 1) 0px;
	box-shadow: 1px 1px #454D69, 3px 3px #454D69, 5px 5px #454D69, 7px 7px #454D69, 9px 9px #454D69;
	transition: all 0.12s ease 0s;
	height: 61px;
	width: 90%;
	color: white;
	font-size: 1.5em;
	-webkit-transition:all 0.2s;
	transition:all 0.2s;
}
.bigbtn:hover{
	-webkit-transform:translate(0px,5px) scale(1.05);
	transform:translate(0px,5px) scale(1.05);
	box-shadow:0px 10px 10px -6px rgba(0,0,0,0.4);
}
.bigbtn:active {
  background-color: #3e8e41;
  box-shadow: 0 5px #666;
  transform: translateY(4px);
  font-weight: bold;
}

.parallax {
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
}

.parallax img{
	width: 50%;
	position: relative;
	margin: 114px 0px 45px calc((100% - 980px) * 0.5);
	left: 264px;
	grid-area: 1 / 1 / 2 / 2;
	justify-self: start;
	align-self: start;
}

/*.centr-cont{
	display: grid;
	align-items: center;
	justify-content: center;
}*/
.video-content{
    height: auto;
    width: auto;
    overflow: hidden;
    position: relative;
}
video {
    filter: brightness(50%);
    min-width: 100%;
    min-height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}

.column {
  display: table-cell;
  width: 50%;
  padding: 5%;
}
.column1 {
  display: table-cell;
  width: 50%;
  padding: 5%;
  background:#e7e7e7;
}
.row1:after {
  content: "";
  display: table;
  clear: both;
  background:#b5cbe6;
  height:35%;  
}
.row2:after {
  content: "";
  display: table;
  clear: both;
  background:#b1d3ec;
  height:25%;  
}
.row3:after {
  content: "";
  display: table;
  clear: both;
  background:#8dbfe1;
  height:23%;  
}
.row4:after {
  content: "";
  display: table;
  clear: both;
  background:#ffffff;
  height:17%;  
}
.row5{
  z-index: 10;
  position: relative;
  display: block;
}
.linevert{
  display: table-cell;
  width: 0.5%;
  padding: 0%;
}
.colnoticias{
	display: table-cell;
	padding: 2%;
	width: 10%;
}
.normal {
	padding: 0% 5% 5% 5%;
}
.precios{
	padding-top: 7%;
}
/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}
.tblresp{
        // padding: 1%;
}
.rowhead{
        display: flex;
        background-color: #526295;
	font-size: 1.3em;
}

.rowbody {
        display: flex;
        hyphens: auto;
}

.colhead {
  display: table-cell;
  padding: 3% 5% 3% 5%;
  width: 50%;
  color: aliceblue;
  font-weight: bold;
}
.colbody {
  display: table-cell;
  padding: 1% 5% 0% 5%;
  width: 50%;
}
.rowbody:nth-child(odd) {
  background:#e8ecf8;
  color: #92afda;
}
.rowbody:nth-child(even) {
  background: #92afda;
  color: #fff;
}
small {
	color: white;
	font-size: initial;
	display: inline-block;
	text-align: center;
	padding: 10px;
	width: 85%;
}
.func {
	padding: 5% 5% 5% 5%;
}
h1 {
	font: normal normal normal 33px/1.4em avenir-lt-w01_85-heavy1475544,sans-serif;
	color: #2F2E2E;
}
#inver{
	top: 45%;
	position: relative;
	left: 5%; 
	font-size: 3em;
	letter-spacing: 0.25em;
	color: white;
}
h2{
	color: #D12A3C;
	font-size: 8em;
}
.parallax h3{
	padding: 15% 0% 10% 5%; 
	margin: 0%;
	font: normal normal lighter 3em avenir-lt-w01_35-light1475496, sans-serif; 
	text-align: left; 
	letter-spacing: 0.05em;
}
h3 {
	color: #FFFFFF;
	font-family: lulo-clean-w01-one-bold,sans-serif;
	font-size: 1.5em;
	// margin: 15%;
	text-align: right;
}
h4{
	text-align: center;
	margin: 0% 0% 5% 0%;
	font-size: 1.8em;
}
h5{
	font-size: 5em;
}
.colred{
	color: #D12A3C;
}
.fontblue{
	color: #4f98ce;
}
.greyblue{
	background-color: #526295;
	padding: 0%;
	width: 40%;
}
.greyblue p{
        color: white;
        margin-left: 15%;
}

.blue{
	background-color: #92afda;
	padding: 7% 3% 7% 3% ;
}
.pink{
	background-color: #fdc2a2;
	padding: 6% 3% 6% 3% ;
}
.blue1{
	background-color: #92afda;
	padding: 5% 3% 5% 3% ;
}

.orange{
	background-color: #ffe9b3;
	padding: 4% 3% 4% 3% ;
}
.black{
	background-color: black;
	width: 25%;
	padding: 1%;
}
.gray{
	background-color: rgb(96, 94, 94);
	width: 25%;
	padding: 1%;
}
.silver{
	background-color: rgb(237, 237, 237);
	padding: 1%;
	width: 25%;
}
.green{
	background-color: rgb(75, 209, 160);
	width: 25%;
	padding: 1%;
}
.black img{
	width: 65%;
	margin: 0 0 30% 10%;
}
.gray img{
	width: 50%;
	margin: 20%;
}
.silver img{
	width: 50%;
	margin: 20%;
}
.green img {
	width: 35%;
	margin: 0 auto 20% auto;
	display: block;
}
.benef{
	// padding: 0% 5% 5% 5%;
}
.listondark{
	color: #FFFFFF;
	margin: 0 5% 10% 10%;
}
.listondark a{
	color: #FFFFFF;
}

.clients{
	background-color: #e8ecf8;
	padding: 10%;
}
.more{
	background-color: rgba(241, 104, 118, 1);
	cursor: pointer !important;
	display: flex;
	transition: border-color 0.4s ease 0s, background-color 0.4s ease 0s;
	margin: 4% auto;
	color: white;
	padding: 1.5% 5% 1.5% 5%;
}
.pricing{
	padding: 5%;
}
#not{
	top: 45%;
	position: relative;
	left: 5%; 
	font-size: 3em;
	letter-spacing: 0.25em;
	color: white;
	}
.noticias{
	color: #776f8f;
	font-size: 1em;
	text-decoration: none;
	background-color: #f4f6fc;
	display: block;
}
.noticias h1{
	letter-spacing: 0.5em;
}

#copyright{
	background-color: #F0F0F0;
	padding: 5%;
}
.listnobullet {
	list-style: none;
	font-size: 1.1em;
	line-height: 1.3;
}
.sublistnobullet {
	list-style: none;
	text-indent: 25px;
	margin-bottom: 30px;
	font-size: smaller;
}
.big{
	font-size: 3em;
}
.num{
	width: 100%;
}
.num thead{
	text-align: left;
}
table thead{
	text-align:left;
}
.ip{
	font-size: 0.8em;
}
.signup {
        display:block;
		margin: 0 10% 0 10%;
}
.signup label {
        opacity:0.95;
        display:block;
        color:#fff;
        margin-bottom:10px;
}
.signup label input, .signup label select, .signup label textarea{
        display:block;
        padding:5px;
        border-radius: 0;
        width: 100%;
}
.privacidad{
	font-size: 0.8em;
	height: 350px;
	width: 100%;
}
#aviso, #notice{
        // display: none;
        background-color: rgb(45, 98, 207);
        width: 100%;
        height: 500px;
}
#ppal{
	font-size: 3vw;
}

 /* Turn off parallax scrolling for all tablets and phones. Increase/decrease the pixels if needed */
@media only screen and (max-device-width: 1366px) {
  .parallax {
    background-attachment: scroll;
  }
  
} 

@media all and (max-width: 890px)
{
	.parallax img {
		width: 100%;
		margin: 25% 0 0 0;
		position: unset;
	}
	.logochico{
		width: auto;
	}
	#menu
	{
		display:block;
		cursor:pointer;
		width:50px;
		margin-right:2%;
		height:50px;
		float:right;
	}
	#menu li {
		background: rgb(201, 212, 223);
		height: 5px;
		margin-top: 5px;
		-webkit-transition: all 0.5s;
		transition: all 0.5s;
		list-style: none;
	}
	#menu:hover li
	{
		background:#09c;
	}
	.act_li
	{
		background:#09c !important;
		-webkit-transition:all 0.5s;
		transition:all 0.5s;
		-webkit-transform:rotate(180deg);
		transform:rotate(180deg);
	}
	
	#nav1 {
		display: none;
		margin: 1px;
		background: #0000008c;
	}
	#nav1 li {
		display: block ;
		padding: 10px;
		text-align: center;
		border-bottom: 1px #fff solid;
	}	
	#nav1 li a {
		color: #2F2E2E;
		//text-shadow: -1px 1px 0px #fff;
		//color: #f5f5f5;
		//text-shadow: -1px 1px 0px #000;
		font-family: dark;
		font-size: 1.2em;
		padding: 6px;
		display: block;
		text-align: center;
		text-decoration: none;
		-webkit-transition: all 0.2s;
		-moz-transition: all 0.2s;
		transition: all 0.2s;
	}
	.column, .colnoticias {
	  display: block;
	  width: 100%;
	  padding: 5% 0 5% 0;
	}

	.func {
        	padding: 30% 5% 5% 5%;
	}

	div{
		text-align: center;
		margin: 0%;
	}
	h1, h2, h3, h4{
		text-align: center;
		width: 100%;
		margin: 0%;
	}
	h2{
		font-size: 4em;
	}
	.parallax h3{
		padding: 30% 5% 10% 5%; 
		margin: 0%;
		font: normal normal lighter 2.5em avenir-lt-w01_35-light1475496, sans-serif; 
		text-align: left; 
		letter-spacing: 0.05em;
	}
	
	table, select, img{
		text-align: center;
		width: 100%;
		margin: 0%;
	}
	.green img {
		margin: 0 0 20% 30%;
	}
	.silver{
		width: 100%;
	}
	#clie{
		letter-spacing: 0.25em !important;
	}
	.dest{
		list-style: none;	
	}
	.parallax h1{
		letter-spacing: 0em;
	}
	
	.noticias h1{
		letter-spacing: 0.3em;
	}
	#inver{
		top: 45%;
		position: relative;
		left: 0%; 
		font-size: 1.8em;
		letter-spacing: -0.03em;
		color: white;
	}	
	#cont {
		top: 45%;
		position: relative;
		font-size: 2.5em;
		letter-spacing: 0em;
		color: white;
	}
	.normal{
		padding: 0%;
	}
	.signup{
		width: 100%;
		margin: 0%;
	}
	.signup label input, .signup label select, .signup label textarea{
	    width: 90%;
	}
	#not{
		top: 45%;
		position: relative;
		left: 0%; 
		font-size: 3em;
		letter-spacing: 0em;
		color: white;
	}
	.precios{
		padding-top: 25%;
	}
        .tblresp
        {
                padding: 0%;
        }
        .rowhead{
                display: block;
        }

        .rowbody {
                display: block;
        }

        .colhead {
          display: block;
	  width: 100%;
	  padding: 0%;
        }
        .colbody {
          display: block;
	  width: 100%;
          padding: 0%;
        }

	.greyblue p {
	  margin-left: 0%;
	}
}