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


.btn-drop{
	font-family: 'Work Sans', sans-serif;
	font-weight: 400;
	color:#323031;
	font-size:18px;
}
.btn-drop:hover{
	background-color: transparent !important;
	color:#54bccd;
}
.navbar .nav > li.dropdown.open.active > a:hover, 
.navbar .nav > li.dropdown.open > a
{
   color: #fff;
   background-color: #54bccd;
}

.navbar-nav > li{ padding-left:25px;  padding-right:15px; margin-top: 10px; margin-bottom: 10px;}
.navbar-nav > li > .dropdown-menu { background-color:#00AABC;}
.fondo-nav{background-color: #00AABC; padding-top:10px; padding-bottom:10px;}
.nav>li>a:hover, .nav>li>a:focus, .nav>li>a:active {background-color: transparent !important;}
#rayitas{background-image:url(../img/rayitas.jpg); background-repeat:repeat-x; padding-top:25px; padding-bottom:25px;}
.fondo-grisoscurotop{background-color: #414042; padding-bottom: 5px; padding-top: 5px;}
.fondo-footer{background-color: #404041; padding-bottom: 20px; padding-top: 20px;}
.espacio{padding-top:50px; padding-bottom:50px;}
.fondo-multiply{background: rgb(104, 10, 22); opacity:.8; padding:30px;}
.fondo-turquesa{background-color: #00AABC; padding-bottom: 50px; padding-top: 50px;}
.turquesa{background-color: #00AABC; padding-bottom: 5px; padding-top: 5px;}
.rojo{background-color: #D71921; padding-bottom: 5px; padding-top: 5px;}
.row:before, .row:after {display: none !important;}

.celeste-bold{
	font-family: 'Work Sans', sans-serif;
	font-weight: 700;
	color: #00AABC;
}
.celeste-regular{
	font-family: 'Work Sans', sans-serif;
	font-weight: 400;
	color: #00AABC;
}
.celeste-regular a{
	color: #00AABC;
}

.gris-parrafos{
	font-family: 'Work Sans', sans-serif;
	font-weight: 400;
	color: #323031;
	line-height:1.3em;
}	
.gris-regular-small{
	font-family: 'Work Sans', sans-serif;
	font-weight: 400;
	color: #323031;
	font-size: 16px;
}
.gris-regular{
	font-family: 'Work Sans', sans-serif;
	font-weight: 400;
	color: #323031;
}	
.gris-regular a{
	color: #323031;
}

.gris-bold-exp{
	font-family: 'Work Sans', sans-serif;
	font-weight: 900;
	color: #323031;
	letter-spacing: 0.04em;
	font-size:15px;
}
.gris-bold-exp a{
	color: #323031;
}
.gris-regular-exp{
	font-family: 'Work Sans', sans-serif;
	font-weight: 300;
	color: #323031;
	letter-spacing: 0.04em;
}
.gris-regular-exp a{
	color: #323031;
}
.gris-listas{
	font-family: 'Work Sans', sans-serif;
	font-weight: 400;
	color: #323031;
	line-height:1.8em;

}
.gris-oscuro-bold{
	font-family: 'Work Sans', sans-serif;
	font-weight: 900;
	color:#323031;
}

.blanco-bold{
	font-family: 'Work Sans', sans-serif;
	font-weight: 900;
	color: #FFFFFF;
	letter-spacing: 0.04em;
}
.blanco-small{
	font-family: 'Work Sans', sans-serif;
	font-weight: 400;
	color: #999;
	font-size:12px;
	line-height: 18px;}

.blanco-light-exp-sombra{
	font-family: 'Work Sans', sans-serif;
	font-weight: 300;
	color:#FFF;
	letter-spacing: 0.15em;
	text-shadow:0 0 5px rgba(0,0,0, 0.5);
}
.blanco-light-exp a{
	color:#FFF;
}
.blanco-light-exp{
	font-family: 'Work Sans', sans-serif;
	font-weight: 300;
	color:#FFF;
	letter-spacing: 0.15em;
}
.blanco-light{
	font-family: 'Work Sans', sans-serif;
	font-weight: 300;
	color:#FFF;
}
.blanco-light a{
	color:#FFF;
}
.blanco-light-sombra{
	font-family: 'Work Sans', sans-serif;
	font-weight: 300;
	color:#FFF;
	text-shadow:0 0 5px rgba(0,0,0, 0.5);
}
.blanco-light-sombra a{
	color:#FFF;
}
.blanco-xbold-sombra{
	font-family: 'Work Sans', sans-serif;
	font-weight: 900;
	color:#FFF;
	text-shadow:0 0 5px rgba(0,0,0, 0.5);
}
.blanco-sombra{
	font-family: 'Work Sans', sans-serif;
	font-weight: 400;
	color:#FFF;
	text-shadow:0 0 5px rgba(0,0,0, 0.5);
}
.blanco{
	font-family: 'Work Sans', sans-serif;
	font-weight: 400;
	color:#FFF;
}
.blanco a{
	color:#FFF;
}
.divider-fix{
	height: 1px;
	margin: 1px 0;
	background-color: #FFF;
}

.divider-gris{
	height: 1px;
	margin: 15px 0;
	background-color: #666;
	max-width:700px;
}
.divider-blanco{
	height: 1px;
	margin: 0px 0;
	background-color: #FFF;
}
.divider-rojo{
	background-color:#D71921;
	height: 10px;
	left:0;
	margin: 10px 0px 10px 0px;
	position: relative;
	width:90%;
	max-width: 120px;
}
.boton-destacado-whatsapp{
	display:inline-block;
	font-family: 'Work Sans', sans-serif;
	font-weight:400;
	font-size: 14px;
	padding: 8px 10px;
	border-radius:15px;
	margin-top: 15px;
	margin-bottom:15px;
	border: solid 1px #fff;
	color:#fff;
	background-color:#70BE44;
}
.boton-destacado-whatsapp a{
	color:#fff;
}
.boton-destacado-whatsapp:hover{
	background-color:#558E2F;
}
.boton-destacado-turnos{
	display:inline-block;
	font-family: 'Work Sans', sans-serif;
	font-weight:400;
	font-size: 14px;
	padding: 8px 10px;
	border-radius:15px;
	margin-top: 15px;
	margin-bottom:15px;
	border: solid 1px #fff;
	color:#fff;
	background-color:#00AABC;
}
.boton-destacado-turnos a{
	color:#fff;
}
.boton-destacado-turnos:hover{
	background-color:#007EBC;
}
.boton-destacado{
	display:inline-block;
	font-family: 'Work Sans', sans-serif;
	font-weight:400;
	padding: 15px 30px;
	border-radius:25px;
	margin-top: 10px;
	color:#fff;
	background-color:#54bccd;
}
.boton-destacado a{
	color:#fff;
}
.boton-destacado:hover{
	background-color:#c8252b;
}
.boton-destacado2{
    font-family: 'Work Sans', sans-serif;
	font-weight:700;
	font-size:14px;
	padding: 5px 15px;
	border-radius:15px;
	color:#fff;
	background-color: #8ACDD8;
	margin-bottom:5px;
}
.boton-destacado2 a{
	color:#fff;
}
.boton-destacado2:hover{
	background-color:#ABCA87;
}
.tag{
	outline: 0;
	display:inline-block;
	position: absolute;
	left:0;
	z-index: 100;
}
.navbar {
padding: 0px 0px 0px 0px;
}
.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;}
@media screen and (max-width: 768px) {
#heroxs{display:block; background-repeat:no-repeat;}
#herosm{display:none;}
#heromd{display:none;}
#herolg{display:none;}
.tag2{ 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;
}
.margintopmobile{ margin-top:15px;}
.big-margin-white{margin-top:50px; margin-bottom:50px;}
.medium-margin-white{margin-top:30px; margin-bottom:30px;}
.small-margin{margin-top:20px; margin-bottom:20px;}
.fuente-res{font-size:34px;}
.map iframe{width:100%; height:450px; display:block;}
#fondoparallaxhome {
    background-image: url(../img/fondoparallax1.jpg);
	background-attachment: cover;
	background-repeat:no-repeat;
	background-position:center;
    display: block;
	padding-top:100px;
	padding-bottom:100px;
}
}
@media screen and (min-width: 769px) and (max-width: 995px) {
#fondoparallaxhome {display:none;}
#fondoparallax2 {display:none;}
#herosm{display:block; background-repeat:no-repeat;}
#heroxs{display:none;}
#heromd{display:none;}
#herolg{display:none;}
.switch-text{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;
}
.bordeblancofino{ border-left: 1px solid #fff; padding-left: 50px;}
.margintopmobile{ margin-top:15px;}
.tag2{ display:none;}
.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{margin-top:60px; margin-bottom:60px;}
.small-margin{margin-top:50px; margin-bottom:50px;}
.map iframe{width:100%; height:550px; display:block;}
}
@media screen and (min-width: 996px) and (max-width: 1440px) {
#heromd{display:block; background-repeat:no-repeat;}
#heroxs{display:none;}
#herosm{display:none;}
#herolg{display:none;}
#fondoparallax2 {display:none;}
#fondoparallaxhome {display:none;}
.switch-text{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;
}
	.bordeblancofino{ border-left: 1px solid #fff; padding-left: 50px;}
.medium-margin-white{margin-top:100px; margin-bottom:100px;}
.big-margin-white{margin-top:150px; margin-bottom:150px;}
.small-margin{margin-top:80px; margin-bottom:80px;}
.margen-izqder-1{ margin-left:80px; margin-right:80px;}
.margen-izqder-2{ margin-left:70px; margin-right:70px;}
.tag2{ display:none;}
.map iframe{width:100%; height:550px; display:block;}
}
@media screen and (min-width: 1441px) and (max-width: 1920px) {
.damero{background-image:url(../img/damero.png); background-repeat: repeat-x; padding-top: 80px; padding-bottom:80px;}
#herolg{display:block; background-repeat:no-repeat;}
#heroxs{display:none;}
#heromd{display:none;}
#herosm{display:none;}
#fondoparallaxhome {display:none;}
#fondoparallax2 {display:none;}

.switch-text{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;
}
.intranet{text-align:right;}
	.bordeblancofino{ border-left: 1px solid #fff; padding-left: 50px;}
	.bordedescanso{ border-left: 1px solid #6C91A2; padding-left: 50px;}
.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{margin-top:120px; margin-bottom:120px;}
.small-margin{margin-top:80px; margin-bottom:80px;}
.tag2{
	display:inline-block;
	position: absolute;
	right:150px;
	z-index: 100;
}

.map iframe{width:100%; height:550px; display:block;}
}
.form-control::-webkit-input-placeholder {
  color: #002B60;
}
.input-style{
	background-color:#BBCEE1;	
	color:#002B60;
	padding:30px;
	border: 0; 
	outline: 0;
	width:100%;
	border-radius:0px;
}
.input-style-second{
	background-color:#BBCEE1;	
	color:#002B60;
	padding:30px;
	border: 0; 
	outline: 0;
	width:100%;
	border-radius:0px;
}

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

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


.parallax {
  /* The image used */
  background-image: url("../img/fondoparallax1.jpg");

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

  /* 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%)
}
#fondo1 {
    background-image: url("../img/fondo2.jpg");
	background-repeat:no-repeat;
	background-size: cover;
	background-position:center;
    display: block;
	padding-top:80px;
	padding-bottom:80px;
}
#fondo2 {
    background-image: url("../img/fondo3.jpg");
	background-repeat:no-repeat;
	background-size: cover;
	background-position:center;
    display: block;
	padding-top:80px;
	padding-bottom:80px;
}
#fondo3 {
    background-image: url("../img/fondo4.jpg");
	background-repeat:no-repeat;
	background-size: cover;
	background-position:center;
    display: block;
	padding-top:80px;
	padding-bottom:80px;
}
.card{  border-radius: 2em;}

header {
  position: relative;
  background-color: black;
  height: 90vh;
  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.2;
  z-index: 1;
}

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