body,html {
  height: 100%;
}
h2,h3{
    padding: 0px;
    margin: 0px;
}
.btn-principal{
	font-family: "Open Sans", serif;
	font-weight: 400;
	color: #333;
	font-size:18px;
}
.btn-principal a{color:#333;}
.btn-principal:hover{color:#000;}
.btn-principal:active{background-color: transparent;}


.btn-drop{
	font-family: "Open Sans", serif;
	font-weight: 400;
	color:#333;
	font-size:16px;
}
.btn-drop a{
	color:#333;
}
.btn-drop:hover{
	background-color: #CBD3D1;
	color:#000;
}
.navbar .nav > li.dropdown.open.active > a:hover, 
.navbar .nav > li.dropdown.open > a
{
   color: #333;
   background-color: #CBD3D1;
}
.navbar-nav {margin-left: auto;} 
.navbar-nav > li{ padding-left:25px;  padding-right:15px; margin-top: 10px; margin-bottom: 10px;}
.navbar-nav > li > .dropdown-menu { background-color:#CBD3D1;}
.fondo-nav{background-color: #FFF;padding-bottom: 10px; padding-top: 10px;}
.nav>li>a:hover, .nav>li>a:focus, .nav>li>a:active {background-color: transparent !important;}
.pattern{background-image:url(../img/pattern.jpg); background-repeat:repeat; padding-top:50px; padding-bottom:50px;}
.fondo-footer{background-color: #CBD3D1; padding-bottom: 20px; padding-top: 20px;}
.fondo-gris2{background-color: #DFE5E4;}
.espacio{padding-top:50px; padding-bottom:50px;}
.fondo-multiply{background: rgb(104, 10, 22); opacity:.8; padding:30px;}
.row:before, .row:after {display: none !important;}


.blanco-bold{
font-family: "Open Sans", serif;
	font-weight: 600;
	color: #FFFFFF;
}
.blanco-light{
font-family: "Open Sans", serif;
	font-weight: 300;
	color: #FFFFFF;
	letter-spacing: 0.04em;
}

.blanco-sombra{
font-family: "Open Sans", serif;
	font-weight: 400;
	color:#FFF;
	text-shadow:0 0 5px rgba(0,0,0, 0.5);
}
.blanco-nunito{
	font-family: "Nunito", serif;
	font-weight: 400;
	color:#FFF;
}
.blanco-nunito a{
	color:#FFF;
}
.blanco{
	font-family: "Open Sans", serif;
	font-weight: 400;
	color:#FFF;
}
.blanco a{
	color:#FFF;
}

.divider-fix{
	height: 1px;
	margin: 1px 0;
	background-color: #FFF;
}
.gris-listas{
	font-family: "Open Sans", serif;
	font-weight: 400;
	color: #333;
	line-height:1.5em; 
	font-size:15px;
}
.gris-light{
	font-family: "Open Sans", serif;
	font-weight: 300;
	color: #333;
}
.gris-nunito{
	font-family: "Nunito", serif;
	font-weight: 400;
	color:#333;
}
.gris-parrafos{
	font-family: "Open Sans", serif;
	font-weight: 400;
	color: #333;
	line-height:1.3em;
}
.divider-blanco{
	height: 2px;
	margin: 15px 0 20px 0;
	background-color: #FFF;
}

.boton-destacado2{
    font-family: "Open Sans", serif;
	font-weight:400;
	padding: 10px 20px;
	border-radius:20px;
	color:#fff;
	background-color: #A6ADAB;
	margin-bottom:10px;
	margin-top: 10px;
	display:inline-block;
}
.boton-destacado2 a{
	color:#fff;
}
.boton-destacado2:hover{
	background-color:#A6ADAB;
	color: #333;
}

.tag{
	outline: 0;
	display:inline-block;
	position: absolute;
	left:0;
	z-index: 100;
}

.tag2{
	background-color: #FFF;	
	padding: 5px 10px;
	outline: 0;
	display:inline-block;
	position: absolute;
	right:0;
	top: 70px;
	color:#006E74;
	font-size:22px;
	z-index: 100;
}

.navbar {
padding: 0px 0px 0px 0px;
}
.nav-item{
  margin-left:-5px;
  margin-right:-5px;
}
.texto-der{	text-align: right;}

.card-img-wrap {
  overflow: hidden;
  position: relative;
}
.card-img-wrap:after {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background: rgba(255,255,255,0.3);
  opacity: 0;
  transition: opacity .25s;
}
.card-img-wrap img {
  transition: transform .25s;
  width: 100%;
}
.card-img-wrap:hover img {
  transform: scale(1.2);
}
.card-img-wrap:hover:after {
  opacity: 1;
}
.padding5px{ padding:5px;}
.margin10px{margin:10px;}
.imgopacity:hover{ opacity:0.5;}
.padding20px{ padding:20px;}
.margintop{ margin-top:20px;}

.div-dptos-home {
  position: relative;
}
.overlay{
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
}
.div-dptos-home:hover .overlay {
  opacity: 1;
}
.image {
  display: block;
  width: 100%;
  height: auto;
}
.text {
  color: white;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}
.rubi{ background-color: #D54F3A;}
.cuarzo{ background-color: #E07A1E;}
.topacio{ background-color: #D8A62A;}
.esmeralda{ background-color: #20885F;}
.zafiro{ background-color: #0C62AF;}
.amatista{ background-color: #C19FBC;}

@media screen and (max-width: 768px) {
#heroxs{
	background-image: url("../img/fondo.jpg");
	background-repeat:no-repeat;
	background-size: cover;
	background-position:center;
    display: block;
	padding-bottom:50px;
}
#herosm{display:none;}
.switch-text{text-align: left;}
.divider-oscuro-switch{
	background-color:#161618;
	height: 10px;
	left:0;
	margin: 10px 0px 10px 0px;
	position: relative;
	width:90%;
	max-width: 120px;
}
.navbar-brand>img {
    max-height: 70px;
	margin-left:25px; 
}
.margen-izqder-2{ margin-left:15px; margin-right:15px;}
.margintopmobile{ margin-top:25px;}
.intranet{text-align:center;}
.texto-carousel{font-size: 32px;}
.big-margin-white{margin-top:50px; margin-bottom:50px;}
.medium-margin-white{padding-top:30px; padding-bottom:30px;}
.small-margin{margin-top:30px; margin-bottom:30px;}
.switch-img{text-align: center;}
.carousel-caption {
z-index:10;
color:#fff;
bottom:auto;
top: 50%;
}
body{
	font-size: 16px;
	font-family: 'Lato', sans-serif;
	color:#666;
	margin-top:80px;
}
.map iframe{width:100%; height:450px; display:block; }
}
@media screen and (min-width: 769px) and (max-width: 995px) {
#herosm{display:block; background-repeat:no-repeat;}
#heroxs{display:none;}
.switch-text{text-align: right;}
.switch-img{text-align: right;}
.divider-oscuro-switch{
	background-color:#161618;
	height: 10px;
	right:0;
	margin: 10px 0px 10px 0px;
	position: relative;
	width:90%;
	max-width: 120px;
	text-align:right;
}
.margintopmobile{ margin-top:15px;}
.small-margin{margin-top:40px; margin-bottom:40px;}
.margen-izqder-1{ margin-left:60px; margin-right:60px;}
.margen-izqder-2{ margin-left:50px; margin-right:50px;}
.big-margin-white{margin-top:80px; margin-bottom:80px;}
.medium-margin-white{padding-top:40px; padding-bottom:40px;}

.carousel-caption {
z-index:10;
color:#fff;
bottom:auto;
top: 50%;
left: 50%;
transform: translate(-50%, -50%)
}
body{
	font-size: 16px;
	font-family: 'Lato', sans-serif;
	color:#666;
	margin-top:50px;
}
.map iframe{width:100%; height:450px; display:block;}
.navbar-brand>img {
    max-height: 70px;
}
}
@media screen and (min-width: 996px) and (max-width: 1440px) {
#herosm{display:block; background-repeat:no-repeat;}
#heroxs{display:none;}
.switch-text{text-align: right;}
.switch-img{text-align: right;}
.divider-oscuro-switch{
	background-color:#161618;
	height: 10px;
	right:0;
	margin: 10px 0px 10px 0px;
	position: relative;
	width:90%;
	max-width: 120px;
	text-align:right;
}

.medium-margin-white{padding-top:70px; padding-bottom:70px;}
.big-margin-white{margin-top:150px; margin-bottom:150px;}
.small-margin{margin-top:60px; margin-bottom:60px;}
.margen-izqder-1{ margin-left:80px; margin-right:80px;}
.margen-izqder-2{ margin-left:70px; margin-right:70px;}
.carousel-caption {
z-index:10;
color:#fff;
bottom:auto;
top: 50%;
left: 50%;
transform: translate(-50%, -50%)
}

body{
	font-size: 16px;
	font-family: 'Lato', sans-serif;
	color:#666;
	margin-top:50px;
}
.map iframe{width:100%; height:550px; display:block;}
.navbar-brand>img {
    max-height: 70px;
}
}
@media screen and (min-width: 1441px) and (max-width: 1920px) {
#herosm{display:block; background-repeat:no-repeat;}
#heroxs{display:none;}
.switch-text{text-align: right;}
.switch-img{text-align: right;}
.divider-oscuro-switch{
	background-color:#161618;
	height: 10px;
	right:0;
	margin: 10px 0px 10px 0px;
	width:90%;
	max-width: 120px;
	text-align:right;
}
.intranet{text-align:right;}
.small-margin{margin-top:80px; margin-bottom:80px;}
.margen-izqder-1{ margin-left:120px; margin-right:120px;}
.margen-izqder-2{ padding-left:130px; padding-right:130px;}
.big-margin-white{margin-top:200px; margin-bottom:200px;}
.medium-margin-white{padding-top:100px; padding-bottom:100px;}
.carousel-caption {
z-index:10;
color:#fff;
bottom:auto;
top: 50%;
left: 50%;
transform: translate(-50%, -50%)
}
body{
	font-size: 16px;
	font-family: 'Lato', sans-serif;
	color:#666;
	margin-top:50px;
}
.map iframe{width:100%; height:550px; display:block;}
.navbar-brand>img {
    max-height: 70px;
}
}
.form-control::-webkit-input-placeholder {
  color: #000;
}
.input-style{
	background-color:#FFF;	
	color:#000;
	padding:30px;
	border: 0; 
	outline: 0;
	width:100%;
	border-radius:0px;
}
.input-style-second{
	background-color:#FFF;	
	color:#000;
	padding:30px;
	border: 0; 
	outline: 0;
	width:100%;
	border-radius:0px;
}
.carousel-control { background: none !important; filter: none !important; progid:none !important; }
.carousel-fade .carousel-item {
 opacity: 0;
 transition-duration: .6s;
 transition-property: opacity;
}

.carousel-fade  .carousel-item.active,
.carousel-fade  .carousel-item-next.carousel-item-left,
.carousel-fade  .carousel-item-prev.carousel-item-right {
  opacity: 1;
}

.carousel-fade .active.carousel-item-left,
.carousel-fade  .active.carousel-item-right {
 opacity: 0;
}

.carousel-fade  .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active,
.carousel-fade .active.carousel-item-left,
.carousel-fade  .active.carousel-item-prev {
 transform: translateX(0);
 transform: translate3d(0, 0, 0);
}
.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
  display: block;
}


.carousel-caption{padding-bottom:20px;}

.animated {
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
}

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100px, 0, 0);
    transform: translate3d(100px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100px, 0, 0);
    transform: translate3d(100px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
.parallax-texture {
  /* The image used */
  background-image: url("../img/fondo.jpg");

  /* Set a specific height */
  min-height: 600px;

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position:relative;
}
.parallax_text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}
#fondonegro {
    background-image: url("../img/fondo.jpg");
	background-repeat:no-repeat;
	background-size: cover;
	background-position:center;
    display: block;
	padding-top:100px;
	padding-bottom:100px;
}
#fondo {
    background-image: url("../img/textura.jpg");
	background-repeat:no-repeat;
	background-size: cover;
	background-position:center;
    display: block;
	padding-top:80px;
	padding-bottom:80px;
	text-align:center;
}

#fondoservicios {
    background-image: url("../img/pileta.jpg");
	background-repeat:no-repeat;
	background-size: cover;
	background-position: bottom;
    display: block;
	min-height:600px;

}

.card{  border-radius: 2em;}
.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
  display: block;
}
header {
  position: relative;
  background-color: black;
  height: 75vh;
  min-height: 25rem;
  width: 100%;
  overflow: hidden;
}

header video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: 0;
  -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

header .container {
  position: relative;
  z-index: 2;
}

header .overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: black;
  opacity: 0.4;
  z-index: 1;
}

@media (pointer: coarse) and (hover: none) {
  header {
    background: url('../gemma.mp4') black no-repeat center center scroll;
  }
}