@charset "utf-8"; 
	
.circle {
  display: block;
  background: black;
  border-radius: 100%;
  height: 300px;
  width: 300px;
  margin: 0;
	background: radial-gradient(circle at 100px 100px, rgba(25,135,25,0.8),rgba(215,235,25,0.8),rgba(255,255,255,0.5)); 
	animation: circleAnimate 3s ease infinite;
}
@keyframes circleAnimate { 
	 
    0%{
		background: radial-gradient(circle at 100px 100px, rgba(25,135,25,0.8),rgba(215,235,25,0.8),rgba(255,255,255,0.5));
	}  
		
	50%{
		background: radial-gradient(circle at 10px 10px,rgba(215,235,25,0.8),rgba(255,255,255,0.5),rgba(25,135,25,0.8));
		
	}
		
    100%{
		background: radial-gradient(circle at 100px 100px, rgba(255,255,255,0.5),rgba(25,135,25,0.8),rgba(215,235,25,0.8)); 
	}
	
	
}	
	 
/* 
Start CSS stylesheet version SW 0.1

font-family: 'Nunito Sans', sans-serif; 
font-family: 'Rubik', sans-serif;
//skinny fonts
font-family: 'Roboto', sans-serif;
font-family: 'Fredoka', sans-serif;

Color wall
green theme: #b3d143
dark green: #5cb85c
//////////////////////
Blue theme:  #005CAA;
dark blue: #00315C

//////////////////////
golderod: #DAA520 ;
*/
* {
 scroll-behavior: smooth;
 margin: 0;
padding: 0;  
font-family: 'Montserrat', sans-serif;
	overflow-x: hidden;
}
html{ margin: 0;
padding: 0; overflow-x: hidden;
}
body { margin: 0;
padding: 0; 
  
		overflow-x:hidden;
  font-family: Arial, Helvetica, sans-serif;
}

/*
   0.0 header
*/
.top-container { 
	background-color: #0a0a0a;
  background-size: cover;
  text-align: center;
  height: auto;
	overflow-x: hidden;
	width: 100%;
}
.top-container h1{
	color:white;
	padding: 0px 0px 55px 0px;
	font-family: 'Fredoka', sans-serif;
}
.top-container h2{
	color:white;
	font-family: 'Nunito Sans', sans-serif;
	padding: 55px 0px 0px 0px;
}
.grandent{ 
		
		content:"";
		position:absolute;
		width: 250%;
		height:55%; 
		transform: translate(-40%, -60%) rotate(170deg);
		z-index: 1;
		background: repeating-radial-gradient(#5cb85c,lightblue,#b3d143,lightblue,dodgerblue,blue,purple,lightblue,#5cb85c,lightblue,orange,#b3d143,lightblue);
         background-size: 400% 400%; 
         animation: AnimationGradent 33s ease infinite;	
		 
		
	} 
@keyframes AnimationGradent { 
	 
    0%{background-position:0% 0%; opacity: 30%; transform: translate(-40%, -60%) rotate(175deg);
		border-radius: 50%;}  
		
	50%{background-position:75% 75%; opacity: 40%;transform: translate(-45%, -60%) rotate(175deg);
		border-radius: 0%;}
		
    100%{background-position:0% 0%;  opacity: 30%; transform: translate(-40%, -60%) rotate(175deg);
		border-radius: 50%;}
	
	
}
.header {
  padding: 10px 16px;
  background: #000;
  color: #111;
	z-index: 9;
}
.header img{
  padding: 10px 16px;
  width: 266px;
	height: 39px;
}

/* FOR ALL DOCUMENT */
.content {
  padding: 0px;
}
.sticky {
  position: fixed;
  top: 0;
  width: 100%;
}
.sticky + .content {
  padding-top: 102px;
}


/**********************************************************************************************
	1.0 Index
***********************************************************************************************/
.index {
	width: 100%;
	height: auto;
	display: inline-flex;
}
.indexItem {
	width: 45%;
	margin: 0% 2.5%;
	height: auto;
}	
.indexItem img{
	width: 90%;
	height: 256px;
	margin-left: 10%;
}	
.index p{ 
	color: #000;
	padding: 3px;
	font-family: 'Fredoka', sans-serif;
	font-size: 33px;	
} 
.modernBtn{
	text-decoration: none;
	display: inline-flex; 
	font-family: 'Nunito Sans', sans-serif;
	width: 256px;
	border: 1px solid #aaa;
	border-radius: 13px;
	background-image: linear-gradient(#eee,#fff,#eee,#aaa);
}
/*moder white light btn*/
.modernBtn h3{
	font-size: 27px;
	width: 75%;	
	color: #333;
	font-family: 'Roboto', sans-serif;
	margin: auto;
	text-align: center;
}
.modernBtnIcon{
	text-align: center;
	width: 25%;
	background-image: linear-gradient(#aaa,#ddd,#ccc,#bbb,#aaa,#aaa);
	border-radius: 13px;
}
.modernBtnIcon img{
	width: 55px;
	height: 55px;
	margin: auto;
	padding: 13px 0px 0px 0px;
}


/**********************************************************************************************
	1.0 packages
***********************************************************************************************/
.paquetes{
	height: 1px;
}
.packages{
	width: 100%;
	height: auto;
	text-align: center;
}
.packages p{
	padding: 33px 0px 13px 0px;
	font-size: 27px; 
	color: #333;
	font-family: 'Roboto', sans-serif;
	margin: auto;
	text-align: center;
}
.packages h1{
	font-size: 55px; 
	color: #333;
	font-family: 'Roboto', sans-serif;
	margin: auto;
	text-align: center;
}
.packagesBtns{
	width: auto;
	height: auto; 
	margin: auto;
	display: inline-flex;
}
.packagesBtnOne{
	width: auto;
	height: auto;
	border: 1px solid green;
	border-radius: 5px;
	padding: 13px;
	color: green;
    margin: 13px;
	background-color: #fff;
}
.packagesBtnTwo{
	width: auto;
	height: auto;
	border: 1px solid green;
	border-radius: 5px;
	padding: 13px;
	color: green;
    margin: 13px;
	background-color: #EEFFEE;
}



.packagesInside {
	width: 89%;
	margin-left: 10.5%;
	height: auto;
	display: inline-flex;
	padding: 33px 0px 0px 0px;
}
@keyframes Animation { 
	 
    0%{background-position:0% 0%;  }  
		
	50%{background-position:75% 75%; }
		
    100%{background-position:0% 0%;  }
	
	
}
.packagesItemOne{
	width: 30%;
	margin: 1%;
	height: auto;
	background-color: #f5f5f5;
	border-radius: 13px; 
	
	overflow-y: hidden;
	
}
.packagesItemOneHeader{
   width: 100%;
height: auto; 
	border-top-left-radius: 13px;
	border-top-right-radius: 13px;
 z-index: -999; 
		background: linear-gradient(45rad,#5cb85c,goldenrod,#b3d143,#b3d143);
         background-size: 400% 400%; 
         animation: Animation 21s ease infinite;	
		 
	overflow-y: hidden;
}
.packagesItemOneHeader h4{
   	color: #fff;
	font-size: 33px;
	padding: 33px 0px 1px 0px;
	margin: auto; 
	overflow-y: hidden;
}
.packagesItemOneHeader h6{
   	color: #fff;
	font-size: 33px;
	padding: 3px 0px 3px 0px;
	margin: auto; 
	-webkit-text-stroke: 0.6px #eee;
	overflow-y: hidden;
}
.packagesItemOneHeader p{
   	color: #fff;
	font-size: 17px;
	padding: 8px 0px 33px 0px;
	 margin: auto;
	height: 66px;
	overflow-y: hidden;
}
.packagesItemTwo{
	width: 30%;
	margin: 1%;
	height: auto;
	background-color: #F7FFF2;
	border-radius: 13px;
	box-shadow: 0px 0px 8px 1px #aaa ;
	
	overflow-y: hidden;
}
.packagesItemTwoHeader{
   width: 100%;
height: auto;
	border-top-left-radius: 13px;
	border-top-right-radius: 13px;
 z-index: -999;
	
	overflow-y: hidden;
		
		background: linear-gradient(45rad,#5cb85c,green,#b3d143,#b3d143);
         background-size: 400% 400%; 
         animation: Animation 21s ease infinite;	
		 
}
.packagesItemTwoHeader h4{
   	color: #fff;
	font-size: 33px;
	padding: 33px 0px 1px 0px;
	margin: auto;
	overflow-y: hidden;
}
.packagesItemTwoHeader h6{
   	color: #fff;
	font-size: 33px;
	padding: 3px 0px 3px 0px;
	margin: auto; 
	-webkit-text-stroke: 0.6px #eee;
	overflow-y: hidden;
}
.packagesItemTwoHeader p{
   	color: #fff;
	font-size: 17px;
	padding: 8px 0px 33px 0px;
	 margin: auto;
	height: 66px;
	overflow-y: hidden;
}
.packagesItemThree{
	width: 30%;
	margin: 1%;
	height: auto;
	background-color: #EDFFFB;
	border-radius: 13px;
	border: 1px solid #eee; 
	
	overflow-y: hidden;
}
.packagesItemThreeHeader{
   width: 100%;
height: auto;
	border-top-left-radius: 13px;
	border-top-right-radius: 13px;
 z-index: -999;
	
	overflow-y: hidden;
		
		background: linear-gradient(75rad,purple,dodgerblue,purple,dodgerblue);
         background-size: 400% 400%; 
         animation: Animation 21s ease infinite;	
		 
}
.packagesItemThreeHeader h4{
   	color: #fff;
	font-size: 33px;
	padding: 33px 0px 1px 0px;
	margin: auto;

	overflow-y: hidden;
}
.packagesItemThreeHeader p{
   	color: #fff;
	font-size: 17px;
	padding: 8px 0px 33px 0px;
	 margin: auto;
	height: 66px;
	overflow-y: hidden;
}
.packagesDetails{
	width: 100%;
	height: 70%; 
	display: inline-grid;
	padding-top: 13px;
	text-align: center;
	overflow-y: hidden;
}
.packagesDetailsimg{
	margin-left: 46%;
	width: 33px;
	height: 33px; 
	overflow-y: hidden;
}
.packagesDetailsItem{
	display: inline-flex; 
	height: auto; 
	overflow-y: hidden;
}
.packagesDetailsItem img{
	width: 33px;
	height: 33px;
	padding: 0px 5px 5px 14px;
	overflow-y: hidden;
}
.packagesDetailsItem h4{
	font-size: 17px;
	margin: 6px 0px;
	font-weight: 300;
	overflow-y: hidden;
}
.packagesItemThreeHeader h6{
   	color: #fff;
	font-size: 33px;
	padding: 3px 0px 3px 0px;
	margin: auto; 
	-webkit-text-stroke: 0.6px #eee;
	overflow-y: hidden;
}
.packagesDetails p{
	color: #222;
	font-weight: 400;
	font: 17px;
	padding: 33px 0px 12px 0px;
	font-family: 'Fredoka', sans-serif;
	margin: 1px 0px 0px 0px; 
	overflow-y: hidden;
	margin-top: 8px;
	height: 111px;
}
.packagesDetailsPayment{
	width: 100%;
	height: 20%; 
	bottom: 0;
	position: relative;
	text-align: center;
	display: inline-flex;
	overflow-y: hidden;
}
.packagesAmmount{
	margin-left: 33px;
	display: inline-flex;
	font-size: 29px;
font-family: 'Fredoka', sans-serif;
	color: #aaa;
	border-radius: 21px;
	padding: 9px 5px 9px 5px;
	overflow-y: hidden;
}
.packagesPrice{
	 
	font-size: 39px;	
	font-weight: 600;
font-family: 'Rubik', sans-serif; 
	color: #005CAA;
	border-radius: 21px;
	padding: 0px 0px;
	margin: 0px 0px;
	height: 133px;
	overflow-y: hidden;
}
.packagesIva{
	font-size: 21px;
	color:  #005CAA;; 
	overflow-y: hidden;
}
.btnStart{
	margin: 21px auto;
	padding: 21px 33px;
	font-size: 21px;
	background-color: #fff;
	border-radius: 5px;
	border: 1px solid  #b3d143;
	color:  #5cb85c; 
	width: auto;
	overflow-y: hidden;
	
	font-weight: 600;
font-family: 'Rubik', sans-serif;
	
}




/**********************************/
 /*   x.1 Redes */
/**********************************/
.redes{
	margin-top: 121px;
	width: 100%;
	height: auto; 
	text-align: center;
}
.redes h1{
	color: #005CAA;
	margin: 3px 0px 13px 0px;
}
.redes p{
	color: #00315C;
	font-weight: 600;
	font-size: 21px;
	margin: 3px 0px 13px 0px;
}
	.tableItems{
		width: 96%;
		height: auto;
		display: grid;
		padding-left: 2%;
		padding-right: 2%;
		padding-top: 13px;
		padding-bottom: 13px;
		grid-gap: 2.5%;
		grid-template-columns: auto auto auto;
		grid-template-rows: auto auto auto;
	}
	.item{
		background-color: white; 
		margin-top: 21px;
		margin-bottom: 13px;
		width: 100%;
		height: auto;
		margin: 0%;
		border-radius: 5px;
		overflow-y: hidden;
		text-align: left;
		transition: 0.5s ease;
		z-index: -14;
	}
	.item:hover{
		transition: 1s ease;
		box-shadow: 0px 0px 21px 3px #ddd;
}
	.item h2{
		color: rebeccapurple;
		padding: 5px 21px; 
font-family: 'Roboto', sans-serif;
	}
	.item div{
		width: 55px;
		height: 5px;
		background-color: #ffcc00;
		margin-left: 21px;
		margin-top: -13px;
	}
	.item img{
		width: 66px;
		height: 66px;
		padding: 5px 21px;
	}
	.item p{
	    
		color: #00315C;
		padding: 1px 21px 55px 21px;
		width: auto;
		font-weight: 500;
		font-size: 17px;
	}
	.item a{
		margin: 0px 21px;
		padding: 21px 21px;
		background-color: #ffcc00;
		color: #000;
		height: auto;
		width: auto;
		text-decoration: none; 
		font-weight: 900;
		border-radius: 5px;
	}

 /*********************************
0.x form
*********************************/
	.form{
		width: 100%;
		height: auto;
		background-image: url(../contact.jpg);
		background-size: cover;
		display: inline-flex;
	}
	.formInputs{
		width: 50%;
		height: auto;
		background-color: rgba(0,0,0,0.50);
	}	
	.formText{
		width: 50%;
		height: auto;
	}
	.formText h4{ 
		margin-top: 33px;
		padding: 13px;
		font-size: 33px;
		color: #b3d143;
		font-family: 'Nunito Sans', sans-serif;
	}
	.formText a{ 
		padding: 0px 13px;
		font-size: 33px;
		color: #fff;
		font-family: 'Nunito Sans', sans-serif;
		text-decoration: none;
	}
	.formText h6{
		color: #b3d143;
		font-size: 21px;
		padding: 3px 13px; 
	}
	.formText h5,p{
		color: #fff;
		font-size: 21px;
		padding: 3px 13px; 
	}
	.contenedor-formulario {
  width: 100%;
	height: 100%;
		margin-top: 21px;
		padding: 13px;
	height: auto;
	overflow-y: hidden;
z-index: 9999; 
/*font-family: 'Bebas Neue';*/ 
}
	.contenedor-formulario h5{font-size: 33px;color: #b3d143;font-family: 'Nunito Sans', sans-serif; }
	.contenedor-formulario .formulario {
	  width: 100%;
	  height: 100%; 
	  margin: auto; 
	height: auto;
	overflow-y: hidden;
}
	.contenedor-formulario .formulario .input-group {
	  position: relative;
      margin-bottom: 32px; 
	z-index: 0;
}
    .contenedor-formulario .formulario .input-group input[type="text"],
    .contenedor-formulario .formulario .input-group input[type="email"],
    .contenedor-formulario .formulario .input-group textarea {   
        font-size: 21px; 
        width: 85%;
		height: 55px;
        outline: none;
        padding: 13px;
        background-color: #fafafa;
		border-radius: 5px;
        border: 1px solid #ddd;
		  margin: 5px;
		  
}
    .contenedor-formulario .formulario .input-group input[type="text"]:focus, .contenedor-formulario .formulario .input-group input[type="text"]:active,
    .contenedor-formulario .formulario .input-group input[type="email"]:focus,
    .contenedor-formulario .formulario .input-group input[type="email"]:active,
    .contenedor-formulario .formulario .input-group textarea:focus,
    .contenedor-formulario .formulario .input-group textarea:active {
          outline: none;
          border: 1px solid green; 
		  transition: 0.3s ease;
          background-color: #fff;
		box-shadow: 0px 0px 13px 1px #aaa;
}
    .contenedor-formulario .formulario .input-group input[type="text"].error,
    .contenedor-formulario .formulario .input-group input[type="email"].error,
    .contenedor-formulario .formulario .input-group textarea.error {border: 1px solid #D32F2F; }
    .contenedor-formulario .formulario .input-group input[type="text"].error + label,
    .contenedor-formulario .formulario .input-group input[type="email"].error + label,
    .contenedor-formulario .formulario .input-group textarea.error + label {color: #D32F2F; }
    .input-group h2{	
        transform: scale(1.2,1);  
			color: #000;
			left: 3%;
			top: -30%;
			position: absolute;
}
	.contenedor-formulario .formulario .input-group label {	
		  color: #000;
        transform: scale(1.2,1);  
       
}
    .contenedor-formulario .formulario .input-group label.label {
      width: 60%;
			-webkit-transition: all 0.3s ease;
			
          -o-transition: all 0.3s ease;
          transition: all 0.3s ease;
          margin-left: 5px;
          font-size: 21px;
          line-height: 16px;
          position: absolute;
         padding: 13px;
			border-radius: 13px;
			  top: 3px;
          left: 5%; }
    .contenedor-formulario .formulario .input-group label.label.active {
			  height: 39px;
			  padding-top: 6px;
              font-size: 12px;
              line-height: 12px;
			  transform: scale(1,1);
			  left: 0%;
			  color: yellowgreen;
          }
    .contenedor-formulario .formulario .input-group.checkbox label, .contenedor-formulario .formulario .input-group.radio label {
		  
        display: inline-block;
        cursor: pointer;
        color: #0B075E;
        position: relative;
        padding: 5px 15px 5px 51px;
        font-size: 1em; 
        -webkit-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease; }
    .contenedor-formulario .formulario .input-group.checkbox label:hover, .contenedor-formulario .formulario .input-group.radio label:hover {background: #bbdefb; }
    .contenedor-formulario .formulario .input-group.checkbox label:before, .contenedor-formulario .formulario .input-group.radio label:before {
          content: "";
          display: inline-block;
          width: 17px;
          height: 17px;
          position: absolute;
          left: 15px; 
          background: none;
          border: 1px solid #168C36; }
    .contenedor-formulario .formulario .input-group.error label {color: #D32F2F; }
    .contenedor-formulario .formulario .input-group.error label:hover {  background: rgba(211, 47, 47, 0.2); }
    .contenedor-formulario .formulario .input-group.error label:before {border: 1px solid #D32F2F; }
    .contenedor-formulario .formulario .input-group.radio input[type="radio"] {display: none; }
    .contenedor-formulario .formulario .input-group.radio input[type="radio"]:checked + label:before {display: none; }
    .contenedor-formulario .formulario .input-group.radio input[type="radio"]:checked + label {
          padding: 5px 15px;
          background: #303F9F; 
          color: #f2f2f2; }
    .contenedor-formulario .formulario .input-group.checkbox label:before {border-radius: 3px; }
    .contenedor-formulario .formulario .input-group.checkbox input[type="checkbox"] {display: none; }
    .contenedor-formulario .formulario .input-group.checkbox input[type="checkbox"]:checked + label:before {display: none; }
    .contenedor-formulario .formulario .input-group.checkbox input[type="checkbox"]:checked + label {
          background: #FFFFFF;
          color: #f2f2f2;
          padding: 5px 15px; }
    .contenedor-formulario .formulario .submit{
		display: none;
      background:yellowgreen; 
      border-radius: 5px;
      color:#000;
      cursor: pointer; 
      font-size: 27px;
      padding: 21px;
      width: 55%;
      -webkit-transition: all 1.3s ease;
      -o-transition: all 1.3s ease;
      transition: all 1.31s ease;
		outline: none;
		border: 0px solid green;
}
    .contenedor-formulario .formulario .submit:hover{
		  
       background:#000; 
      color:#fff;
      cursor: pointer; 
      font-size: 27px;
      padding: 21px; 
}
  





	
/*********************************
0.x sideNav
*********************************/
	#btnOpenNav{
			display: block;
			height: auto;
			width: auto;
			margin-top: -55px ;
			right: 10%;
			position: absolute;
			background-color: #eee;
			border-radius: 5px; 
			padding: 5px;
			box-shadow: 0px 0px 13px 1px #666;
		 	text-decoration: none;
		}
	#btnOpenNav p{
			font-size: 21px;
			color: #666;
			transform: scale(2,1);
		}
	#sideNav{
		width: 100%;
		height: 105%; 
		display: none;
		position: fixed;
		z-index: -9;
		top: 0;
	    animation: sideNavAnimation 1.5s ease;
		background-image: linear-gradient(45rad,rgba(185,255,215,1),rgba(255,255,255,1),rgba(185,255,235,1)); 
	}	
	@keyframes sideNavAnimation{
	0%{ 
		opacity: 0;
		width: 0%;
		height: 0%;
		border-radius: 100%;
		margin-left: 50%;
		margin-top: 50%;
	}
	50%{ 
	opacity: 0;
		width: 0%;
		height: 0%;
		border-radius: 100%;
		margin-left: 50%;
		margin-top: 50%;
	}
	100%{ 
		  opacity: 1; 
		 width: 100%;
		height: 100%;
		border-radius: 0%;
		margin-left: 0%;
		margin-top: 0%;
	}
}
	#sideNavContent{
		width: 100%;
		height: 100%;  
	    animation: sideNavContentAnimation 3s ease;
	}
	@keyframes sideNavContentAnimation{
	0%{ 
		opacity: 0; 
	}
	70%{ 
		  opacity: 0;  
	} 
	100%{ 
		  opacity: 1;  
	}
}
	.sideNavInside{
		width: 90%;
		height: 90%;
		margin: 1.25% 5% 1.25% 5%;
		border-radius: 21px;
		overflow-y: hidden;
		box-shadow: 0px 0px 13px 3px #ddd;
	}
	.sideNavTop{
		width: 100%;
		height: 10%;
		background-image: linear-gradient(rgba(190,190,190,0.50),rgba(110,110,110,0.50));
		overflow-y: hidden;
	}
	.sideNavTop img{
		width: 299px;
		height: 45px;
		padding: 8px;
		overflow-y: hidden;
	}
	.sideNavTopBar{
		width: auto;
		height: auto; 
		margin: 8px;
		float: right;
		overflow-y: hidden;
		display: inline-flex;
	}
	.sideNavTopBarBall{
		width: 33px;
		height: 33px;
		float: right;
		background-image: linear-gradient(0rad,#ccc,#eee);
		border-radius: 50%;
		margin: 5px;
	}
	.sideNavTopBarCloseBall{
		margin: 5px;
		width: 33px;
		height: 33px;
		float: right;
		background-image: linear-gradient(45rad,#c90000,#d90000);
		border-radius: 50%;
		text-decoration: none;
	}
	.sideNavBody{ 
		width: 200%;
		height: 80%;
		background-color: #eee;
		display:inline-flex;
		border-top: 1px solid #ddd;
		overflow-y: hidden;  
	}
	#sideNaveFirstMenu{
		width: 100%;
		height:100%;
		background-color: #eee;  
		position: relative;
		overflow: hidden;
	}
	.sideNavItem{
		width: 100%; 
		height: auto;
		display: inline-flex;
		margin: 5px 0px;
		padding: 5px;
		text-decoration: none; 
		overflow-y: hidden;
	}
	.sideNavItem img{
		overflow-y: hidden;
		width: 33px;
		height: 33px;
		padding: 5px 5px;
	}
	.sideNavItem p{
		overflow-y: hidden;
		color: #333;
		padding: 8px 5px;
		font-weight: 700;
		font-size: 21px;
font-family: 'Rubik', sans-serif;
	} 
	.sideNavActualItem{
		width: 99%; 
		height: auto;
		display: inline-flex;
		margin: 5px 0px;
		padding: 5px;
		background-color: white;
		text-decoration: none; 
		overflow-y: hidden;
		border-radius: 8px;
	}
	.sideNavActualItem img{
		overflow-y: hidden;
		width: 33px;
		height: 33px;
		padding: 5px 5px;
	}
	.sideNavActualItem p{
		overflow-y: hidden;
		color: #333;
		padding: 8px 5px;
		font-weight: 700;
		font-size: 21px;
font-family: 'Rubik', sans-serif;
	} 
	.sideNavActualItem p:hover{
		color: green;
		transition: ease 1s; 
	}
	.sideNavItem p:hover{
		color: #999; 
		transition: ease 1s;
	}
	/*   Sub Menu */
	#sideNavSecondMenu{ 
		width: 100%;
		height:100%;
		background-color: #fff; 
		position: relative;
		left: 0%;
		transition: 0.16s linear;
	}
	#sideNavSecondMenuInsideOne{
		width: 100%;  
		height: auto;
		display: none;
		margin: 0px;
		text-decoration: none; 
		overflow-y: hidden; 
	} 
	#sideNavSecondMenuInsideTwo{
		width: 100%;  
		height: auto;
		display: none;
		margin: 0px;
		text-decoration: none; 
		overflow-y: hidden; 
	} 
	#sideNavSecondMenuInsideThree{
		width: 100%;  
		height: auto;
		display: none;
		margin: 0px;
		text-decoration: none; 
		overflow-y: hidden; 
	} 
	/* ##### */
	.sideNavSecondMenuItem{
		margin: 0;
		background-color: #eee;
		height: auto;
		width: 100%; 
		padding: 3px; 
		overflow-y: hidden;
		display: inline-flex;
		text-decoration: none;
		border-bottom: 1px #ddd solid;
	} 
	.sideNavSecondMenuItem img{
		  width: 33px;
	 	 height: 33px;
		 margin: 8px;
	}
	.sideNavSecondMenuItem h4{ 
		 color: #777;
		 margin: auto 13px;
		 padding-left: 1px;
		 font-weight: 700;
		 font-size: 21px;
	}
	.sideNavSecondMenuActualItem{
		margin: 0;
		background-color: #fff;
		height: auto;
		width: 100%; 
		padding: 3px; 
		overflow-y: hidden;
		display: inline-flex;
		text-decoration: none;
		border-bottom: 1px #ddd solid;
	} 
	.sideNavSecondMenuActualItem img{
		  width: 33px;
	 	 height: 33px;
		 margin: 8px;
	}
	.sideNavSecondMenuActualItem h4{ 
		 color: #777;
		 margin: auto 13px;
		 padding-left: 1px;
		 font-weight: 700;
		 font-size: 21px;
	}
	.sideNavBottom{
		width: 100%;
		height: 10%;
		background-color: #ddd;
		margin: auto;
		text-align: center;
		overflow-y: hidden;
	}
	.sideNavBottomInside{
		width: auto;
		height: auto;
		margin: 8px;
		display: inline-flex;
	}
	.sideNavBottomInside a{
		text-decoration: none;
	}
	.sideNavBottomInside a:hover{
		text-decoration: none;
	}
	.sideNavBottomInside img{
		width: 33px;
		height: 33px;
		margin: 5px;
	}



	.upBtn{
	display: none;
	width: 39px;
	height: 39px; 
	background-color: #fff;
	position: fixed;
	border-radius: 50%;	
	bottom: 89px;
		right: 36px;
		z-index: 999;
		overflow: hidden;
		transition: ease 1s ;
	}
	.upBtn:hover {
	width: 39px;
	height: 39px; 
	background-color: green;
	position: fixed;
	border-radius: 50%;	 
		z-index: 999;
		overflow: hidden;
	}
	img.img_upbtn{
		 width:39px;
		height:39px; 
		overflow: hidden;
	}
	/*********************************	
	0.0.0. Button WA 
	/*********************************/ 
	a.button_wa{ 
right:23px;
bottom: 13px;
position: fixed;	
background-image: url(../wa0.png);
background-size: cover;	
width: 66px;
height: 66px;
z-index: 999;	
animation: fade 5.63s ease ;
	}
	a.button_wa:hover{
right:23px;
bottom: 13px;
position: fixed;	 
background-size: cover;	
width: 66px;
height: 66px;
z-index: 999;
	}	
	
/*********************************
0.x siteMap
*********************************/
	.siteMap{
		width: 100%;
		height: auto;
		background-color: #fff;
	}
	.siteMap h5{
		color: #aaa;
		margin: 2.5% ;
		font-size: 33px;
	}
	.siteMapInside{
		border-top: #b3d143 3px solid;
		background-color: #eee;
		width: 100%;
		height: auto; 
		display: inline-flex;
	}
	.siteMapItem{
		width: 20%;
		height: auto; 
		margin: 2.5%;
		display: inline-grid;
	}
	.siteMapItem h5{
		color: #5cb85c;
		margin: 2.5%;
		font-size: 33px;
font-family: 'Saira', sans-serif; 
	}
	.siteMapItem a{
		color: #777;
		margin: 2.5%;
		font-size: 21px;
		text-decoration: none;
font-family: 'Saira', sans-serif; 
	}

.siteMapItem a:hover{
		color: #b3d143;	
}




/*********************************
0.x bottom
*********************************/	
	.bottom{
		width: 100%;
		height: auto;
		background-color: #000;
		margin: auto;display: inline-grid;
		text-align: left;
		padding: 2.5%;
	}
	.bottom p{
		font-size: 21px;
		font-family: 'Saira', sans-serif;
		color: #b3d143;
		padding: 5px;
	}
	.bottom a{
		font-size: 21px;
		font-family: 'Roboto', sans-serif;
		color: #fff;
		padding: 5px;
	}
	.bottom img{
		width: 233px;
		height: 33px;
		margin-left: -8px;
	}
	.sloggan h6{
		font-size: 21px; 
font-family: 'Saira', sans-serif; 
		color: #eee;
		padding: 2.5%;;
		background-color: #0a0a0a;
		font-weight: 200; 
	} 
	.bottomInside{
		overflow: hidden;
	}
	.bottomSocialNetworks{
		overflow: hidden;
	}
	.bottomInside a{
		width: auto;
		height: auto;
		margin: 3px;
		text-decoration: none;
	}
	.bottomInside img{
		width: 33px;
		height: 33px;
		margin: 3px;
	}
	
	






















/*▓▓▓▓▓   GUI UX | UI  Small Tablets and Smartphones  Version  ▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓*/ 	
@media only screen and (max-width: 767px) {

	/* lateral sidenav */
	#sideNav{
			height: 100%;
		}
	.sideNavInside{
		width: 95%;
		height: 95%;
		margin: 2.5% 2.5%;
		border-radius: 21px;
		overflow-y: hidden;
		box-shadow: 0px 0px 13px 3px #ddd;
	}		
		
/*
   0.0 header
*/
.top-container { 
	background-color: #0a0a0a;
  background-size: cover;
  text-align: center;
  height: auto;
		overflow:hidden;
	width: 100%;
}
.top-container h1{
	color:white;
	padding: 0px 0px 55px 0px;
	font-family: 'Fredoka', sans-serif;
}
.top-container h2{
	color:white;
	font-family: 'Nunito Sans', sans-serif;
	padding: 55px 0px 0px 0px;
}
.grandent{ 
		
		content:"";
		position:absolute;
		width: 160%;
		height:55%; 
		transform: translate(-40%, -60%) rotate(170deg);
		z-index: 1;
		background: repeating-radial-gradient(#5cb85c,lightblue,#b3d143,lightblue,dodgerblue,blue,purple,lightblue,#5cb85c,lightblue,orange,#b3d143,lightblue);
         background-size: 400% 400%; 
         animation: AnimationGradent 33s ease infinite;	
		 
		
	}  
.header {
  padding: 10px 16px;
  background: #000;
  color: #111;
}
.header img{
  padding: 10px 16px;
  width: 266px;
	height: 39px;
}

/* FOR ALL DOCUMENT */
.content {
  padding: 0px;
}
.sticky {
  position: fixed;
  top: 0;
  width: 100%;
}
.sticky + .content {
  padding-top: 102px;
}


/**********************************************************************************************
	1.0 Index
***********************************************************************************************/
	.index {
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: column-reverse;
}
	.indexItem {
	width: 100%;
	margin: 0% 0%;
	height: auto;
}	
	.indexItem img{
	width: 100%;
	height: 333px;
	margin-left: 0%;
	border-radius: 0px;
}	
	.index p{ 
	color: #000;
	padding: 3px;
	font-family: 'Fredoka', sans-serif;
	font-size: 33px;	
} 
	.modernBtn{
	margin-left: 21px;
	text-decoration: none;
	display: inline-flex; 
	font-family: 'Nunito Sans', sans-serif;
	width: 256px;
	border: 1px solid #aaa;
	border-radius: 13px;
	background-image: linear-gradient(#eee,#fff,#eee,#aaa);
}
/*moder white light btn*/
	.modernBtn h3{
	font-size: 27px;
	width: 75%;	
	color: #333;
	font-family: 'Roboto', sans-serif;
	margin: auto;
	text-align: center;
}
	.modernBtnIcon{
	text-align: center;
	width: 25%;
	background-image: linear-gradient(#aaa,#ddd,#ccc,#bbb,#aaa,#aaa);
	border-radius: 13px;
}
	.modernBtnIcon img{
	width: 55px;
	height: 55px;
	margin: auto;
	padding: 13px 0px 0px 0px;
}


/**********************************************************************************************
	1.0 packages
***********************************************************************************************/
	.paquetes{
	height: 55px;
}
	.packages{
	width: 100%;
	height: auto;
	text-align: center;
}
	.packages p{
	padding: 33px 0px 13px 0px;
	font-size: 27px; 
	color: #333;
	font-family: 'Roboto', sans-serif;
	margin: auto;
	text-align: center;
}
	.packages h1{
	font-size: 55px; 
	color: #333;
	font-family: 'Roboto', sans-serif;
	margin: auto;
	text-align: center;
}
	.packagesBtns{
	width: auto;
	height: auto; 
	margin: auto;
	display: inline-flex;
}
	.packagesBtnOne{
	width: auto;
	height: auto;
	border: 1px solid green;
	border-radius: 5px;
	padding: 13px;
	color: green;
    margin: 13px;
	background-color: #fff;
}
	.packagesBtnTwo{
	width: auto;
	height: auto;
	border: 1px solid green;
	border-radius: 5px;
	padding: 13px;
	color: green;
    margin: 13px;
	background-color: #EEFFEE;
}



	.packagesInside {
	width: 100%;
	margin-left: 0.0%;
	height: auto;
	display: inline-grid;
	padding: 0px 0px 0px 0px;
}
	.packagesItemOne{
	width: 100%;
	margin: 0%;
	height: auto;
	background-color: #f5f5f5;
	border-radius: 13px; 
	
}
	.packagesItemOneHeader{
   width: 100%;
height: auto; 
	border-top-left-radius: 13px;
	border-top-right-radius: 13px;
 z-index: -999; 
		background: linear-gradient(45rad,#5cb85c,goldenrod,#b3d143,#b3d143);
         background-size: 400% 400%; 
         animation: Animation 21s ease infinite;	
		 
}
	.packagesItemOneHeader h4{
   	color: #fff;
	font-size: 33px;
	padding: 33px 0px 1px 0px;
	margin: auto; 
}
	.packagesItemOneHeader h6{
   	color: #fff;
	font-size: 33px;
	padding: 3px 0px 3px 0px;
	margin: auto; 
	-webkit-text-stroke: 0.1px #eee;
}
	.packagesItemOneHeader p{
   	color: #fff;
	font-size: 17px;
	padding: 8px 0px 33px 0px;
	 margin: auto;
	height: 66px;
}
	.packagesItemTwo{
	width: 100%;
	margin: 0%;
	height: auto;
	background-color: #F7FFF2;
	border-radius: 13px;
	box-shadow: 0px 0px 8px 1px #aaa ;
	
	margin-top: 21px;
}
	.packagesItemTwoHeader{
   width: 100%;
height: auto;
	border-top-left-radius: 13px;
	border-top-right-radius: 13px;
 z-index: -999;
	
		
		background: linear-gradient(45rad,#5cb85c,green,#b3d143,#b3d143);
         background-size: 400% 400%; 
         animation: Animation 21s ease infinite;	
		 
}
	.packagesItemTwoHeader h4{
   	color: #fff;
	font-size: 33px;
	padding: 33px 0px 1px 0px;
	margin: auto;
}
	.packagesItemTwoHeader h6{
   	color: #fff;
	font-size: 33px;
	padding: 3px 0px 3px 0px;
	margin: auto; 
	-webkit-text-stroke: 0.1px #eee;
}
	.packagesItemTwoHeader p{
   	color: #fff;
	font-size: 17px;
	padding: 8px 0px 33px 0px;
	 margin: auto;
	height: 66px;
}
	.packagesItemThree{
	width: 100%;
	margin: 0%;
	height: auto;
	background-color: #EDFFFB;
	border-radius: 13px;
	border: 1px solid #eee; 
	margin-top: 21px;
}
	.packagesItemThreeHeader{
   width: 100%;
height: auto;
	border-top-left-radius: 13px;
	border-top-right-radius: 13px;
 z-index: -999;
	
		
		background: linear-gradient(75rad,purple,dodgerblue,purple,dodgerblue);
         background-size: 400% 400%; 
         animation: Animation 21s ease infinite;	
		 
}
	.packagesItemThreeHeader h4{
   	color: #fff;
	font-size: 33px;
	padding: 33px 0px 1px 0px;
	margin: auto;

}
	.packagesItemThreeHeader p{ 
	font-size: 17px;
	padding: 8px 0px 33px 0px;
	 margin: auto;
	height: 66px;
	color: white;
}
	.packagesDetails{
	width: 100%;
	height: 70%; 
	display: inline-grid;
	padding-top: 13px;
	text-align: center;
}
	.packagesDetailsimg{
	margin-left: 46%;
	width: 33px;
	height: 33px; 
}
	.packagesDetailsItem{
	display: inline-flex; 
	height: auto; 
}
	.packagesDetailsItem img{
	width: 33px;
	height: 33px;
	padding: 0px 5px 5px 14px;
}
	.packagesDetailsItem h4{
	font-size: 17px;
	margin: 6px 0px;
	font-weight: 300;
}
	.packagesItemThreeHeader h6{ 
	font-size: 33px;
	padding: 3px 0px 3px 0px;
	margin: auto;  
	-webkit-text-stroke: 0.1px #eee;
	color: white;
}
	.packagesDetails p{ 
	font-weight: 400;
	font: 17px;
	font-family: 'Fredoka', sans-serif;
	margin: 1px 0px 0px 0px; 
}
	.packagesDetailsPayment{
	width: 100%;
	height: 20%; 
	bottom: 0;
	position: relative;
	text-align: center;
	display: inline-flex;
}
	.packagesAmmount{
	margin-left: 0px;
	display: inline-flex;
	font-size: 29px;
font-family: 'Fredoka', sans-serif;
	color: #aaa;
	border-radius: 21px;
	padding: 0px 0% 0px 20%;
	
}
	.packagesPrice{
	 
	font-size: 39px;	
	font-weight: 600;
font-family: 'Rubik', sans-serif;  
	border-radius: 21px;
	padding: -1px 0px;
	margin: 0px 3px;
	text-align: center;
}
	.packagesIva{
	font-size: 21px; 
}
	.btnStart{
	margin: 21px auto;
	padding: 21px 33px;
	font-size: 21px;
	background-color: #fff;
	border-radius: 5px;
	border: 1px solid  #b3d143;
	color:  #5cb85c; 
	width: auto;
	
	font-weight: 600;
font-family: 'Rubik', sans-serif;
	
}

		
		

/**********************************/
 /*   x.1 Redes */
/**********************************/
	.redes{
	margin-top: 121px;
	width: 100%;
	height: auto; 
	text-align: center;
}
	.redes h1{
	color: #005CAA;
	margin: 3px 0px 13px 0px;
}
	.redes p{
	color: #00315C;
	font-weight: 600;
	font-size: 21px;
	margin: 3px 0px 13px 0px;
}
	.tableItems{
		width: 96%;
		height: auto;
		display: grid;
		padding-left: 2%;
		padding-right: 2%;
		padding-top: 13px;
		padding-bottom: 13px;
		grid-gap: 2.5%;
		grid-template-columns: auto;
		grid-template-rows:  auto;
	}
	.item{
		z-index: -14;
		background-color: white; 
		margin-top: 21px;
		margin-bottom: 13px;
		width: 100%;
		height: auto;
		margin: 0%;
		border-radius: 5px;
		overflow-y: hidden;
		text-align: left;
		transition: 0.5s ease;
	}
	.item:hover{
		transition: 1s ease;
		box-shadow: 0px 0px 21px 3px #ddd;
}
	.item h2{
		color: rebeccapurple;
		padding: 5px 21px; 
font-family: 'Roboto', sans-serif;
	}
	.item div{
		width: 55px;
		height: 5px;
		background-color: #ffcc00;
		margin-left: 21px;
		margin-top: -13px;
	}
	.item img{
		width: 66px;
		height: 66px;
		padding: 5px 21px;
	}
	.item p{
	    color: #00315C;
		padding: 1px 21px 55px 21px;
		width: auto;
		font-weight: 500;
		font-size: 17px;
		height: 166px;
	}
	.item a{
		margin: 0px 21px;
		padding: 21px 21px;
		background-color: #ffcc00;
		color: #000;
		height: auto;
		width: auto;
		text-decoration: none; 
		font-weight: 900;
		border-radius: 5px;
	}


/**********************************/
 /*   x.1 side Nav */
/**********************************/
	.sideNavTop img{
		width: 199px;
		height: 29px;
		padding: 13px 8px;
		overflow-y: hidden;
	}
	.form{
		width: 100%;
		height: auto;
		background-image: url(../contactM.jpg);
		background-size: cover;
		display: flex;
		flex-direction: column-reverse; 
	}
	.formInputs{
		width: 100%;
		height: auto;
		background-color: rgba(0,0,0,0.50);
	}	
	.formText{
		width: 100%;
		height: auto;
	}	
	.siteMapInside{
		border-top: #b3d143 3px solid;
		background-color: #eee;
		width: 100%;
		height: auto; 
		display: inline-grid;
	}
	.siteMapItem{
		width: 95%;
		height: auto; 
		margin: 2.5%;
		display: inline-grid;
	}
	.sloggan h6{
		padding-right: 25%;
	} 
	
	
	
	
}