<html><head></head><body>
html {
box-sizing: border-box;
}
*,
*:before,
*:after {
box-sizing: inherit;
}
.image-circle {
min-width: 250px;
max-width: 450px;
border-radius: 50%;
background-color: #E5E5E5;
text-align: center;
padding: 10px 10px 10px 10px;
overflow: hidden;
}
.page-container {
background-color: #FFFFFF;
min-height: auto;
}
.flex-center-container {
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
}
.circle-image {
height: -webkit-fill-available;
width: -webkit-fill-available;
}
.font-bold {
font-family: 'Montserrat-bold';
font-style: normal;
font-weight: lighter;
font-size: 22px;
line-height: 27px;
color: #00C83C;
margin-bottom: 1em;
}
.font-normal {
font-family: 'Montserrat';
font-style: normal;
font-weight: lighter;
font-size: 22px;
line-height: 27px;
color: #00C83C;
margin-bottom: 1em;
}
.fc-green {
color: #00C83C;
}
.fc-black {
color: #000000;
}
.fc-gray {
color: #E5E5E5;
}
.fc-white {
color: #FFFFFF;
}
.bg-green {
background-color: #00C83C;
}
.bg-black {
background-color: #000000;
}
.bg-gray {
background-color: #E5E5E5;
}
.bg-white {
background-color: #FFFFFF;
}
.font-gt {
font-size: 50px;
line-height: 60px;
}
.font-xl {
font-size: 30px;
line-height: 40px;
}
.font-lg {
font-size: 26px;
line-height: 34px;
}
.font-md {
font-size: 22px;
line-height: 28px;
}
.font-sm {
font-size: 18px;
line-height: 24px;
}
.font-xs {
font-size: 16px;
line-height: 18px;
}
@media (min-width: 576px) {
.image-circle {
max-width: 250px !important;
}
.page-container {
min-height: 370px;
}
}
@media (min-width: 768px) {
.image-circle {
max-width: 250px !important;
}
.page-container {
min-height: 470px;
}
}
@media (min-width: 992px) {
.image-circle {
max-width: 400px !important;
}
.page-container {
min-height: 470px;
}
}
@media (min-width: 1200px) {
.image-circle {
max-width: 450px !important;
}
.page-container {
min-height: 600px;
}
}
Error 404
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<div class="container-flex">
<div class="row flex-fill" style="min-height: calc(100vh - 290px);">
<div class="d-none col-12 d-lg-block col-lg-1 order-0 order-md-0"></div>
<div class="col-12 col-lg-5 order-2 order-lg-1 p-0 pt-3 pb-3 flex-center-container">
<div class="image-circle">
<img src="/documents/Guest/Sammy" class="circle-image">
</div>
</div><style>
html {
box-sizing: border-box;
}
*,
*:before,
*:after {
box-sizing: inherit;
}
.image-circle {
min-width: 250px;
max-width: 450px;
border-radius: 50%;
background-color: #E5E5E5;
text-align: center;
padding: 10px 10px 10px 10px;
overflow: hidden;
}
.page-container {
background-color: #FFFFFF;
min-height: auto;
}
.flex-center-container {
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
}
.circle-image {
height: -webkit-fill-available;
width: -webkit-fill-available;
}
.font-bold {
font-family: 'Montserrat-bold';
font-style: normal;
font-weight: lighter;
font-size: 22px;
line-height: 27px;
color: #00C83C;
margin-bottom: 1em;
}
.font-normal {
font-family: 'Montserrat';
font-style: normal;
font-weight: lighter;
font-size: 22px;
line-height: 27px;
color: #00C83C;
margin-bottom: 1em;
}
.fc-green {
color: #00C83C;
}
.fc-black {
color: #000000;
}
.fc-gray {
color: #E5E5E5;
}
.fc-white {
color: #FFFFFF;
}
.bg-green {
background-color: #00C83C;
}
.bg-black {
background-color: #000000;
}
.bg-gray {
background-color: #E5E5E5;
}
.bg-white {
background-color: #FFFFFF;
}
.font-gt {
font-size: 50px;
line-height: 60px;
}
.font-xl {
font-size: 30px;
line-height: 40px;
}
.font-lg {
font-size: 26px;
line-height: 34px;
}
.font-md {
font-size: 22px;
line-height: 28px;
}
.font-sm {
font-size: 18px;
line-height: 24px;
}
.font-xs {
font-size: 16px;
line-height: 18px;
}
@media (min-width: 576px) {
.image-circle {
max-width: 250px !important;
}
.page-container {
min-height: 370px;
}
}
@media (min-width: 768px) {
.image-circle {
max-width: 250px !important;
}
.page-container {
min-height: 470px;
}
}
@media (min-width: 992px) {
.image-circle {
max-width: 400px !important;
}
.page-container {
min-height: 470px;
}
}
@media (min-width: 1200px) {
.image-circle {
max-width: 450px !important;
}
.page-container {
min-height: 600px;
}
}
</style>
Error 404</div>
<div class="col-12 col-md-9 col-lg-8 col-xl-7 fc-black font-gt font-normal mb-3">¡Al parecer esta página ya no existe!</div>
<div class="col-12 col-md-9 col-lg-8 col-xl-7 fc-black font-lg font-normal mb-3">Regresa al inicio y te ayudaremos a encontrar lo que buscas.</div>
<div class="col-10 col-md-7 col-lg-6 col-xl-5 mb-3">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><button class="col-12 border-0 bg-green fc-white font-md font-normal text-center p-3 m-0" onclick="location.href='https://staging.skandia.com.mx'" type="button" style="border-radius: 40px;">
Ir al inicio</button>
</div>
</div>
<div class="row flex-fill" style="min-height: calc(100vh - 290px);"><div class="d-none col-12 col-md-6 d-lg-block col-lg-1 order-3">
<div class="d-none col-12 d-lg-block col-lg-1 order-0 order-md-0"></div>
<div class="col-12 col-lg-5 order-2 order-lg-1 p-0 pt-3 pb-3 flex-center-container">
<div class="image-circle">
<img src="/documents/Guest/Sammy" class="circle-image">
</div>
</div>
</div>
<style>
.container-flex{
min-height: calc(100vh - 290px);
display: flex !important;
align-items: end !important;
justify-content: right !important;
box-sizing: border-box;
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: cover;
background-color: #FFFFFF;
}
.portlet{
margin: 0px !important;
}
.portlet-content{
opacity: 1.0 !important;
border: none !important;
padding: 0px !important;
min-height: 120px;
}
.portlet-header{
margin: 0px !important;
}
</style></div>
<div class="col-12 col-lg-5 order-1 order-lg-2 pb-3 flex-center-container">
<div>
<div class="col-12 col-md-9 col-lg-8 col-xl-7 fc-green font-md font-bold mb-3">Error 404</div>
<div class="col-12 col-md-9 col-lg-8 col-xl-7 fc-black font-gt font-normal mb-3">¡Al parecer esta página ya no existe!</div>
<div class="col-12 col-md-9 col-lg-8 col-xl-7 fc-black font-lg font-normal mb-3">Regresa al inicio y te ayudaremos a encontrar lo que buscas.</div>
<div class="col-10 col-md-7 col-lg-6 col-xl-5 mb-3"><button class="col-12 border-0 bg-green fc-white font-md font-normal text-center p-3 m-0" onclick="location.href='https://staging.skandia.com.mx'" type="button" style="border-radius: 40px;">Ir al inicio</button> </div>
</div>
</div>
<div class="d-none col-12 col-md-6 d-lg-block col-lg-1 order-3"></div>
</div>
</div>
<style>
.container-flex{
min-height: calc(100vh - 290px);
display: flex !important;
align-items: end !important;
justify-content: right !important;
box-sizing: border-box;
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: cover;
background-color: #FFFFFF;
}
.portlet{
margin: 0px !important;
}
.portlet-content{
opacity: 1.0 !important;
border: none !important;
padding: 0px !important;
min-height: 120px;
}
.portlet-header{
margin: 0px !important;
}
</style></body></html> 