Hotel Royal Pedregal
Family & Business Friendly Hotel in Mexico City
Banquets
We take care of everything to make your most important moments occasions to remember. For civil and religious weddings, anniversaries and special…
Read more 
Places of Interest
The amazing location of Hotel Royal Pedregal on Mexico City’s Periferico Sur puts us close to some top cultural places and attractions.
Read more 
Visual Gallery
Explore the Royal Pedregal Hotel facilities and services today. Visit this photo gallery and visualize our Mexico City hotel.
Read more /* The Modal (background) */
.upScreen {
display: none; /* Hidden by default */
position: fixed; /* Stay in place */
z-index: 100; /* Sit on top */
left: 0;
top: 0;
width: 100%; /* Full width */
height: 100%; /* Full height */
overflow: auto; /* Enable scroll if needed */
background-color: rgb(0,0,0); /* Fallback color */
background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
} .upScreen-content img {
max-width: 100%;
margin: 0;
height: 100%;
width: 100%;
} /* The Close Button */
.close {
color: #000;
float: right;
font-size: 28px;
font-weight: bold;
} .close:hover,
.close:focus {
color: black;
text-decoration: none;
cursor: pointer;
}
/* Modal Header */
.upScreen-header {
padding: 2px 16px;
background-color: transparent;
color: white;
} /* Modal Body */
.upScreen-body {padding: 2px 16px;} /* Modal Footer */
.upScreen-footer {
padding: 2px 16px;
background-color: transparent;
color: white;
} /* Modal Content */
.upScreen-content {
position: relative;
background-color: #fefefe;
margin: auto;
margin-top: 20%;
padding: 0;
border: 1px solid #888;
width: 80%;
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
-webkit-animation-name: animatetop;
-webkit-animation-duration: 0.4s;
animation-name: animatetop;
animation-duration: 0.4s
}
/* Add Animation */
@-webkit-keyframes animatetop {
from {top: -300px; opacity: 0}
to {top: 0; opacity: 1}
} @keyframes animatetop {
from {top: -300px; opacity: 0}
to {top: 0; opacity: 1}
}
/* Medias */
@media screen and (min-width: 550px) {
.upScreen-content {
width: 30%;
margin-top: 5%;
}
} .module {
position: relative; }
.module:nth-child(even) {
margin-right: 0;
} .come-in {
transform: translateY(250px);
animation: come-in 0.8s ease forwards;
} .come-in:nth-child(odd) {
animation-duration: 0.6s;
} .already-visible {
transform: translateY(0);
animation: none;
} @keyframes come-in {
to {
transform: translateY(0);
}
}
×
var popUp = document.getElementById('ScreenModal'), span = document.getElementById('iClose'), wx = window.outerWidth, hx = window.outerHeight;
var wwx = window.matchMedia("(max-width: 767px)");
span.onclick = function() { popUp.style.display = "none"; }; window.onclick = function(event) {
if (event.target == popUp) { popUp.style.display = "none"; }
};
if(wwx.matches) {
popUp.style.display = "block";
checkCookie();
} else { popUp.style.display = "none"; } function setCookie(cname, cvalue, exdays) {
var d = new Date();
d.setTime(d.getTime() + (exdays * 24 * 60 * 60 * 1000));
// exday * 24 * 60 * 60 * 1000
var expires = "expires="+d.toUTCString();
document.cookie = cname + "=" + cvalue + ";" + expires + ";path=/";
}; function getCookie(cname) {
var name = cname + "=";
var ca = document.cookie.split(';');
for(var i = 0; i < ca.length; i++) {
var c = ca[i];
while (c.charAt(0) == ' ') {
c = c.substring(1);
}
if (c.indexOf(name) == 0) {
return c.substring(name.length, c.length);
}
}
return "";
}; function checkCookie() {
var user = getCookie("username");
if (user != "") {
popUp.style.display = "none";
console.log(user);
} else {
user = "strModal";
if (user != "" && user != null) {
setCookie("username", user, 1);
}
}
}; /*
window.onresize = function (event) {
var w = window.outerWidth, h = window.outerHeight;
(w < 768) ? popUp.style.display = "block" : popUp.style.display = "none";
};
*/ (function($) { /**
* Copyright 2012, Digital Fusion
* Licensed under the MIT license.
* https://teamdf.com/jquery-plugins/license/
*
* @author Sam Sehnert
* @desc A small plugin that checks whether elements are within
* the user visible viewport of a web browser.
* only accounts for vertical position, not horizontal.
*/ $.fn.visible = function(partial) {
var $t = $(this),
$w = $(window),
viewTop = $w.scrollTop(),
viewBottom = viewTop + $w.height(),
_top = $t.offset().top,
_bottom = _top + $t.height(),
compareTop = partial === true ? _bottom : _top,
compareBottom = partial === true ? _top : _bottom;
return ((compareBottom = viewTop)); };
})(jQuery); var win = $(window); var allMods = $(".module"); allMods.each(function(i, el) {
var el = $(el);
if (el.visible(true)) {
el.addClass("already-visible");
}
}); win.scroll(function(event) {
allMods.each(function(i, el) {
var el = $(el);
if (el.visible(true)) {
el.addClass("come-in");
}
});
});
/*
Oculta del primer slide la clase .textoSlideshow
*/
(function () {
document.addEventListener('DOMContentLoaded' , function() {
const slideshow = $('#carouselHome')
const items = $('#carouselHome .item')
const button = $('.carousel-control.left')
const classChange = $('.textoSlideshow')
if(items[0].classList.contains('active'))
document.querySelector(".textoSlideshow").style.display = "none";
slideshow.on('slide.bs.carousel', function (e){
if(items[8].classList.contains('active') && e.direction === 'left' || items[1].classList.contains('active') && e.direction === 'right' )
classChange.css({
display: 'none'
})
else
classChange.css({
display: 'block'
})
})
})
})()
