html, body, .block {
    height: 100%;
  }


.vids{
  color: #fff;
  position: absolute;
  top: 15%;
  left: 15%;
  width: 70%;
  opacity: 1;
}

.carousel.carousel-slider .carousel-item {
  width: 100%;
  height: 100%;
  min-height: 400px;
  position: absolute;
  top: 0;
  left: 0;
}

.carousel  .indicators .indicator-item {
	background-color: #777;
}

.carousel .indicators .indicator-item.active {
  background-color: #000;
}

.carousel.carousel-slider {
  top: 0;
  left: 0;
  min-height: 400px;
}

.carousel.carousel-slider .data-indicator{
 background-color: black;
}
.tabs .indicator{
    background-color:red;/*your color*/
    }

#vid{
	top: 60%;
	left: 15%;
	z-index: 2000;
}


#btr{
	
	left:  42%;
	top: 65%;
}

#btr1{
	top: 60%;
	left: 15%;
}

#btr2{
	left: 48%;
	top: 65%;
}

#btr3{
	left: 47%;
	top: 65%;

}

@font-face {
	font-family:AmaranthR;
	src: url(../fonts/amaranth/AmaranthR.otf);
}  

h1,h2,h3,h4,h5,h6{
font-family:AmaranthR;
}

  
#ps{
font-size: 20px;
}

.ana{
	color: #c17611;
}
#ps2{
	font-size: 20px;
	line-height: 35px;
}

#ps1{
	font-size: 16px;
}

section#home{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	z-index: -1;
	background-image: url(../img/web/capa1.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover; 
	overflow: hidden;
	}


section#movilsmedia{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	z-index: -1;
	background-image: url(../img/socialfondo.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover; 
	overflow: hidden;
}

section#social{
position: relative;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	z-index: -1;
	background-image: url(../img/capa1.jpg);
	background-position: center;
	background-repeat: no-repeat;


}

section#scrolldown{
	margin: auto;
	width: 200px;
	height: 60px;

}

#call{
	z-index: 3;
}

html, body, .mapa {height: 100%;} 

.contenido1{
	height: 100%;
	background-image: url(../img/capa1.jpg);
}
.contenido2{
	height:  100%;
	background-image: url(../img/img.jpg);
}
#back{
	width: auto;
	background-image: url(../img/);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

#s1{
	position: cover;
	height:500px;
}

#con{
	position: fixed;
	left:-10px;
	top: 35%;
	z-index: 2000;
}

#con2{
	position: fixed;
	left:23px;
	bottom: 15%;
	z-index: 2000;
}

#con1{
	position: fixed;
	left: 20px;
	top: 20px;
	z-index: 2000;
}

#con0{
	position: fixed;
	right:20px;
	top: 20px;
	z-index: 2000;
}

#social{
	position: fixed;
	right: 1%;
	top: 40%;
	z-index: 2000;
}



.barrasocial {
	position: fixed; /* Hacemos que la posición en pantalla sea fija para que siempre se muestre en pantalla*/
	right: 0; /* Establecemos la barra en la izquierda */
	top: 200px; /* Bajamos la barra 200px de arriba a abajo */
	z-index: 2000; /* Utilizamos la propiedad z-index para que no se superponga algún otro elemento como sliders, galerías, etc */
}

.barrasocial ul {
		list-style: none;
	}
 
	.barrasocial ul li a {
		display: inline-block;
		color:#fff;
		background: #000;
		padding: 10px 16px;
		text-decoration: none;
		-webkit-transition:all 500ms ease;
		-o-transition:all 500ms ease;
		transition:all 500ms ease; /* Establecemos una transición a todas las propiedades */
	}
 
	.barrasocial ul li .icon-facebook {background:#3b5998;} /* Establecemos los colores de cada red social, aprovechando su class */
	.barrasocial ul li .icon-twitter {background: #00abf0;}
	.barrasocial ul li .icon-google-plus {background: #d34836;}
	.barrasocial ul li .icon-linkedin2 {background: #009eed;}
	 
	.barrasocial ul li a:hover {
		background: #000; /* Cambiamos el fondo cuando el usuario pase el mouse */
		padding: 10px 30px; /* Hacemos mas grande el espacio cuando el usuario pase el mouse */
	}

.fixed-action-btn{
  position: fixed;
  left: 23px;
  bottom: 23px;
  padding-top: 15px;
  margin-bottom: 0;
  z-index: 998;
}

.fixed-action-btn.active ul {
  visibility: visible;
}

.fixed-action-btn.horizontal {
  padding: 0 15px 0 0;
  max-width: 25%;
}

.fixed-action-btn.horizontal ul {
  text-align: left;
  left: 64px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-60%);
  height: 100%;
  right: auto;
  width: 60%;
  /*width 100% only goes to width of button container */
}

.fixed-action-btn.horizontal ul li {
  display: inline-block;
  margin: 15px 15px 0 0;
}

.fixed-action-btn.toolbar {
  padding: 0;
  height: 56px;
}

.fixed-action-btn.toolbar.active > a i {
  opacity: 0;
}

.fixed-action-btn.toolbar ul {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  top: 0;
  bottom: 0;
}

.fixed-action-btn.toolbar ul li {
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: inline-block;
  margin: 0;
  height: 100%;
  transition: none;
}

.fixed-action-btn.toolbar ul li a {
  display: block;
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 100%;
  background-color: transparent;
  box-shadow: none;
  color: #fff;
  line-height: 56px;
  z-index: 1;
}

.fixed-action-btn.toolbar ul li a i {
  line-height: inherit;
}

.fixed-action-btn ul {
  left: 0;
  right: 0;
  text-align: center;
  position: absolute;
  bottom: 64px;
  margin: 0;
  visibility: hidden;
}

.fixed-action-btn ul li {
  margin-bottom: 15px;
}

.fixed-action-btn ul a.btn-floating {
  opacity: 0;
}

.fixed-action-btn .fab-backdrop {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 40px;
  height: 40px;
  background-color: #26a69a;
  border-radius: 50%;
  -webkit-transform: scale(0);
          transform: scale(0);
}



#fbtn1{
	position: fixed;
	left: 83%; 
	top:28%;
	z-index: 800;
}

#fbtn2{
	position: fixed;
	left: 91%; 
	top:34%;
	z-index: 800;
}

#fbtn3{
	position: fixed;
	left: 67%; 
	top:21%;
	z-index: 800;
}

#fbtn4{
	position: fixed;
	left: 52%; 
	top:32%;
	z-index: 800;
}

#fbtn5{
	position: fixed;
	left: 50%; 
	top:72%;
	z-index: 800;
}

#fbtn6{
	position: fixed;
	left: 40%; 
	top:38%;
	z-index: 800;
}

#fbtn7{
	position: fixed;
	left: 42%; 
	top: 68%;
	z-index: 800;
}

#fbtn8{
	position: fixed;
	left: 29%; 
	top:15%;
	z-index: 800;
}

.carousel {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 400px;
  -webkit-perspective: 500px;
          perspective: 500px;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-transform-origin: 0% 50%;
          transform-origin: 0% 50%;
}

.btn-small {
    height: 24px;
    line-height: 24px;
    padding: 0 0.5rem;
}

#llamada{
	position: fixed; 
    left: 5%;
    top: 90%;
    z-index: 800;
}

#whatsaap{
	position: fixed; 
    left: 85%;
    top: 90%;
    z-index: 800;
}

.nubes{
	left:0;
	top:0;
}

.btnformulario {
  -moz-box-shadow: 3px 4px 0px 0px #01589b;
	-webkit-box-shadow: 3px 4px 0px 0px #01589b;
	box-shadow: 3px 4px 0px 0px #01589b;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #01589b), color-stop(1, #03a8f4));
	background:-moz-linear-gradient(top, #01589b 5%, #03a8f4 100%);
	background:-webkit-linear-gradient(top, #01589b 5%, #03a8f4 100%);
	background:-o-linear-gradient(top, #01589b 5%, #03a8f4 100%);
	background:-ms-linear-gradient(top, #01589b 5%, #03a8f4 100%);
	background:linear-gradient(to bottom, #01589b 5%, #03a8f4 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#01589b', endColorstr='#03a8f4',GradientType=0);
	background-color:#01589b;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #03a8f4;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:16px;
	font-weight:bold;
	padding:12px 20px;
	text-decoration:none;
	text-shadow:0px 1px 0px #080808;
}
.btnformulario:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #03a8f4), color-stop(1, #01589b));
	background:-moz-linear-gradient(top, #03a8f4 5%, #01589b 100%);
	background:-webkit-linear-gradient(top, #03a8f4 5%, #01589b 100%);
	background:-o-linear-gradient(top, #03a8f4 5%, #01589b 100%);
	background:-ms-linear-gradient(top, #03a8f4 5%, #01589b 100%);
	background:linear-gradient(to bottom, #03a8f4 5%, #01589b 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#03a8f4', endColorstr='#01589b',GradientType=0);
	background-color:#03a8f4;
}
.btnformulario:active {
	position:relative;
	top:1px;
}

#padli{
	padding: 3px;
}