.float-bottom-right {
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 25px;
    right: 25px;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    box-shadow: 2px 2px 3px #999;
}

.float-floating {
    z-index: 9999999;
    color: #FFF !important;
}

.whatsapp-icon-3x {
    position: relative;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAABIAAAASABGyWs+AAAACXZwQWcAAAAwAAAAMADO7oxXAAADqElEQVRo3u2ZS0hVURSG1ym10l7odRIaRBFkNClLiYho0KRpL6EalAVJj5k0qAwaVBA0qZAgpJGSNRAhKCiCokkZhNkge2LkQKHItKzwa3C3cVp333te+2qUP9zBPXf9/1r/Oevuvc/eIlOYwv8Nz4UIME1EVovIRhFZJSJLRaRCREpMyLCIvBeRFyLSJSJ3ReSR53ljk+oeqADOAH1ER5/hVkxG4SngIjAao3CNUaOVmqji64ABB4VrDAB1+Sy8EGjOUcAQ0ArsB9YA5UCR+ZSba/tNzFAOnWagwHXxxUBnloS9QD1QHFGv3nBt6IyiF+bOd1iSfAUagcKE2o1GS6MjibY/ia1tPgC1Tu5QOket0cxop6TCOyyi3eRh6CM9JHdb8u2IK1gGDCqx/nwUr0z0q5yDQFkcsUtK6BtQY4k7CHwxMdccmKgxufy4FOdO6Emq0RK3XcWMAUscmGhUuqORnjxwWgm81CMCUAC8s/TsKQcGCk1OP06HJU8jc21Tb4lbiR1vgMSLRNLzhB99pBeNgcRaRfwMlFjitpEd6x0YKDG5/cgYum2ONqjvNz3PG7bEfcyRf2ZSAybnzYDarAaq1fc7WXI8FxEs11s8z7ud1ECW3NWBDDInk5ocsfdV7GNguqPix4dUP7rDkPTklcoRu1nFfgDmOjSQUvqDYUh6/C8KiL+l4i84NFCktEfDkEYUaVZA/GJgWHF2TqaB94q0MARnr04ErHNgIFYLPQ37J1a8FsUbAbZa4lYAb4E2YGmAZqw/casiHQppoBi4RyauAgtMTDnpmXocP4DLQGUWzX1K63qYQo4oUugVJjAPeGgxMQJcAZ5hxwiwyaLXpuKOhilCP7YhYE4EE8XADaJjt9IJtZSwFeABrxWxIawBn06DpYBsGEMNFsRdzBnySUXuBWbEMJECzgOfAgycVbz4y2kjUEnmTsHxqAZ8erOBPcAD4KdP8xWwyxKf7IXGiJxTIl1xDSjd+cAqYFGW35O/UhqhUv5cVjS5MBCQ0+lLfZUSqpqA4p1uqzT5RIJnwGTFu9/YAnps7QMsA04AT4BjcUYnn1Z+thYt7bPFPBHbTNoLHCDCewD53txV7RMWQ0A7cNi0RKUpdOK311X72PA9hsEguDngILN9xtFDeoZeTnrf9Bz23o0Kt0dM/Nk+v4vOEltpfn8ZtWocHfJl7KAB7SLSIyLtnuf1hDTtSfqYda2I1IrIMhEpE5FSEZkuf+sx6xSm8A/gFyLit6sRyX5hAAAAAElFTkSuQmCC);
    background-repeat: no-repeat;
    display: inline-block;
    height: 38px;
    width: 38px;
    background-size: 38px 38px;
    top: 10px;
    vertical-align: middle;
    left: 2px;
}

*, body {
	font-family: 'Roboto', sans-serif;
}

.navbar {
	background: white;
	border-bottom: 4px solid #8eba2d;
}

.nav-item a{
	color:#222326;
	text-transform: uppercase;
	font-size: 13px;
	font-weight: 600;
}

#about {
	background: rgba(121,150,43,1);
    background: -moz-linear-gradient(left, rgba(121,150,43,1) 0%, rgba(139,182,45,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(121,150,43,1)), color-stop(100%, rgba(139,182,45,1)));
    background: -webkit-linear-gradient(left, rgba(121,150,43,1) 0%, rgba(139,182,45,1) 100%);
    background: -o-linear-gradient(left, rgba(121,150,43,1) 0%, rgba(139,182,45,1) 100%);
    background: -ms-linear-gradient(left, rgba(121,150,43,1) 0%, rgba(139,182,45,1) 100%);
    background: linear-gradient(to right, rgba(121,150,43,1) 0%, rgba(139,182,45,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#79962b', endColorstr='#8bb62d', GradientType=1 );
	color: white;
}

#about h1{
	font-size: 45px;
	font-weight: 600;
	color: white;
	margin:0px;
}

#about hr{
	width:100%;
	background: white;
	height: 2px;
	border:none;
	margin: 20px auto;
}

#about p{
	font-size: 20px;
	color: white;
	font-weight: 400;
	margin: 0px;
}

@media (max-width: 1023px) {
  .dispone {
    display: none;
  }
}

#servicios {
	background: rgba(121,150,43,1);
    background: -moz-linear-gradient(left, rgba(121,150,43,1) 0%, rgba(139,182,45,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(121,150,43,1)), color-stop(100%, rgba(139,182,45,1)));
    background: -webkit-linear-gradient(left, rgba(121,150,43,1) 0%, rgba(139,182,45,1) 100%);
    background: -o-linear-gradient(left, rgba(121,150,43,1) 0%, rgba(139,182,45,1) 100%);
    background: -ms-linear-gradient(left, rgba(121,150,43,1) 0%, rgba(139,182,45,1) 100%);
    background: linear-gradient(to right, rgba(121,150,43,1) 0%, rgba(139,182,45,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#79962b', endColorstr='#8bb62d', GradientType=1 );
}

#servicios h1{
	font-size: 45px;
	font-weight: 600;
	color: #ffffff;
	margin:0px;
}

#servicios hr{
	width:100%;
	background: #ffffff;
	height: 2px;
	border:none;
	margin: 20px auto;
}

#servicios p{
	font-size: 16px;
	color: #ffffff;
	font-weight: 600;
	margin: 0px;
	text-align: left;
	width: 100%;
	margin-top: 10px;
}

#seguridad  {
	background: #103251;
	text-align: center;
	color: white;
}

#seguridad h1{
	font-size: 45px;
	font-weight: 600;
	color: #ffffff;
	margin:0px;
}

#seguridad h3{
	font-size: 30px;
	font-weight: 400;
	color: #ffffff;
	margin:0px;
}

#seguridad hr{
	width:130px;
	background: #ffffff;
	height: 2px;
	border:none;
	margin: 20px auto 40px;
}

#seguridad a{
	font-size: 30px;
	font-weight: 600;
	color: #ffffff;
	margin:0px;
	text-decoration: none;
}

#seguridad a:hover{
	text-decoration: underline;
}

#contact  {
	background: rgba(121,150,43,1);
    background: -moz-linear-gradient(left, rgba(121,150,43,1) 0%, rgba(139,182,45,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(121,150,43,1)), color-stop(100%, rgba(139,182,45,1)));
    background: -webkit-linear-gradient(left, rgba(121,150,43,1) 0%, rgba(139,182,45,1) 100%);
    background: -o-linear-gradient(left, rgba(121,150,43,1) 0%, rgba(139,182,45,1) 100%);
    background: -ms-linear-gradient(left, rgba(121,150,43,1) 0%, rgba(139,182,45,1) 100%);
    background: linear-gradient(to right, rgba(121,150,43,1) 0%, rgba(139,182,45,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#79962b', endColorstr='#8bb62d', GradientType=1 );
	color: #ffffff;
    margin-top:-15px;
}

#contact h1{
	font-size: 45px;
	font-weight: 600;
	color: #ffffff;
	margin:0px;
}

#contact h5{
	font-size: 20px;
	font-weight: 400;
	color: #ffffff;
    margin:20px 0px 10px 0px;
}

#contact hr{
	width:100%;
	background: #ffffff;
	height: 2px;
	border:none;
	margin: 20px auto 40px;
}

.txtform {
	width: 100%;
	padding: 5px 10px;
	color:#231F20;
	border:1px solid #231F20;
	font-weight: 500;
	font-size: 14px;
	margin-top: 25px;
	background: #ffffff;
}

.btnform {
	width: 100%;
	padding: 10px 10px;
	color:#ffffff;
	border:none;
	background: #103251;
	font-weight: 500;
	font-size: 14px;
	margin-top: 25px;

}

.navbar-nav {
    margin:0px auto !important;
}

@media (max-width: 768px) { 
    .mar-10 {
        margin-top:10px;
    }
}

.navbar-toggler {
    background:gray;
}

/*.caja {
font-size: 18px;
font-weight: 400;
color: #ffffff;
background: #DB4927;
margin: 25px auto;
overflow: hidden;
padding: 20px;
text-align:center;
padding-top:35%;
padding-bottom:35%;
max-width:240px;
height:200px;
}*/

.caja{
  color: white;
  padding: 1em;
    float:left;
    width: 100%;
    background: rgba(121,150,43,1);
    background: -moz-linear-gradient(left, rgba(121,150,43,1) 0%, rgba(139,182,45,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(121,150,43,1)), color-stop(100%, rgba(139,182,45,1)));
    background: -webkit-linear-gradient(left, rgba(121,150,43,1) 0%, rgba(139,182,45,1) 100%);
    background: -o-linear-gradient(left, rgba(121,150,43,1) 0%, rgba(139,182,45,1) 100%);
    background: -ms-linear-gradient(left, rgba(121,150,43,1) 0%, rgba(139,182,45,1) 100%);
    background: linear-gradient(to right, rgba(121,150,43,1) 0%, rgba(139,182,45,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#79962b', endColorstr='#8bb62d', GradientType=1 );
}
.caja:last-child{
  margin-right:0;
}
.caja:before{
    content:"";
    display:block;
    padding-top:100%;
  float: left; 
  /*Flotando el elemento podemos usar el cuadrado como cualquier otra capa y podremos meter contenido. Pero dejará de ser responsive cuando el contenido sea mayor que su alto*/
}

.spancaja {
    margin-top:30%;
}

.mar-15 {
    margin-top:15px;
}

.thumbnailco {
 position: relative;
}

@media (max-width: 1025px) { 
    .captionco {
     position: absolute;
     top: 20%;
     left: 0;
     width: 100%;
    }
}

@media (min-width: 1025px) { 
    .captionco {
     position: absolute;
     top: 40%;
     left: 0;
     width: 100%;
    }
}

@media (min-width: 767px) {
    #cowork {
        padding: 0px;
    }
}

.btn-default {
    background:#8eba2d;
    color:white;
    font-weight:600;
    font-size:20px;
    text-align:center;
    width:100%;
    padding:15px;
    border:none;
}

#cowork {
    background:#333333;
}

.coworkp {
    font-size: 16px;
	color: #ffffff;
	font-weight: 600;
	margin: 0px;
	text-align: left;
	width: 100%;
	margin-top: 10px;
}

#cowork h1{
	font-size: 45px;
	font-weight: 600;
	color: #ffffff;
	margin:0px;
}


#cowork hr{
	width:100%;
	background: #ffffff;
	height: 2px;
	border:none;
	margin: 20px auto;
}

#espacios {
	background: white;
}

#espacios h1{
	font-size: 45px;
	font-weight: 600;
	color: #16406c;
	margin:0px;
}

#espacios hr{
	width:100%;
	background: #16406c;
	height: 2px;
	border:none;
	margin: 20px auto;
}

#espacios p{
	font-size: 16px;
	color: #16406c;
	font-weight: 600;
	margin: 0px;
	text-align: left;
	width: 100%;
	margin-top: 10px;
}

#FAQ {
	background: white;
}

#FAQ h1{
	font-size: 45px;
	font-weight: 600;
	color: #141A2C;
	margin:0px;
}

#FAQ hr{
	width:100%;
	background: #141A2C;
	height: 2px;
	border:none;
	margin: 20px auto;
}

#FAQ p{
	font-size: 16px;
	color: #141A2C;
	font-weight: 600;
	margin: 0px;
	text-align: left;
	width: 100%;
	margin-top: 10px;
}

.faqlink {
    font-size:16px;
    color:#141a2c;
    font-weight:500;
}

.faqlink:hover {
    color:#141a2c;
    font-weight:600;
    text-decoration:none;
}

.panel-body {
    color:#7c7c7c;
    font-size:15px;
    font-weight:500;
    margin-bottom:30px;
}

.panel-heading {
    padding-top:10px;
}

body {
    overflow-x:hidden;
}

.dash{
  border: 0 none !important;
  border-top: 2px dashed #ffffff !important;
  background: none !important;
  height:0 !important;
  margin-top:50px !important;
  margin-bottom:20px !important;
}