@charset "utf-8";
/* CSS Document */




/* =================================================
				HELPER  
==================================================*/
.marginL0{  margin-left: 0 !important; }
.marginL5{  margin-left: 5px !important; } 
.marginL10{ margin-left: 10px !important; }
.marginL15{ margin-left: 15px !important; }
.marginL20{ margin-left: 20px !important; }
.marginL15{ margin-left: 15px !important; }
.marginL20{ margin-left: 20px !important; }
.marginL25{ margin-left: 25px !important; }
.marginL30{ margin-left: 30px !important; }
.marginL35{ margin-left: 35px !important; }
.marginL40{ margin-left: 40px !important; }
.marginL45{ margin-left: 45px !important; }
.marginL50{ margin-left: 50px !important; }

.marginT0{  margin-top: 0 !important; }
.marginT5{  margin-top: 5px !important; } 
.marginT10{ margin-top: 10px !important; }
.marginT15{ margin-top: 15px !important; }
.marginT20{ margin-top: 20px !important; }
.marginT15{ margin-top: 15px !important; }
.marginT20{ margin-top: 20px !important; }
.marginT25{ margin-top: 25px !important; }
.marginT30{ margin-top: 30px !important; }
.marginT35{ margin-top: 35px !important; }
.marginT40{ margin-top: 40px !important; }
.marginT45{ margin-top: 45px !important; }
.marginT50{ margin-top: 50px !important; }

.marginR0{  margin-right: 0 !important; }
.marginR5{  margin-right: 5px !important; } 
.marginR10{ margin-right: 10px !important; }
.marginR15{ margin-right: 15px !important; }
.marginR20{ margin-right: 20px !important; }
.marginR15{ margin-right: 15px !important; }
.marginR20{ margin-right: 20px !important; }
.marginR25{ margin-right: 25px !important; }
.marginR30{ margin-right: 30px !important; }
.marginR35{ margin-right: 35px !important; }
.marginR40{ margin-right: 40px !important; }
.marginR45{ margin-right: 45px !important; }
.marginR50{ margin-right: 50px !important; }

.marginB0{  margin-bottom: 0 !important; }
.marginB5{  margin-bottom: 5px !important; } 
.marginB10{ margin-bottom: 10px !important; }
.marginB15{ margin-bottom: 15px !important; }
.marginB20{ margin-bottom: 20px !important; }
.marginB15{ margin-bottom: 15px !important; }
.marginB20{ margin-bottom: 20px !important; }
.marginB25{ margin-bottom: 25px !important; }
.marginB30{ margin-bottom: 30px !important; }
.marginB35{ margin-bottom: 35px !important; }
.marginB40{ margin-bottom: 40px !important; }
.marginB45{ margin-bottom: 45px !important; }
.marginB50{ margin-bottom: 50px !important; }


.paddingL0{  padding-left: 0 !important; }
.paddingL5{  padding-left: 5px !important; } 
.paddingL10{ padding-left: 10px !important; }
.paddingL15{ padding-left: 15px !important; }
.paddingL20{ padding-left: 20px !important; }
.paddingL15{ padding-left: 15px !important; }
.paddingL20{ padding-left: 20px !important; }
.paddingL25{ padding-left: 25px !important; }
.paddingL30{ padding-left: 30px !important; }
.paddingL35{ padding-left: 35px !important; }
.paddingL40{ padding-left: 40px !important; }
.paddingL45{ padding-left: 45px !important; }
.paddingL50{ padding-left: 50px !important; }

.paddingT0{  padding-top: 0 !important; }
.paddingT5{  padding-top: 5px !important; } 
.paddingT10{ padding-top: 10px !important; }
.paddingT15{ padding-top: 15px !important; }
.paddingT20{ padding-top: 20px !important; }
.paddingT15{ padding-top: 15px !important; }
.paddingT20{ padding-top: 20px !important; }
.paddingT25{ padding-top: 25px !important; }
.paddingT30{ padding-top: 30px !important; }
.paddingT35{ padding-top: 35px !important; }
.paddingT40{ padding-top: 40px !important; }
.paddingT45{ padding-top: 45px !important; }
.paddingT50{ padding-top: 50px !important; }

.paddingR0{  padding-right: 0 !important; }
.paddingR5{  padding-right: 5px !important; } 
.paddingR10{ padding-right: 10px !important; }
.paddingR15{ padding-right: 15px !important; }
.paddingR20{ padding-right: 20px !important; }
.paddingR15{ padding-right: 15px !important; }
.paddingR20{ padding-right: 20px !important; }
.paddingR25{ padding-right: 25px !important; }
.paddingR30{ padding-right: 30px !important; }
.paddingR35{ padding-right: 35px !important; }
.paddingR40{ padding-right: 40px !important; }
.paddingR45{ padding-right: 45px !important; }
.paddingR50{ padding-right: 50px !important; }

.paddingB0{  padding-bottom: 0 !important; }
.paddingB5{  padding-bottom: 5px !important; } 
.paddingB10{ padding-bottom: 10px !important; }
.paddingB15{ padding-bottom: 15px !important; }
.paddingB20{ padding-bottom: 20px !important; }
.paddingB15{ padding-bottom: 15px !important; }
.paddingB20{ padding-bottom: 20px !important; }
.paddingB25{ padding-bottom: 25px !important; }
.paddingB30{ padding-bottom: 30px !important; }
.paddingB35{ padding-bottom: 35px !important; }
.paddingB40{ padding-bottom: 40px !important; }
.paddingB45{ padding-bottom: 45px !important; }
.paddingB50{ padding-bottom: 50px !important; }

.pulsable{ cursor: pointer; }

/* DECORATIVO */ 

ul.bonito {
  float: none;
  padding-left: 25px;
}
ul.bonito > li {
  list-style: outside none none;
  min-height: auto;
  padding-bottom: 15px;
}
ul.bonito li::before {
  content: "?";
  display: inline-block;
  font: 12px/1 FontAwesome;
  margin-left: -25px;
  margin-right: 10px;
  text-indent: 0;
}
ol.bonito {
  counter-reset: li-counter;
  list-style-type: none;
  margin: 0 0 0 4em;
  padding: 0;
}
ol.bonito li::before {
  color: #464646;
  content: counter(li-counter, decimal);
  counter-increment: li-counter;
  font-size: 3em;
  font-weight: 700;
  left: -95px;
  line-height: 1;
  overflow: hidden;
  position: absolute;
  text-align: right;
  top: 0;
  width: 80px;
}
ol.bonito li {
  background-color: #f8f8f8;
  border-left: 2px solid #ccc;
  margin-bottom: 30px;
  padding: 1em;
  position: relative;
}

/* grilla de 5 columnas */ 

.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15{
	position: relative;
	min-height: 1px;
	padding-right: 10px;
	padding-left: 10px;
}
.col-xs-15{
	width: 20%;
	float: left;
}
@media (min-width: 768px){
	.col-sm-15{
		width: 20%;
		float: left;
	}
}
@media (min-width: 992px){
	.col-md-15 {
		width: 20%;
		float: left;
	}
}
@media (min-width: 1200px){
	.col-lg-15{
		width: 20%;
		float: left;
	}
}


/* videos responsive en iframes */
.video-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.video-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

.video-responsive video{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

.rotulo_largo{
	overflow: hidden;
	white-space: nowrap; 
	text-overflow: ellipsis;
}



@font-face {
    font-family: Noto;
    src: url("NotoSans-Regular.ttf");
}

@font-face {
    font-family: Quattro;
    src: url("Quattrocento-Regular.ttf");
}


/*@import url(https://fonts.googleapis.com/css?family=Quattrocento:400,700);
*/
/*body{
	font-family: "Quattro";
	font-size: 17px;
    font-weight: 400;
    letter-spacing: 0.6px;
    line-height: 19px;
}
*/
.slider-banner {
  background-color: #363636;
  color: #fff;
  padding: 35px 0 50px 0;
}
.slider-banner .title {
  position: relative;
}
.slider-banner .title h2,
.slider-banner .title .h2 {
  font-size: 34px;
  line-height: 39px;
  margin-bottom: 0;
  margin-top: 0;
  font-weight:700;
  letter-spacing:0.7px;
}
.slider-banner .title .h3 {
  font-size: 26px;
  letter-spacing:1px;
}
.texto-sombra{
	text-shadow: 1px 1px 30px rgba(0,0,0,1);
}
.slider-banner .title .subtitle {
  opacity: 0.8;
}
.slider-banner .title i {
  bottom: 0;
  color: #ff6f05;
  font-size: 30px;
  height: 30px;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
}
.form-slider-wrapper {
  background-color: #131c24;
  display: table;
  height: auto;
  opacity: 0.98;
  padding: 30px;
  margin: 10px auto;
  width: 360px;
  z-index: 10;
}
.transparente {
  background: rgba(0,0,0,0.7) !important;
}
.form-slider-wrapper h3::after {
  display: none;
}
h3::after {
  background-color: #bcbcbc;
  bottom: -10px;
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  width: 15px;
  z-index: 0;
}
.form-slider-wrapper h3 {
  margin: 0;
}
.form-slider-wrapper figure {
  opacity: 0.6;
}
.h1, h1 {
  font-size: 36px;
  margin-top: 0;
}




.amarillo-corp,
.amarillo_corp{
	color:#deb91e!important;
}

.header{
	padding:15px 0;
}
.header-tel{
	font-size:24px;
	padding-top:15px;
}
.header-tel a{
	color:#fff;
}
.header-tel a:hover{
	text-decoration:none;
}

.header-logo{
	text-align:center;
}

.fondo-azul-oscuro{
	background-color:#131c24;
}
.fondo-header{
	background: url('../images/fondo.jpg') no-repeat center center #fff;
	background-size:cover;
}

.h1 i.fa{
	font-size:50px;
}

.form-slider-wrapper .form-group{
	margin-bottom: 5px;
    padding-bottom: 5px;
    padding-top: 5px;
}

.flechas{
	float:right;
	position:relative;
	font-size:25px;
	color:#888;
	padding:40px 0;
}
.flechas .b1{
	float: right;
    letter-spacing: -1px;
    margin-right: 70px;
}
.flechas .b2{
	float:right;
	margin-right:50px;
    letter-spacing: -1px;
}
.flechas .flecha1{
	position: absolute;
    top: -70px;
    left: 80px;
}
.flechas .flecha2{
	position: absolute;
    bottom: -85px;
    right: 110px;
    transform: rotate(152deg);
}

.fondo-azul-booking{
	background-color:#1e3e79;
}

.blanco{
	color:#fff;
}

.foto-booking{
	position:relative;
}
.foto-booking img.pc{
	position:absolute;
	bottom: -40px;
    right: 14%;
}

.marginT100{
	margin-top:70px;
}

.boton_rojo{
	padding:25px 30px;
	text-align:center;
	margin:0 auto;
	display:inline-block;
	background-color:#f6592c;
	color:#fff;
	transition:all 0.4s ease-in;
	font-weight:700;
}
.boton_rojo:hover{
	background-color:#f6822c;
	color:#fff;
	text-decoration:none;
}

.boton_negro{
	padding:25px 30px;
	text-align:center;
	margin:0 auto;
	display:inline-block;
	background-color:#131c24;
	color:#fff;
	transition:all 0.4s ease-in;
	font-weight:700;
}
.boton_negro:hover{
	background-color:#192930;
	color:#fff;
	text-decoration:none;
}

.fondo-amarillo{
	background-color:#b59309;
}

.fuente-grande{
	font-size:50px;
}

.relativo{
	position:relative;
}
.boton_play{
	position:absolute;
	top: 25%;
    right: 44%;
	font-size:120px;
	color: #999;
	text-align:center;
	z-index:99;
	cursor:pointer;
}

.dib{
	display:inline-block;
}

.banner1{
	border-right: 2px solid #c9c9c9;
}
.banner2{
	padding-top:50px;
}

footer a,footer a:hover{color:#fff;text-decoration:none;}

.link_telefono{
	border:solid 1px #DEB91E;
	background-color:#DEB91E;
	padding: 7px 13px;
}
.link_telefono i{
	color:#000;
}
.link_telefono:hover{
	color:#000!important;
}






@media (max-width: 767px){
/* xs */
	body{
		text-align:center;
		overflow-x:hidden;
	}
	
	.form-slider-wrapper {
	  background-color: #232323;
	  bottom: auto;
	  display: table!important;
	  height: auto;
	  opacity: 0.98;
	  padding: 20px 15px 15px;
	  position: relative;
	  width: 100%;
	  z-index: 10;
	  margin-top: 50px;
	}	

	.slider-banner .title h2 {
	  margin-bottom: 0;
	  margin-top: 0;
	  text-align: center;
	}
	.slider-banner .title .subtitle {
	  opacity: 0.8;
	  text-align: center;
	}

	.llamada-whatsapp{
		background-color:#1BD742;
		font-size: 12px;
		color:#fff;
		position:fixed;
		/*bottom:49px;*/
		width:fit-content;
		z-index:9998;
		text-align:center;
		padding:8px 10px;
		font-weight:700;
		bottom:0;
		right: 0
	}
	.llamada-whatsapp a{
		color:#fff;
	}
	.llamada-whatsapp img{
		width:27px;
	}
	
	#at-share-dock2,
	#at-share-dock{
		/*position:absolute!important;*/
		display:none!important;
	}
	
	.flechas,.boton_play,.pc{
		display:none!important;
	}
	#my-video{
		margin-top:40px;
	}
	
	.fuente-grande {
		font-size: 30px;
	}
	
	.header-logo{
		margin-top:25px;
	}
	.btn-naranja, .btn-verde {
		font-size: 18px;
	}
	.paddingL0-xs{
		padding-left:0!important;
	}
	.banner1 {
		border-right: 0;
	}
	.header-tel{
		margin-bottom:15px;
	}
}
@media (min-width: 768px) and (max-width:991px) {
/* sm */
	#at4-share{
		display:none!important;
	}
	.boton_play {
		top: 15%;
		right: 39%;
		font-size: 80px;
	}
	.flechas .flecha2 {
		right: 70px;
	}
	.foto-booking img.pc {
		position: absolute;
		bottom: -40px;
		right: 2%;
		width: 470px;
	}
	
	.fuente-grande {
		font-size: 38px;
	}
	.banner1 {
		border-right: 0;
	}
	 .form-slider-wrapper{
		width:auto;
	}
}
@media (min-width: 992px) and (max-width:1199px) {
/* md */
	.fuente-grande {
		font-size: 41px;
	}
	 .form-slider-wrapper{
		width:auto;
	}
	.foto-booking img.pc {
		right: 7%;
	}
	
	.boton_play{
		right:40%;
	}
	.flechas .flecha1 {
		left: 130px;
	}
}
@media (min-width: 1200px) {
/* lg */

}