@charset "UTF-8";
html,
body,
* {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
@font-face {
font-family: "Bubblegum";
src: url("../fonts/Bubblegum.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
:root {
--primary: #4d2568;
--violet: #6f46ae;
--purple: #ac55ab;
--jade: #007790;
--mint: #82d29a;
--yellow: #f2b224;
--lila: #ae54ad;
}
.text-primary {
color: #4d2568 !important;
}
.primary-t {
color: #9e60a9 !important;
}
.bg-violet {
background: var(--violet);
}
.bg-purple {
background: var(--purple);
}
.bg-jade {
background: var(--jade);
}
.bg-mint {
background: var(--mint);
}
.bg-yellow {
background: var(--yellow);
}
.bg-lila {
background: var(--lila);
}
.row {
margin-left: 0px;
margin-right: 0px;
}
html {
height: 100%;
}
body {
height: 100%;
overflow: hidden;
margin: 0;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
color: #ffffff;
background-color: #000000;
position: relative;
z-index: 1;
}
#control_bar {
background: rgba(0, 0, 0, 0) !important;
border-radius: 30px !important;
padding: 0px 30px !important;
}
#control_bar > * {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: distribute;
justify-content: space-around;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
}
#control_bar > * > div {
position: relative !important;
-webkit-transform: translate(0, 0) !important;
transform: translate(0, 0) !important;
}
:root {
--lightgray: #efefef;
--blue: steelblue;
--white: #fff;
--black: rgba(0, 0, 0, 0.8);
--bounceEasing: cubic-bezier(0.51, 0.92, 0.24, 1.15);
}
/* MODAL
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.modal * {
color: #000;
}
.modal {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 1rem;
background: var(--black);
cursor: pointer;
visibility: hidden;
opacity: 0;
-webkit-transition: all 0.35s ease-in;
transition: all 0.35s ease-in;
}
.modal.is-visible {
visibility: visible;
opacity: 1;
}
.modal-dialog {
position: relative;
max-width: 800px;
max-height: 80vh;
max-height: calc(var(--vh, 1vh) * 80);
border-radius: 5px;
background: var(--white);
overflow: auto;
cursor: default;
}
.modal-dialog > * {
padding: 1rem;
}
.modal-header,
.modal-footer {
background: var(--lightgray);
}
.modal-header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.modal-header .close-modal {
font-size: 1.5rem;
}
.modal p + p {
margin-top: 1rem;
}
.ui-btn-inner.ui-btn-corner-all {
display: none;
}
/* ANIMATIONS
–––––––––––––––––––––––––––––––––––––––––––––––––– */
[data-animation] .modal-dialog {
opacity: 0;
-webkit-transition: all 0.5s var(--bounceEasing);
transition: all 0.5s var(--bounceEasing);
}
[data-animation].is-visible .modal-dialog {
opacity: 1;
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s;
}
[data-animation="slideInOutDown"] .modal-dialog {
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
[data-animation="slideInOutTop"] .modal-dialog {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
[data-animation="slideInOutLeft"] .modal-dialog {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
[data-animation="slideInOutRight"] .modal-dialog {
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
[data-animation="zoomInOut"] .modal-dialog {
-webkit-transform: scale(0.2);
transform: scale(0.2);
}
[data-animation="rotateInOutDown"] .modal-dialog {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-transform: rotate(-1turn);
transform: rotate(-1turn);
}
[data-animation="mixInAnimations"].is-visible .modal-dialog {
-webkit-animation: mixInAnimations 2s 0.2s linear forwards;
animation: mixInAnimations 2s 0.2s linear forwards;
}
[data-animation="slideInOutDown"].is-visible .modal-dialog,
[data-animation="slideInOutTop"].is-visible .modal-dialog,
[data-animation="slideInOutLeft"].is-visible .modal-dialog,
[data-animation="slideInOutRight"].is-visible .modal-dialog,
[data-animation="zoomInOut"].is-visible .modal-dialog,
[data-animation="rotateInOutDown"].is-visible .modal-dialog {
-webkit-transform: none;
transform: none;
}
@-webkit-keyframes mixInAnimations {
0% {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
10% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
20% {
-webkit-transform: rotate(20deg);
transform: rotate(20deg);
}
30% {
-webkit-transform: rotate(-20deg);
transform: rotate(-20deg);
}
40% {
-webkit-transform: rotate(15deg);
transform: rotate(15deg);
}
50% {
-webkit-transform: rotate(-15deg);
transform: rotate(-15deg);
}
60% {
-webkit-transform: rotate(10deg);
transform: rotate(10deg);
}
70% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
80% {
-webkit-transform: rotate(5deg);
transform: rotate(5deg);
}
90% {
-webkit-transform: rotate(-5deg);
transform: rotate(-5deg);
}
100% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
}
@keyframes mixInAnimations {
0% {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
10% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
20% {
-webkit-transform: rotate(20deg);
transform: rotate(20deg);
}
30% {
-webkit-transform: rotate(-20deg);
transform: rotate(-20deg);
}
40% {
-webkit-transform: rotate(15deg);
transform: rotate(15deg);
}
50% {
-webkit-transform: rotate(-15deg);
transform: rotate(-15deg);
}
60% {
-webkit-transform: rotate(10deg);
transform: rotate(10deg);
}
70% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
80% {
-webkit-transform: rotate(5deg);
transform: rotate(5deg);
}
90% {
-webkit-transform: rotate(-5deg);
transform: rotate(-5deg);
}
100% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
}
.btn {
-webkit-transition: all 1s ease-out;
transition: all 1s ease-out;
cursor: pointer;
margin: 0px;
padding: 12px 20px;
-webkit-box-shadow: 1px 0px 2px 3px rgba(0, 0, 0, 0.3);
box-shadow: 1px 0px 2px 3px rgba(0, 0, 0, 0.3);
}
.btn-primary {
background: #004e78;
color: #fff;
text-align: center;
border-radius: 5px;
border: none;
}
.btn-primary:hover {
background: #1878ac;
}
.my-2 {
margin-top: 10px;
margin-bottom: 10px;
}
/* Estilos para los hotspots de información */
.hotspot_info_layer {
z-index: 3030 !important;
}
.hotspot_info {
z-index: 3010 !important;
-webkit-transform: translateY(0%);
transform: translateY(0%);
}
.hotspot_info_close {
height: 20px !important;
width: 20px !important;
background-size: contain !important;
position: absolute;
top: 10px;
right: 10px;
background-image: url("/skin/close_01.png");
background-repeat: no-repeat;
cursor: pointer;
z-index: 10;
}
.hotspot_info_wraper {
margin: 3% 5%;
padding: 20px;
height: 100%;
max-width: 1080px;
background: #f1f2f2 !important;
-webkit-box-shadow: 0px 0px 3px 1px rgba(255, 255, 255, 0.5);
box-shadow: 0px 0px 3px 1px rgba(255, 255, 255, 0.5);
border-radius: 5px !important;
}
.hotspot_info_container {
padding: 20px;
height: 100%;
max-height: 85vh;
max-height: calc(var(--vh, 1vh) * 85);
overflow-y: auto;
background: white !important;
border-radius: 10px !important;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: distribute;
justify-content: space-around;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
overflow: hidden;
}
.hotspot_info_image_container {
width: 100%;
height: 100%;
position: relative !important;
}
.hotspot_info_image {
width: 95% !important;
background-position: center !important;
background-size: contain !important;
background-repeat: no-repeat !important;
}
.hotspot_info_text_container {
width: 50% !important;
min-width: 50% !important;
position: relative !important;
overflow: hidden !important;
}
.hotspot_info_text {
width: 100% !important;
max-width: 100% !important;
position: relative !important;
}
.hotspot_info_text * {
position: relative !important;
white-space: normal !important;
}
.hotspot_info_globo::before {
content: "";
position: absolute;
z-index: -1;
width: var(--colita);
height: var(--colita);
}
.hotspot_info_globo.abajo-derecha::before {
--colita: 40px;
left: 50%;
bottom: calc(var(--colita) / -1.5);
-webkit-transform: skewY(30deg) rotateZ(-30deg);
transform: skewY(30deg) rotateZ(-30deg);
border-radius: 0 0 0 10em;
-webkit-box-shadow: inset calc(var(--colita) / 2) calc(var(--colita) / 3) 0 0 white;
box-shadow: inset calc(var(--colita) / 2) calc(var(--colita) / 3) 0 0 white;
}
.fade-out {
-webkit-animation: scale-out 0.5s ease-out forwards;
animation: scale-out 0.5s ease-out forwards;
}
.fade-in {
-webkit-animation: fade-in 0.5s ease-out;
animation: fade-in 0.5s ease-out;
}
@-webkit-keyframes fade-in {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fade-in {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.hotspot_info_close:hover {
/* Estilo para el botón cerrar */
-webkit-animation: expand-rotate 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
animation: expand-rotate 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
@-webkit-keyframes expand-rotate {
33%,
99% {
-webkit-transform: scale(1.5);
transform: scale(1.5);
}
66% {
-webkit-transform: rotate(180deg) scale(1);
transform: rotate(180deg) scale(1);
}
}
@keyframes expand-rotate {
33%,
99% {
-webkit-transform: scale(1.5);
transform: scale(1.5);
}
66% {
-webkit-transform: rotate(180deg) scale(1);
transform: rotate(180deg) scale(1);
}
}
@-webkit-keyframes scale-out {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
30% {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
100% {
-webkit-transform: scale(0);
transform: scale(0);
}
}
@keyframes scale-out {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
30% {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
100% {
-webkit-transform: scale(0);
transform: scale(0);
}
}
.download-icon:hover {
-webkit-animation: download 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
animation: download 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
@-webkit-keyframes download {
0% {
-webkit-transform: scale(1) translate(0px, 0px);
transform: scale(1) translate(0px, 0px);
opacity: 1;
}
20% {
-webkit-transform: translate(0px, -5px) scale(1.2);
transform: translate(0px, -5px) scale(1.2);
opacity: 0.5;
}
80% {
-webkit-transform: translate(0px, 8px) scale(0.5);
transform: translate(0px, 8px) scale(0.5);
opacity: 0;
}
100% {
-webkit-transform: translate(0px, 0px) scale(1);
transform: translate(0px, 0px) scale(1);
opacity: 1;
}
}
@keyframes download {
0% {
-webkit-transform: scale(1) translate(0px, 0px);
transform: scale(1) translate(0px, 0px);
opacity: 1;
}
20% {
-webkit-transform: translate(0px, -5px) scale(1.2);
transform: translate(0px, -5px) scale(1.2);
opacity: 0.5;
}
80% {
-webkit-transform: translate(0px, 8px) scale(0.5);
transform: translate(0px, 8px) scale(0.5);
opacity: 0;
}
100% {
-webkit-transform: translate(0px, 0px) scale(1);
transform: translate(0px, 0px) scale(1);
opacity: 1;
}
}
.hotspot_info_footer {
color: #525252;
-ms-flex-item-align: end;
-ms-grid-row-align: end;
align-self: end;
margin-left: auto;
padding-right: 80px;
overflow: visible;
}
.hotspot_info_footer a {
text-decoration: none;
font-weight: 500;
color: #9b9b9b;
position: relative;
}
.hotspot_info_footer a .to-site-icon {
position: absolute;
right: -60px;
top: -50%;
}
.hotspot_info_footer a:hover .fa-sign-out-alt {
-webkit-animation: hide-left-to-right 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
animation: hide-left-to-right 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
@-webkit-keyframes hide-left-to-right {
20%,
80% {
-webkit-transform: translateX(-3px);
transform: translateX(-3px);
opacity: 0.5;
}
50% {
-webkit-transform: translateX(15px);
transform: translateX(15px);
}
}
@keyframes hide-left-to-right {
20%,
80% {
-webkit-transform: translateX(-3px);
transform: translateX(-3px);
opacity: 0.5;
}
50% {
-webkit-transform: translateX(15px);
transform: translateX(15px);
}
}
.black-t {
color: #000;
}
@media (max-width: 692px) {
.bg-pink {
background-color: #e98c9e;
}
.bg-white {
background: #fff !important;
}
.bg-darkpink {
background-color: #d30e59;
}
.bg-transparent {
background-color: transparent;
}
.bg-grey {
background-color: #f8f8f8 !important;
}
}
/* Estilos auxiliares */
.cursor-pointer {
cursor: pointer;
}
.cursor-auto {
cursor: auto;
}
.row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: 0px;
margin-left: 0px;
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col,
.col-auto,
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs,
.col-auto,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm,
.col-sm-auto,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md,
.col-md-auto,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg,
.col-lg-auto,
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl,
.col-xl-auto {
position: relative;
width: 100%;
padding-right: 0px;
padding-left: 0px;
}
.col-1 {
-webkit-box-flex: 8.333333%;
-ms-flex: 8.333333%;
flex: 8.333333%;
max-width: 8.333333%;
}
.col-2 {
-webkit-box-flex: 16.666667%;
-ms-flex: 16.666667%;
flex: 16.666667%;
max-width: 16.666667%;
}
.col-3 {
-webkit-box-flex: 25%;
-ms-flex: 25%;
flex: 25%;
max-width: 25%;
}
.col-4 {
-webkit-box-flex: 33.333333%;
-ms-flex: 33.333333%;
flex: 33.333333%;
max-width: 33.333333%;
}
.col-5 {
-webkit-box-flex: 41.666667%;
-ms-flex: 41.666667%;
flex: 41.666667%;
max-width: 41.666667%;
}
.col-6 {
-webkit-box-flex: 50%;
-ms-flex: 50%;
flex: 50%;
max-width: 50%;
}
.col-7 {
-webkit-box-flex: 58.333333%;
-ms-flex: 58.333333%;
flex: 58.333333%;
max-width: 58.333333%;
}
.col-8 {
-webkit-box-flex: 66.666667%;
-ms-flex: 66.666667%;
flex: 66.666667%;
max-width: 66.666667%;
}
.col-9 {
-webkit-box-flex: 75%;
-ms-flex: 75%;
flex: 75%;
max-width: 75%;
}
.col-10 {
-webkit-box-flex: 83.333333%;
-ms-flex: 83.333333%;
flex: 83.333333%;
max-width: 83.333333%;
}
.col-11 {
-webkit-box-flex: 91.666667%;
-ms-flex: 91.666667%;
flex: 91.666667%;
max-width: 91.666667%;
}
.col-12 {
-webkit-box-flex: 100%;
-ms-flex: 100%;
flex: 100%;
max-width: 100%;
}
@media (min-width: 400px) {
.col-xs {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-xs-auto {
-webkit-box-flex: 1;
-ms-flex: auto;
flex: auto;
width: auto;
max-width: 100%;
}
.col-xs-1 {
-webkit-box-flex: 8.333333%;
-ms-flex: 8.333333%;
flex: 8.333333%;
max-width: 8.333333%;
}
.col-xs-2 {
-webkit-box-flex: 16.666667%;
-ms-flex: 16.666667%;
flex: 16.666667%;
max-width: 16.666667%;
}
.col-xs-3 {
-webkit-box-flex: 25%;
-ms-flex: 25%;
flex: 25%;
max-width: 25%;
}
.col-xs-4 {
-webkit-box-flex: 33.333333%;
-ms-flex: 33.333333%;
flex: 33.333333%;
max-width: 33.333333%;
}
.col-xs-5 {
-webkit-box-flex: 41.666667%;
-ms-flex: 41.666667%;
flex: 41.666667%;
max-width: 41.666667%;
}
.col-xs-6 {
-webkit-box-flex: 50%;
-ms-flex: 50%;
flex: 50%;
max-width: 50%;
}
.col-xs-7 {
-webkit-box-flex: 58.333333%;
-ms-flex: 58.333333%;
flex: 58.333333%;
max-width: 58.333333%;
}
.col-xs-8 {
-webkit-box-flex: 66.666667%;
-ms-flex: 66.666667%;
flex: 66.666667%;
max-width: 66.666667%;
}
.col-xs-9 {
-webkit-box-flex: 75%;
-ms-flex: 75%;
flex: 75%;
max-width: 75%;
}
.col-xs-10 {
-webkit-box-flex: 83.333333%;
-ms-flex: 83.333333%;
flex: 83.333333%;
max-width: 83.333333%;
}
.col-xs-11 {
-webkit-box-flex: 91.666667%;
-ms-flex: 91.666667%;
flex: 91.666667%;
max-width: 91.666667%;
}
.col-xs-12 {
-webkit-box-flex: 100%;
-ms-flex: 100%;
flex: 100%;
max-width: 100%;
}
}
@media (min-width: 500px) {
.p-sm-5 {
padding-top: 3rem !important;
padding-right: 3rem !important;
padding-bottom: 3rem !important;
padding-left: 3rem !important;
}
.col-sm {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-sm-auto {
-webkit-box-flex: 1;
-ms-flex: auto;
flex: auto;
width: auto;
max-width: 100%;
}
.col-sm-1 {
-webkit-box-flex: 8.333333%;
-ms-flex: 8.333333%;
flex: 8.333333%;
max-width: 8.333333%;
}
.col-sm-2 {
-webkit-box-flex: 16.666667%;
-ms-flex: 16.666667%;
flex: 16.666667%;
max-width: 16.666667%;
}
.col-sm-3 {
-webkit-box-flex: 25%;
-ms-flex: 25%;
flex: 25%;
max-width: 25%;
}
.col-sm-4 {
-webkit-box-flex: 33.333333%;
-ms-flex: 33.333333%;
flex: 33.333333%;
max-width: 33.333333%;
}
.col-sm-5 {
-webkit-box-flex: 41.666667%;
-ms-flex: 41.666667%;
flex: 41.666667%;
max-width: 41.666667%;
}
.col-sm-6 {
-webkit-box-flex: 50%;
-ms-flex: 50%;
flex: 50%;
max-width: 50%;
}
.col-sm-7 {
-webkit-box-flex: 58.333333%;
-ms-flex: 58.333333%;
flex: 58.333333%;
max-width: 58.333333%;
}
.col-sm-8 {
-webkit-box-flex: 66.666667%;
-ms-flex: 66.666667%;
flex: 66.666667%;
max-width: 66.666667%;
}
.col-sm-9 {
-webkit-box-flex: 75%;
-ms-flex: 75%;
flex: 75%;
max-width: 75%;
}
.col-sm-10 {
-webkit-box-flex: 83.333333%;
-ms-flex: 83.333333%;
flex: 83.333333%;
max-width: 83.333333%;
}
.col-sm-11 {
-webkit-box-flex: 91.666667%;
-ms-flex: 91.666667%;
flex: 91.666667%;
max-width: 91.666667%;
}
.col-sm-12 {
-webkit-box-flex: 100%;
-ms-flex: 100%;
flex: 100%;
max-width: 100%;
}
}
@media (min-width: 692px) {
.col-md {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-md-auto {
-webkit-box-flex: 1;
-ms-flex: auto;
flex: auto;
width: auto;
max-width: 100%;
}
.col-md-1 {
-webkit-box-flex: 8.333333%;
-ms-flex: 8.333333%;
flex: 8.333333%;
max-width: 8.333333%;
}
.col-md-2 {
-webkit-box-flex: 16.666667%;
-ms-flex: 16.666667%;
flex: 16.666667%;
max-width: 16.666667%;
}
.col-md-3 {
-webkit-box-flex: 25%;
-ms-flex: 25%;
flex: 25%;
max-width: 25%;
}
.col-md-4 {
-webkit-box-flex: 33.333333%;
-ms-flex: 33.333333%;
flex: 33.333333%;
max-width: 33.333333%;
}
.col-md-5 {
-webkit-box-flex: 41.666667%;
-ms-flex: 41.666667%;
flex: 41.666667%;
max-width: 41.666667%;
}
.col-md-6 {
-webkit-box-flex: 50%;
-ms-flex: 50%;
flex: 50%;
max-width: 50%;
}
.col-md-7 {
-webkit-box-flex: 58.333333%;
-ms-flex: 58.333333%;
flex: 58.333333%;
max-width: 58.333333%;
}
.col-md-8 {
-webkit-box-flex: 66.666667%;
-ms-flex: 66.666667%;
flex: 66.666667%;
max-width: 66.666667%;
}
.col-md-9 {
-webkit-box-flex: 75%;
-ms-flex: 75%;
flex: 75%;
max-width: 75%;
}
.col-md-10 {
-webkit-box-flex: 83.333333%;
-ms-flex: 83.333333%;
flex: 83.333333%;
max-width: 83.333333%;
}
.col-md-11 {
-webkit-box-flex: 91.666667%;
-ms-flex: 91.666667%;
flex: 91.666667%;
max-width: 91.666667%;
}
.col-md-12 {
-webkit-box-flex: 100%;
-ms-flex: 100%;
flex: 100%;
max-width: 100%;
}
}
@media (min-width: 992px) {
.col-lg {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-lg-auto {
-webkit-box-flex: 1;
-ms-flex: auto;
flex: auto;
width: auto;
max-width: 100%;
}
.col-lg-1 {
-webkit-box-flex: 8.333333%;
-ms-flex: 8.333333%;
flex: 8.333333%;
max-width: 8.333333%;
}
.col-lg-2 {
-webkit-box-flex: 16.666667%;
-ms-flex: 16.666667%;
flex: 16.666667%;
max-width: 16.666667%;
}
.col-lg-3 {
-webkit-box-flex: 25%;
-ms-flex: 25%;
flex: 25%;
max-width: 25%;
}
.col-lg-4 {
-webkit-box-flex: 33.333333%;
-ms-flex: 33.333333%;
flex: 33.333333%;
max-width: 33.333333%;
}
.col-lg-5 {
-webkit-box-flex: 41.666667%;
-ms-flex: 41.666667%;
flex: 41.666667%;
max-width: 41.666667%;
}
.col-lg-6 {
-webkit-box-flex: 50%;
-ms-flex: 50%;
flex: 50%;
max-width: 50%;
}
.col-lg-7 {
-webkit-box-flex: 58.333333%;
-ms-flex: 58.333333%;
flex: 58.333333%;
max-width: 58.333333%;
}
.col-lg-8 {
-webkit-box-flex: 66.666667%;
-ms-flex: 66.666667%;
flex: 66.666667%;
max-width: 66.666667%;
}
.col-lg-9 {
-webkit-box-flex: 75%;
-ms-flex: 75%;
flex: 75%;
max-width: 75%;
}
.col-lg-10 {
-webkit-box-flex: 83.333333%;
-ms-flex: 83.333333%;
flex: 83.333333%;
max-width: 83.333333%;
}
.col-lg-11 {
-webkit-box-flex: 91.666667%;
-ms-flex: 91.666667%;
flex: 91.666667%;
max-width: 91.666667%;
}
.col-lg-12 {
-webkit-box-flex: 100%;
-ms-flex: 100%;
flex: 100%;
max-width: 100%;
}
}
@media (min-width: 1200px) {
.col-xl {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-xl-auto {
-webkit-box-flex: 1;
-ms-flex: auto;
flex: auto;
width: auto;
max-width: 100%;
}
.col-xl-1 {
-webkit-box-flex: 8.333333%;
-ms-flex: 8.333333%;
flex: 8.333333%;
max-width: 8.333333%;
}
.col-xl-2 {
-webkit-box-flex: 16.666667%;
-ms-flex: 16.666667%;
flex: 16.666667%;
max-width: 16.666667%;
}
.col-xl-3 {
-webkit-box-flex: 25%;
-ms-flex: 25%;
flex: 25%;
max-width: 25%;
}
.col-xl-4 {
-webkit-box-flex: 33.333333%;
-ms-flex: 33.333333%;
flex: 33.333333%;
max-width: 33.333333%;
}
.col-xl-5 {
-webkit-box-flex: 41.666667%;
-ms-flex: 41.666667%;
flex: 41.666667%;
max-width: 41.666667%;
}
.col-xl-6 {
-webkit-box-flex: 50%;
-ms-flex: 50%;
flex: 50%;
max-width: 50%;
}
.col-xl-7 {
-webkit-box-flex: 58.333333%;
-ms-flex: 58.333333%;
flex: 58.333333%;
max-width: 58.333333%;
}
.col-xl-8 {
-webkit-box-flex: 66.666667%;
-ms-flex: 66.666667%;
flex: 66.666667%;
max-width: 66.666667%;
}
.col-xl-9 {
-webkit-box-flex: 75%;
-ms-flex: 75%;
flex: 75%;
max-width: 75%;
}
.col-xl-10 {
-webkit-box-flex: 83.333333%;
-ms-flex: 83.333333%;
flex: 83.333333%;
max-width: 83.333333%;
}
.col-xl-11 {
-webkit-box-flex: 91.666667%;
-ms-flex: 91.666667%;
flex: 91.666667%;
max-width: 91.666667%;
}
.col-xl-12 {
-webkit-box-flex: 100%;
-ms-flex: 100%;
flex: 100%;
max-width: 100%;
}
}
@media (min-width: 400px) {
.pr-xs-3,
.px-xs-3 {
padding-right: 1rem !important;
}
.pb-xs-3,
.py-xs-3 {
padding-bottom: 1rem !important;
}
.pl-xs-3,
.px-xs-3 {
padding-left: 1rem !important;
}
}
@media (min-width: 692px) {
.pt-md-5,
.py-md-5 {
padding-top: 3rem !important;
}
.pr-md-5,
.px-md-5 {
padding-right: 3rem !important;
}
.pb-md-5,
.py-md-5 {
padding-bottom: 3rem !important;
}
.text-md-start {
text-align: start !important;
}
}
.justify-content-start {
-webkit-box-pack: start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-end {
-webkit-box-pack: end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-center {
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-between {
-webkit-box-pack: justify !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-start {
-webkit-box-align: start !important;
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-end {
-webkit-box-align: end !important;
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-center {
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-baseline {
-webkit-box-align: baseline !important;
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-stretch {
-webkit-box-align: stretch !important;
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-self-auto {
-ms-grid-row-align: auto !important;
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.align-self-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-center {
-ms-grid-row-align: center !important;
-ms-flex-item-align: center !important;
align-self: center !important;
}
.align-self-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-stretch {
-ms-grid-row-align: stretch !important;
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
.w-25 {
width: 25% !important;
}
.w-50 {
width: 50% !important;
}
.w-75 {
width: 75% !important;
}
.w-100 {
width: 100% !important;
}
.w-auto {
width: auto !important;
}
.h-25 {
height: 25% !important;
}
.h-50 {
height: 50% !important;
}
.h-75 {
height: 75% !important;
}
.h-100 {
height: 100% !important;
}
.h-auto {
height: auto !important;
}
.mw-100 {
max-width: 100% !important;
}
.mh-100 {
max-height: 100% !important;
}
.max-vw-90 {
max-width: 90vw !important;
}
.max-vh-90 {
max-height: 90vh !important;
max-height: calc(var(--vh, 1vh) * 90);
}
.min-vw-90 {
min-width: 90vw !important;
}
.min-vh-90 {
min-height: 90vh !important;
min-height: calc(var(--vh, 1vh) * 90);
}
.min-vw-100 {
min-width: 100vw !important;
}
.min-vh-100 {
min-height: 100vh !important;
min-height: calc(var(--vh, 1vh) * 100);
}
.vw-100 {
width: 100vw !important;
}
.vh-100 {
height: 100vh !important;
height: calc(var(--vh, 1vh) * 100) !important;
}
.m-n1 {
margin: -0.25rem;
}
.mt-n1,
.my-n1 {
margin-top: -0.25rem;
}
.mr-n1,
.mx-n1 {
margin-right: -0.25rem;
}
.mb-n1,
.my-n1 {
margin-bottom: -0.25rem;
}
.ml-n1,
.mx-n1 {
margin-left: -0.25rem;
}
.m-n2 {
margin: -0.5rem;
}
.mt-n2,
.my-n2 {
margin-top: -0.5rem;
}
.mr-n2,
.mx-n2 {
margin-right: -0.5rem;
}
.mb-n2,
.my-n2 {
margin-bottom: -0.5rem;
}
.ml-n2,
.mx-n2 {
margin-left: -0.5rem;
}
.m-n3 {
margin: -1rem;
}
.mt-n3,
.my-n3 {
margin-top: -1rem;
}
.mr-n3,
.mx-n3 {
margin-right: -1rem;
}
.mb-n3,
.my-n3 {
margin-bottom: -1rem;
}
.ml-n3,
.mx-n3 {
margin-left: -1rem;
}
.m-n4 {
margin: -1.5rem;
}
.mt-n4,
.my-n4 {
margin-top: -1.5rem;
}
.mr-n4,
.mx-n4 {
margin-right: -1.5rem;
}
.mb-n4,
.my-n4 {
margin-bottom: -1.5rem;
}
.ml-n4,
.mx-n4 {
margin-left: -1.5rem;
}
.m-n5 {
margin: -3rem;
}
.mt-n5,
.my-n5 {
margin-top: -3rem;
}
.mr-n5,
.mx-n5 {
margin-right: -3rem;
}
.mb-n5,
.my-n5 {
margin-bottom: -3rem;
}
.ml-n5,
.mx-n5 {
margin-left: -3rem;
}
.m-auto {
margin: auto;
}
.mt-auto,
.my-auto {
margin-top: auto;
}
.mr-auto,
.mx-auto {
margin-right: auto;
}
.mb-auto,
.my-auto {
margin-bottom: auto;
}
.ml-auto,
.mx-auto {
margin-left: auto;
}
@media (min-width: 692px) {
.p-md-0 {
padding: 0px !important;
}
.pt-md-0 {
padding-top: 0px !important;
}
.pr-md-0 {
padding-right: 0px !important;
}
.pb-md-0 {
padding-bottom: 0px !important;
}
.pl-md-0 {
padding-left: 0px !important;
}
.pr-md-3 {
padding-right: 1.5rem !important;
}
.pr-md-5 {
padding-right: 3rem !important;
}
}
.fsize-5 {
font-size: 0.5em;
}
.fsize-6 {
font-size: 0.6em;
}
.fsize-7 {
font-size: 0.7em;
}
.fsize-8 {
font-size: 0.8em;
}
.fsize-9 {
font-size: 0.9em;
}
.fsize-10 {
font-size: 1em;
}
.fsize-11 {
font-size: 1.1em;
}
.fsize-12 {
font-size: 1.2em;
}
.fsize-13 {
font-size: 1.3em;
}
.fsize-14 {
font-size: 1.4em;
}
.fsize-15 {
font-size: 1.5em;
}
.fsize-16 {
font-size: 1.6em;
}
.fsize-17 {
font-size: 1.7em;
}
.fsize-18 {
font-size: 1.8em;
}
.fsize-19 {
font-size: 1.9em;
}
.fsize-20 {
font-size: 2em;
}
.fsize-21 {
font-size: 2.1em;
}
.fsize-22 {
font-size: 2.2em;
}
.fsize-23 {
font-size: 2.3em;
}
.fsize-24 {
font-size: 2.4em;
}
.fsize-25 {
font-size: 2.5em;
}
.fsize-26 {
font-size: 2.6em;
}
.fsize-27 {
font-size: 2.7em;
}
.fsize-28 {
font-size: 2.8em;
}
.fsize-29 {
font-size: 2.9em;
}
.fsize-30 {
font-size: 3em;
}
.fsize-31 {
font-size: 3.1em;
}
.fsize-32 {
font-size: 3.2em;
}
.fsize-33 {
font-size: 3.3em;
}
.fsize-34 {
font-size: 3.4em;
}
.fsize-35 {
font-size: 3.5em;
}
.fsize-36 {
font-size: 3.6em;
}
.fsize-37 {
font-size: 3.7em;
}
.fsize-38 {
font-size: 3.8em;
}
.fsize-39 {
font-size: 3.9em;
}
.fsize-40 {
font-size: 4em;
}
.fsize-41 {
font-size: 4.1em;
}
.fsize-42 {
font-size: 4.2em;
}
.fsize-43 {
font-size: 4.3em;
}
.fsize-44 {
font-size: 4.4em;
}
.fsize-45 {
font-size: 4.5em;
}
.fsize-46 {
font-size: 4.6em;
}
.fsize-47 {
font-size: 4.7em;
}
.fsize-48 {
font-size: 4.8em;
}
.fsize-49 {
font-size: 4.9em;
}
.fsize-50 {
font-size: 5em;
}
.fsize-30 {
font-size: 3em;
}
.fsize-35 {
font-size: 3.5em;
}
.fsize-40 {
font-size: 4em;
}
.fsize-45 {
font-size: 4.5em;
}
.fsize-50 {
font-size: 5em;
}
.fsize-55 {
font-size: 5.5em;
}
.fsize-60 {
font-size: 6em;
}
.fsize-65 {
font-size: 6.5em;
}
.fsize-70 {
font-size: 7em;
}
.fsize-75 {
font-size: 7.5em;
}
.fsize-80 {
font-size: 8em;
}
.fsize-85 {
font-size: 8.5em;
}
.fsize-90 {
font-size: 9em;
}
.fsize-95 {
font-size: 9.5em;
}
.fsize-100 {
font-size: 10em;
}
.fsize-105 {
font-size: 10.5em;
}
.fsize-110 {
font-size: 11em;
}
.fsize-120 {
font-size: 12em;
}
.fsize-130 {
font-size: 13em;
}
.fsize-140 {
font-size: 14em;
}
.fsize-150 {
font-size: 15em;
}
.rounded-5 {
border-radius: 5px;
}
.rounded-10 {
border-radius: 10px;
}
.rounded-15 {
border-radius: 15px;
}
.rounded-20 {
border-radius: 20px;
}
.rounded-25 {
border-radius: 25px;
}
.rounded-circle {
border-radius: 50%;
}
.rounded-full {
border-radius: 50%;
}
.fsize-1 {
font-size: 0.1em;
}
.fsize-8 {
font-size: 0.8em;
}
.fsize-9 {
font-size: 0.8em;
}
.fsize-10 {
font-size: 1em;
}
.fsize-12 {
font-size: 1.2em;
}
.fsize-14 {
font-size: 1.4em;
}
.fsize-16 {
font-size: 1.6em;
}
.fsize-18 {
font-size: 1.8em;
}
.fsize-20 {
font-size: 2em;
}
.fsize-22 {
font-size: 2.2em;
}
.fsize-24 {
font-size: 2.4em;
}
.fsize-25 {
font-size: 2.5em;
}
.fsize-26 {
font-size: 2.6em;
}
.fsize-28 {
font-size: 2.8em;
}
.fsize-30 {
font-size: 3em;
}
.fsize-32 {
font-size: 3.2em;
}
.fsize-34 {
font-size: 3.4em;
}
.fsize-38 {
font-size: 3.8em;
}
.fsize-40 {
font-size: 4em;
}
.fsize-45 {
font-size: 4.5em;
}
.fsize-50 {
font-size: 5em;
}
.fsize-60 {
font-size: 6em;
}
.fsize-70 {
font-size: 7em;
}
.fsize-80 {
font-size: 8em;
}
.fsize-90 {
font-size: 9em;
}
.fsize-100 {
font-size: 10em;
}
.line-height-0 {
line-height: 0;
}
.line-height-0_005 {
line-height: 0.005;
}
.line-height-0_01 {
line-height: 0.01;
}
.line-height-0_02 {
line-height: 0.02;
}
.line-height-0_03 {
line-height: 0.03;
}
.line-height-0_04 {
line-height: 0.04;
}
.line-height-0_05 {
line-height: 0.05;
}
.line-height-0_1 {
line-height: 0.1;
}
.line-height-0_2 {
line-height: 0.2;
}
.line-height-0_3 {
line-height: 0.3;
}
.line-height-0_4 {
line-height: 0.4;
}
.line-height-0_5 {
line-height: 0.5;
}
.line-height-0_6 {
line-height: 0.6;
}
.line-height-0_7 {
line-height: 0.7;
}
.line-height-0_8 {
line-height: 0.8;
}
.line-height-0_9 {
line-height: 0.9;
}
.line-height-1 {
line-height: 1;
}
.line-height-1_0 {
line-height: 1;
}
.line-height-1_1 {
line-height: 1.1;
}
.line-height-1_2 {
line-height: 1.2;
}
.line-height-1_3 {
line-height: 1.3;
}
.line-height-1_4 {
line-height: 1.4;
}
.line-height-1_5 {
line-height: 1.5;
}
.line-height-1_6 {
line-height: 1.6;
}
.line-height-1_7 {
line-height: 1.7;
}
.line-height-1_8 {
line-height: 1.8;
}
.line-height-1_9 {
line-height: 1.9;
}
.line-height-2 {
line-height: 2;
}
.line-height-2_0 {
line-height: 2;
}
.rounded-5 {
border-radius: 5px;
}
.rounded-10 {
border-radius: 10px;
}
.rounded-15 {
border-radius: 15px;
}
.rounded-20 {
border-radius: 20px;
}
.rounded-25 {
border-radius: 25px;
}
.rounded-30 {
border-radius: 30px;
}
.rounded-35 {
border-radius: 35px;
}
.rounded-40 {
border-radius: 40px;
}
.rounded-45 {
border-radius: 45px;
}
.rounded-50 {
border-radius: 50px;
}
.rounded-circle {
border-radius: 50%;
}
@media (min-width: 576px) {
/* Small devices (tablets, 576px and up) */
.fsize-sm-8 {
font-size: 0.8em !important;
}
.fsize-sm-9 {
font-size: 0.9em !important;
}
.fsize-sm-10 {
font-size: 1em !important;
}
.fsize-sm-12 {
font-size: 1.2em !important;
}
.fsize-sm-14 {
font-size: 1.4em !important;
}
.fsize-sm-16 {
font-size: 1.6em !important;
}
.fsize-sm-18 {
font-size: 1.8em !important;
}
.fsize-sm-20 {
font-size: 2em !important;
}
.fsize-sm-22 {
font-size: 2.2em !important;
}
.fsize-sm-24 {
font-size: 2.4em !important;
}
.fsize-sm-25 {
font-size: 2.5em !important;
}
.fsize-sm-26 {
font-size: 2.6em !important;
}
.fsize-sm-28 {
font-size: 2.8em !important;
}
.fsize-sm-30 {
font-size: 3em !important;
}
.fsize-sm-32 {
font-size: 3.2em !important;
}
.fsize-sm-34 {
font-size: 3.4em !important;
}
.fsize-sm-35 {
font-size: 3.5em !important;
}
.fsize-sm-38 {
font-size: 3.8em !important;
}
.fsize-sm-40 {
font-size: 4em !important;
}
.fsize-sm-45 {
font-size: 4.5em !important;
}
.fsize-sm-50 {
font-size: 5em !important;
}
.fsize-sm-60 {
font-size: 6em !important;
}
.fsize-sm-70 {
font-size: 7em !important;
}
.fsize-sm-80 {
font-size: 8em !important;
}
.fsize-sm-90 {
font-size: 9em !important;
}
.fsize-sm-100 {
font-size: 10em !important;
}
.rounded-sm-5 {
border-radius: 5px !important;
}
.rounded-sm-10 {
border-radius: 10px !important;
}
.rounded-sm-15 {
border-radius: 15px !important;
}
.rounded-sm-20 {
border-radius: 20px !important;
}
.rounded-sm-25 {
border-radius: 25px !important;
}
.rounded-sm-30 {
border-radius: 30px !important;
}
.rounded-sm-35 {
border-radius: 35px !important;
}
.rounded-sm-40 {
border-radius: 40px !important;
}
.rounded-sm-45 {
border-radius: 45px !important;
}
.rounded-sm-50 {
border-radius: 50px !important;
}
.rounded-sm-circle {
border-radius: 50% !important;
}
.line-height-sm-0_1 {
line-height: 0.1 !important;
}
.line-height-sm-0_2 {
line-height: 0.2 !important;
}
.line-height-sm-0_3 {
line-height: 0.3 !important;
}
.line-height-sm-0_4 {
line-height: 0.4 !important;
}
.line-height-sm-0_5 {
line-height: 0.5 !important;
}
.line-height-sm-0_6 {
line-height: 0.6 !important;
}
.line-height-sm-0_7 {
line-height: 0.7 !important;
}
.line-height-sm-0_8 {
line-height: 0.8 !important;
}
.line-height-sm-0_9 {
line-height: 0.9 !important;
}
.line-height-sm-1 {
line-height: 1 !important;
}
.line-height-sm-1_0 {
line-height: 1 !important;
}
.line-height-sm-1_1 {
line-height: 1.1 !important;
}
.line-height-sm-1_2 {
line-height: 1.2 !important;
}
.line-height-sm-1_3 {
line-height: 1.3 !important;
}
.line-height-sm-1_4 {
line-height: 1.4 !important;
}
.line-height-sm-1_5 {
line-height: 1.5 !important;
}
.line-height-sm-1_6 {
line-height: 1.6 !important;
}
.line-height-sm-1_7 {
line-height: 1.7 !important;
}
.line-height-sm-1_8 {
line-height: 1.8 !important;
}
.line-height-sm-1_9 {
line-height: 1.9 !important;
}
.line-height-sm-2 {
line-height: 2 !important;
}
.line-height-sm-2_0 {
line-height: 2 !important;
}
}
@media (min-width: 692px) {
/* Medium devices (tablets, 768px and up) */
.fsize-md-8 {
font-size: 0.8em !important;
}
.fsize-md-9 {
font-size: 0.9em !important;
}
.fsize-md-10 {
font-size: 1em !important;
}
.fsize-md-12 {
font-size: 1.2em !important;
}
.fsize-md-14 {
font-size: 1.4em !important;
}
.fsize-md-16 {
font-size: 1.6em !important;
}
.fsize-md-18 {
font-size: 1.8em !important;
}
.fsize-md-20 {
font-size: 2em !important;
}
.fsize-md-22 {
font-size: 2.2em !important;
}
.fsize-md-24 {
font-size: 2.4em !important;
}
.fsize-md-25 {
font-size: 2.5em !important;
}
.fsize-md-26 {
font-size: 2.6em !important;
}
.fsize-md-28 {
font-size: 2.8em !important;
}
.fsize-md-30 {
font-size: 3em !important;
}
.fsize-md-32 {
font-size: 3.2em !important;
}
.fsize-md-34 {
font-size: 3.4em !important;
}
.fsize-md-35 {
font-size: 3.5em !important;
}
.fsize-md-38 {
font-size: 3.8em !important;
}
.fsize-md-40 {
font-size: 4em !important;
}
.fsize-md-45 {
font-size: 4.5em !important;
}
.fsize-md-50 {
font-size: 5em !important;
}
.fsize-md-60 {
font-size: 6em !important;
}
.fsize-md-70 {
font-size: 7em !important;
}
.fsize-md-80 {
font-size: 8em !important;
}
.fsize-md-90 {
font-size: 9em !important;
}
.fsize-md-100 {
font-size: 10em !important;
}
.rounded-md-5 {
border-radius: 5px !important;
}
.rounded-md-10 {
border-radius: 10px !important;
}
.rounded-md-15 {
border-radius: 15px !important;
}
.rounded-md-20 {
border-radius: 20px !important;
}
.rounded-md-25 {
border-radius: 25px !important;
}
.rounded-md-30 {
border-radius: 30px !important;
}
.rounded-md-35 {
border-radius: 35px !important;
}
.rounded-md-40 {
border-radius: 40px !important;
}
.rounded-md-45 {
border-radius: 45px !important;
}
.rounded-md-50 {
border-radius: 50px !important;
}
.rounded-md-circle {
border-radius: 50% !important;
}
.line-height-md-0_1 {
line-height: 0.1 !important;
}
.line-height-md-0_2 {
line-height: 0.2 !important;
}
.line-height-md-0_3 {
line-height: 0.3 !important;
}
.line-height-md-0_4 {
line-height: 0.4 !important;
}
.line-height-md-0_5 {
line-height: 0.5 !important;
}
.line-height-md-0_6 {
line-height: 0.6 !important;
}
.line-height-md-0_7 {
line-height: 0.7 !important;
}
.line-height-md-0_8 {
line-height: 0.8 !important;
}
.line-height-md-0_9 {
line-height: 0.9 !important;
}
.line-height-md-1 {
line-height: 1 !important;
}
.line-height-md-1_0 {
line-height: 1 !important;
}
.line-height-md-1_1 {
line-height: 1.1 !important;
}
.line-height-md-1_2 {
line-height: 1.2 !important;
}
.line-height-md-1_3 {
line-height: 1.3 !important;
}
.line-height-md-1_4 {
line-height: 1.4 !important;
}
.line-height-md-1_5 {
line-height: 1.5 !important;
}
.line-height-md-1_6 {
line-height: 1.6 !important;
}
.line-height-md-1_7 {
line-height: 1.7 !important;
}
.line-height-md-1_8 {
line-height: 1.8 !important;
}
.line-height-md-1_9 {
line-height: 1.9 !important;
}
.line-height-md-2 {
line-height: 2 !important;
}
.line-height-md-2_0 {
line-height: 2 !important;
}
}
@media (min-width: 992px) {
/* Large devices (desktops, 992px and up) */
.fsize-lg-8 {
font-size: 0.8em !important;
}
.fsize-lg-9 {
font-size: 0.9em !important;
}
.fsize-lg-10 {
font-size: 1em !important;
}
.fsize-lg-12 {
font-size: 1.2em !important;
}
.fsize-lg-14 {
font-size: 1.4em !important;
}
.fsize-lg-16 {
font-size: 1.6em !important;
}
.fsize-lg-18 {
font-size: 1.8em !important;
}
.fsize-lg-20 {
font-size: 2em !important;
}
.fsize-lg-22 {
font-size: 2.2em !important;
}
.fsize-lg-24 {
font-size: 2.4em !important;
}
.fsize-lg-25 {
font-size: 2.5em !important;
}
.fsize-lg-26 {
font-size: 2.6em !important;
}
.fsize-lg-28 {
font-size: 2.8em !important;
}
.fsize-lg-30 {
font-size: 3em !important;
}
.fsize-lg-32 {
font-size: 3.2em !important;
}
.fsize-lg-34 {
font-size: 3.4em !important;
}
.fsize-lg-35 {
font-size: 3.5em !important;
}
.fsize-lg-38 {
font-size: 3.8em !important;
}
.fsize-lg-40 {
font-size: 4em !important;
}
.fsize-lg-45 {
font-size: 4.5em !important;
}
.fsize-lg-50 {
font-size: 5em !important;
}
.fsize-lg-60 {
font-size: 6em !important;
}
.fsize-lg-70 {
font-size: 7em !important;
}
.fsize-lg-80 {
font-size: 8em !important;
}
.fsize-lg-90 {
font-size: 9em !important;
}
.fsize-lg-100 {
font-size: 10em !important;
}
.rounded-lg-5 {
border-radius: 5px !important;
}
.rounded-lg-10 {
border-radius: 10px !important;
}
.rounded-lg-15 {
border-radius: 15px !important;
}
.rounded-lg-20 {
border-radius: 20px !important;
}
.rounded-lg-25 {
border-radius: 25px !important;
}
.rounded-lg-30 {
border-radius: 30px !important;
}
.rounded-lg-35 {
border-radius: 35px !important;
}
.rounded-lg-40 {
border-radius: 40px !important;
}
.rounded-lg-45 {
border-radius: 45px !important;
}
.rounded-lg-50 {
border-radius: 50px !important;
}
.rounded-lg-circle {
border-radius: 50% !important;
}
.line-height-lg-0_1 {
line-height: 0.1 !important;
}
.line-height-lg-0_2 {
line-height: 0.2 !important;
}
.line-height-lg-0_3 {
line-height: 0.3 !important;
}
.line-height-lg-0_4 {
line-height: 0.4 !important;
}
.line-height-lg-0_5 {
line-height: 0.5 !important;
}
.line-height-lg-0_6 {
line-height: 0.6 !important;
}
.line-height-lg-0_7 {
line-height: 0.7 !important;
}
.line-height-lg-0_8 {
line-height: 0.8 !important;
}
.line-height-lg-0_9 {
line-height: 0.9 !important;
}
.line-height-lg-1 {
line-height: 1 !important;
}
.line-height-lg-1_0 {
line-height: 1 !important;
}
.line-height-lg-1_1 {
line-height: 1.1 !important;
}
.line-height-lg-1_2 {
line-height: 1.2 !important;
}
.line-height-lg-1_3 {
line-height: 1.3 !important;
}
.line-height-lg-1_4 {
line-height: 1.4 !important;
}
.line-height-lg-1_5 {
line-height: 1.5 !important;
}
.line-height-lg-1_6 {
line-height: 1.6 !important;
}
.line-height-lg-1_7 {
line-height: 1.7 !important;
}
.line-height-lg-1_8 {
line-height: 1.8 !important;
}
.line-height-lg-1_9 {
line-height: 1.9 !important;
}
.line-height-lg-2 {
line-height: 2 !important;
}
.line-height-lg-2_0 {
line-height: 2 !important;
}
}
@media (min-width: 1200px) {
/* Extra large devices (large desktops, 1200px and up) */
.fsize-xl-8 {
font-size: 0.8em !important;
}
.fsize-xl-9 {
font-size: 0.9em !important;
}
.fsize-xl-10 {
font-size: 1em !important;
}
.fsize-xl-12 {
font-size: 1.2em !important;
}
.fsize-xl-14 {
font-size: 1.4em !important;
}
.fsize-xl-16 {
font-size: 1.6em !important;
}
.fsize-xl-18 {
font-size: 1.8em !important;
}
.fsize-xl-20 {
font-size: 2em !important;
}
.fsize-xl-22 {
font-size: 2.2em !important;
}
.fsize-xl-24 {
font-size: 2.4em !important;
}
.fsize-xl-25 {
font-size: 2.5em !important;
}
.fsize-xl-26 {
font-size: 2.6em !important;
}
.fsize-xl-28 {
font-size: 2.8em !important;
}
.fsize-xl-30 {
font-size: 3em !important;
}
.fsize-xl-32 {
font-size: 3.2em !important;
}
.fsize-xl-34 {
font-size: 3.4em !important;
}
.fsize-xl-35 {
font-size: 3.5em !important;
}
.fsize-xl-38 {
font-size: 3.8em !important;
}
.fsize-xl-40 {
font-size: 4em !important;
}
.fsize-xl-45 {
font-size: 4.5em !important;
}
.fsize-xl-50 {
font-size: 5em !important;
}
.fsize-xl-60 {
font-size: 6em !important;
}
.fsize-xl-70 {
font-size: 7em !important;
}
.fsize-xl-80 {
font-size: 8em !important;
}
.fsize-xl-90 {
font-size: 9em !important;
}
.fsize-xl-100 {
font-size: 10em !important;
}
.rounded-xl-5 {
border-radius: 5px !important;
}
.rounded-xl-10 {
border-radius: 10px !important;
}
.rounded-xl-15 {
border-radius: 15px !important;
}
.rounded-xl-20 {
border-radius: 20px !important;
}
.rounded-xl-25 {
border-radius: 25px !important;
}
.rounded-xl-30 {
border-radius: 30px !important;
}
.rounded-xl-35 {
border-radius: 35px !important;
}
.rounded-xl-40 {
border-radius: 40px !important;
}
.rounded-xl-45 {
border-radius: 45px !important;
}
.rounded-xl-50 {
border-radius: 50px !important;
}
.rounded-xl-circle {
border-radius: 50% !important;
}
.line-height-xl-0_1 {
line-height: 0.1 !important;
}
.line-height-xl-0_2 {
line-height: 0.2 !important;
}
.line-height-xl-0_3 {
line-height: 0.3 !important;
}
.line-height-xl-0_4 {
line-height: 0.4 !important;
}
.line-height-xl-0_5 {
line-height: 0.5 !important;
}
.line-height-xl-0_6 {
line-height: 0.6 !important;
}
.line-height-xl-0_7 {
line-height: 0.7 !important;
}
.line-height-xl-0_8 {
line-height: 0.8 !important;
}
.line-height-xl-0_9 {
line-height: 0.9 !important;
}
.line-height-xl-1 {
line-height: 1 !important;
}
.line-height-xl-1_0 {
line-height: 1 !important;
}
.line-height-xl-1_1 {
line-height: 1.1 !important;
}
.line-height-xl-1_2 {
line-height: 1.2 !important;
}
.line-height-xl-1_3 {
line-height: 1.3 !important;
}
.line-height-xl-1_4 {
line-height: 1.4 !important;
}
.line-height-xl-1_5 {
line-height: 1.5 !important;
}
.line-height-xl-1_6 {
line-height: 1.6 !important;
}
.line-height-xl-1_7 {
line-height: 1.7 !important;
}
.line-height-xl-1_8 {
line-height: 1.8 !important;
}
.line-height-xl-1_9 {
line-height: 1.9 !important;
}
.line-height-xl-2 {
line-height: 2 !important;
}
.line-height-xl-2_0 {
line-height: 2 !important;
}
}
@media (min-width: 1400px) {
/* Extra large devices (large desktops, 1200px and up) */
.fsize-xxl-8 {
font-size: 0.8em !important;
}
.fsize-xxl-9 {
font-size: 0.9em !important;
}
.fsize-xxl-10 {
font-size: 1em !important;
}
.fsize-xxl-12 {
font-size: 1.2em !important;
}
.fsize-xxl-14 {
font-size: 1.4em !important;
}
.fsize-xxl-16 {
font-size: 1.6em !important;
}
.fsize-xxl-18 {
font-size: 1.8em !important;
}
.fsize-xxl-20 {
font-size: 2em !important;
}
.fsize-xxl-22 {
font-size: 2.2em !important;
}
.fsize-xxl-24 {
font-size: 2.4em !important;
}
.fsize-xxl-25 {
font-size: 2.5em !important;
}
.fsize-xxl-26 {
font-size: 2.6em !important;
}
.fsize-xxl-28 {
font-size: 2.8em !important;
}
.fsize-xxl-30 {
font-size: 3em !important;
}
.fsize-xxl-32 {
font-size: 3.2em !important;
}
.fsize-xxl-34 {
font-size: 3.4em !important;
}
.fsize-xxl-35 {
font-size: 3.5em !important;
}
.fsize-xxl-38 {
font-size: 3.8em !important;
}
.fsize-xxl-40 {
font-size: 4em !important;
}
.fsize-xxl-45 {
font-size: 4.5em !important;
}
.fsize-xxl-50 {
font-size: 5em !important;
}
.fsize-xxl-60 {
font-size: 6em !important;
}
.fsize-xxl-70 {
font-size: 7em !important;
}
.fsize-xxl-80 {
font-size: 8em !important;
}
.fsize-xxl-90 {
font-size: 9em !important;
}
.fsize-xxl-100 {
font-size: 10em !important;
}
.rounded-xxl-5 {
border-radius: 5px !important;
}
.rounded-xxl-10 {
border-radius: 10px !important;
}
.rounded-xxl-15 {
border-radius: 15px !important;
}
.rounded-xxl-20 {
border-radius: 20px !important;
}
.rounded-xxl-25 {
border-radius: 25px !important;
}
.rounded-xxl-30 {
border-radius: 30px !important;
}
.rounded-xxl-35 {
border-radius: 35px !important;
}
.rounded-xxl-40 {
border-radius: 40px !important;
}
.rounded-xxl-45 {
border-radius: 45px !important;
}
.rounded-xxl-50 {
border-radius: 50px !important;
}
.rounded-xxl-circle {
border-radius: 50% !important;
}
.line-height-xxl-0_1 {
line-height: 0.1 !important;
}
.line-height-xxl-0_2 {
line-height: 0.2 !important;
}
.line-height-xxl-0_3 {
line-height: 0.3 !important;
}
.line-height-xxl-0_4 {
line-height: 0.4 !important;
}
.line-height-xxl-0_5 {
line-height: 0.5 !important;
}
.line-height-xxl-0_6 {
line-height: 0.6 !important;
}
.line-height-xxl-0_7 {
line-height: 0.7 !important;
}
.line-height-xxl-0_8 {
line-height: 0.8 !important;
}
.line-height-xxl-0_9 {
line-height: 0.9 !important;
}
.line-height-xxl-1 {
line-height: 1 !important;
}
.line-height-xxl-1_0 {
line-height: 1 !important;
}
.line-height-xxl-1_1 {
line-height: 1.1 !important;
}
.line-height-xxl-1_2 {
line-height: 1.2 !important;
}
.line-height-xxl-1_3 {
line-height: 1.3 !important;
}
.line-height-xxl-1_4 {
line-height: 1.4 !important;
}
.line-height-xxl-1_5 {
line-height: 1.5 !important;
}
.line-height-xxl-1_6 {
line-height: 1.6 !important;
}
.line-height-xxl-1_7 {
line-height: 1.7 !important;
}
.line-height-xxl-1_8 {
line-height: 1.8 !important;
}
.line-height-xxl-1_9 {
line-height: 1.9 !important;
}
.line-height-xxl-2 {
line-height: 2 !important;
}
.line-height-xxl-2_0 {
line-height: 2 !important;
}
}
.weight-400 {
font-weight: 400;
}
.weight-500 {
font-weight: 500;
}
.weight-600 {
font-weight: 600;
}
.weight-700 {
font-weight: 700;
}
.text-center {
text-align: center;
}
.position-relative {
position: relative;
}
.position-absolute {
position: absolute;
}
.overflow-hidden {
overflow: hidden;
}
.vh-max-85 {
max-height: 85vh;
max-height: calc(var(--vh, 1vh) * 85);
}
.vh-max-80 {
max-height: 80vh;
max-height: calc(var(--vh, 1vh) * 80);
}
.vh-max-75 {
max-height: 75vh;
max-height: calc(var(--vh, 1vh) * 75);
}
.vh-max-70 {
max-height: 70vh;
max-height: calc(var(--vh, 1vh) * 70);
}
.vh-max-90 {
max-height: 90vh;
min-height: calc(var(--vh, 1vh) * 90);
}
/* Track */
::-webkit-scrollbar-track {
background: rgba(183, 183, 183, 0.448);
}
::-webkit-scrollbar {
width: 10px;
position: fixed;
right: 0px;
background: transparent;
}
::-webkit-scrollbar-thumb {
background: #888;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
background: #555;
}
.video_background {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: auto;
z-index: 99;
cursor: pointer;
}
#loading {
display: block;
position: absolute;
top: 0;
left: 0;
z-index: 100;
width: 100vw;
height: 100vh;
height: calc(var(--vh, 1vh) * 100);
background-color: black;
background-image: url("skin/Cargando.gif");
background-repeat: no-repeat;
background-position: center;
display: none;
}
audio {
width: 250px;
}
.menu-item {
-webkit-transition: all 1s ease-out;
transition: all 1s ease-out;
width: 120px;
padding-right: 35px;
margin-left: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 12px;
cursor: pointer;
pointer-events: auto;
color: white;
position: relative;
}
.menu-item:hover {
color: white;
}
.menu-item:hover .point-menu-mark {
background: #900707;
}
.menu-item-title {
position: relative;
text-align: right;
width: -webkit-min-content;
width: -moz-min-content;
width: min-content;
display: table-caption;
display: -ms-grid;
font-weight: 100;
font-family: sans-serif;
margin-bottom: 10px;
padding-right: 20px;
}
.point-menu-mark {
position: absolute;
top: 1px;
right: 40px;
width: 10px;
height: 10px;
border-radius: 50%;
background: lightgray;
margin: 0px 0px 0px 5px;
}
.separator-menu {
width: auto;
height: 5px;
display: block;
border-right: 1px solid #ebebeb;
margin-right: 30px;
margin-left: -30px;
margin-top: 3px;
margin-bottom: 3px;
cursor: default;
pointer-events: auto;
}
.separator-menu-invisible {
width: auto;
height: 5px;
display: block;
cursor: default;
pointer-events: auto;
}
.hotspot-personalizado {
width: 500px;
height: 500px;
border-radius: 50%;
-webkit-animation: scale-animated 1s ease infinite;
animation: scale-animated 1s ease infinite;
}
@-webkit-keyframes scale-animated {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
50% {
-webkit-transform: scale(2);
transform: scale(2);
}
}
@keyframes scale-animated {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
50% {
-webkit-transform: scale(2);
transform: scale(2);
}
}
@media (min-width: 576px) {
.menu-item {
height: 50px;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.point-menu-mark {
top: 1px;
}
.point-menu-mark::after {
content: "";
width: 2px;
height: 30px;
position: absolute;
right: 4px;
top: calc(100% + 5px);
background: #d7d7d7;
}
}
.h-min-10 {
min-height: 5rem;
}
.h-100 {
height: 100% !important;
}
/* Botónes especiales */
.btn-style-1,
.btn-style-2,
.btn-style-3,
.btn-style-4,
.btn-style-5,
.btn-style-6,
.btn-style-7,
.btn-style-8,
.btn-style-9,
.btn-style-10 {
position: relative;
overflow: hidden;
}
.btn-style-1::after,
.btn-style-2::after,
.btn-style-3::after,
.btn-style-4::after,
.btn-style-5::after,
.btn-style-6::after,
.btn-style-7::after,
.btn-style-8::after,
.btn-style-9::after,
.btn-style-10::after {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: radial-gradient(50% 80% at center, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 90%, rgba(255, 255, 255, 0) 90%, rgba(0, 0, 0, 0.2) 110%);
}
.btn-style-1 {
background: -webkit-gradient(linear, left top, left bottom, from(#00876a), color-stop(#00b990), color-stop(#00b990), to(#019172));
background: linear-gradient(180deg, #00876a, #00b990, #00b990, #019172);
}
.btn-style-1:hover {
background: -webkit-gradient(linear, left top, left bottom, from(#029d7b), color-stop(#00b990), color-stop(#00b990), to(#019172));
background: linear-gradient(180deg, #029d7b, #00b990, #00b990, #019172);
}
.btn-style-2 {
background: -webkit-gradient(linear, left top, left bottom, from(#b19537), color-stop(#dab744), color-stop(#eed06e), to(#dab744));
background: linear-gradient(180deg, #b19537, #dab744, #eed06e, #dab744);
}
.btn-style-2:hover {
background: -webkit-gradient(linear, left top, left bottom, from(#f3d160), color-stop(#dab744), color-stop(#e2c35c), to(#dab744));
background: linear-gradient(180deg, #f3d160, #dab744, #e2c35c, #dab744);
}
.btn-style-3 {
background: -webkit-gradient(linear, left top, left bottom, from(#cc803d), color-stop(#fda95f), color-stop(#f3ae72), to(#fda95f));
background: linear-gradient(180deg, #cc803d, #fda95f, #f3ae72, #fda95f);
}
.btn-style-3:hover {
background: -webkit-gradient(linear, left top, left bottom, from(#e29e62), color-stop(#fda95f), color-stop(#f3ae72), to(#fda95f));
background: linear-gradient(180deg, #e29e62, #fda95f, #f3ae72, #fda95f);
}
.btn-style-4 {
background: -webkit-gradient(linear, left top, left bottom, from(#d1322a), color-stop(#fa5e57), color-stop(#fa5e57), to(#f5574e));
background: linear-gradient(180deg, #d1322a, #fa5e57, #fa5e57, #f5574e);
}
.btn-style-4:hover {
background: -webkit-gradient(linear, left top, left bottom, from(#f76861), color-stop(#fa5e57), color-stop(#fa5e57), to(#f5574e));
background: linear-gradient(180deg, #f76861, #fa5e57, #fa5e57, #f5574e);
}
.btn-style-5 {
background: -webkit-gradient(linear, left top, left bottom, from(#ba28a1), color-stop(#db4792), color-stop(#db4792), to(#ce3481));
background: linear-gradient(180deg, #ba28a1, #db4792, #db4792, #ce3481);
}
.btn-style-5:hover {
background: -webkit-gradient(linear, left top, left bottom, from(#c23bac), color-stop(#db4792), color-stop(#db4792), to(#ce3481));
background: linear-gradient(180deg, #c23bac, #db4792, #db4792, #ce3481);
}
.btn-style-6 {
background: -webkit-gradient(linear, left top, left bottom, from(#c92caf), color-stop(#e970d4), color-stop(#e970d4), to(#d155bd));
background: linear-gradient(180deg, #c92caf, #e970d4, #e970d4, #d155bd);
}
.btn-style-6:hover {
background: -webkit-gradient(linear, left top, left bottom, from(#da47c1), color-stop(#e970d4), color-stop(#e970d4), to(#d155bd));
background: linear-gradient(180deg, #da47c1, #e970d4, #e970d4, #d155bd);
}
.btn-style-7 {
background: -webkit-gradient(linear, left top, left bottom, from(#6225a9), color-stop(#8d4ed7), color-stop(#8d4ed7), to(#7b38c7));
background: linear-gradient(180deg, #6225a9, #8d4ed7, #8d4ed7, #7b38c7);
}
.btn-style-7:hover {
background: -webkit-gradient(linear, left top, left bottom, from(#7435bd), color-stop(#8d4ed7), color-stop(#8d4ed7), to(#7b38c7));
background: linear-gradient(180deg, #7435bd, #8d4ed7, #8d4ed7, #7b38c7);
}
.btn-style-8 {
background: -webkit-gradient(linear, left top, left bottom, from(#007982), color-stop(#009da9), color-stop(#009da9), to(#008992));
background: linear-gradient(180deg, #007982, #009da9, #009da9, #008992);
}
.btn-style-8:hover {
background: -webkit-gradient(linear, left top, left bottom, from(#01949e), color-stop(#009da9), color-stop(#009da9), to(#008992));
background: linear-gradient(180deg, #01949e, #009da9, #009da9, #008992);
}
.btn-style-9 {
background: -webkit-gradient(linear, left top, left bottom, from(#12a7d5), color-stop(#2ec9f8), color-stop(#2ec9f8), to(#1bacd8));
background: linear-gradient(180deg, #12a7d5, #2ec9f8, #2ec9f8, #1bacd8);
}
.btn-style-9:hover {
background: -webkit-gradient(linear, left top, left bottom, from(#22bded), color-stop(#2ec9f8), color-stop(#2ec9f8), to(#1bacd8));
background: linear-gradient(180deg, #22bded, #2ec9f8, #2ec9f8, #1bacd8);
}
.btn-style-10 {
background: -webkit-gradient(linear, left top, left bottom, from(#0f684c), color-stop(#299572), color-stop(#299572), to(#1a775a));
background: linear-gradient(180deg, #0f684c, #299572, #299572, #1a775a);
}
.btn-style-10:hover {
background: -webkit-gradient(linear, left top, left bottom, from(#1a7b5c), color-stop(#299572), color-stop(#299572), to(#1a775a));
background: linear-gradient(180deg, #1a7b5c, #299572, #299572, #1a775a);
}
.btn-style-primary {
background: -webkit-gradient(linear, left top, left bottom, from(#4d2568), color-stop(#5c2a7e), color-stop(#5c2a7e), to(#8043a9));
background: linear-gradient(180deg, #4d2568, #5c2a7e, #5c2a7e, #8043a9);
}
.btn-style-primary:hover {
background: -webkit-gradient(linear, left top, left bottom, from(#552972), color-stop(#6b3092), color-stop(#6b3092), to(#964fc5));
background: linear-gradient(180deg, #552972, #6b3092, #6b3092, #964fc5);
}
.bg-color-1 {
background: #00876a;
}
.bg-color-2 {
background: #b19537;
}
.bg-color-3 {
background: #cc803d;
}
.bg-color-4 {
background: #d1322a;
}
.bg-color-5 {
background: #ba28a1;
}
.bg-color-6 {
background: #c92caf;
}
.bg-color-7 {
background: #6225a9;
}
.bg-color-8 {
background: #007982;
}
.bg-color-9 {
background: #12a7d5;
}
.bg-color-10 {
background: #0f684c;
}
.btn-style-circular {
background: #8750ac;
-webkit-box-shadow: inset 4px 4px 10px #845cd5, inset 4px 4px 10px #080016, 0px 0px 1px 4px #6a2b94,
inset -4px -4px 10px #160537;
box-shadow: inset 4px 4px 10px #845cd5, inset 4px 4px 10px #080016, 0px 0px 1px 4px #6a2b94,
inset -4px -4px 10px #160537;
}
.btn-style-circular:hover {
background: #68338c;
-webkit-box-shadow: inset 4px 4px 10px #6d42c4, inset 4px 4px 10px #080016, 0px 0px 1px 4px #4c1e6b,
inset -4px -4px 10px #160537;
box-shadow: inset 4px 4px 10px #6d42c4, inset 4px 4px 10px #080016, 0px 0px 1px 4px #4c1e6b,
inset -4px -4px 10px #160537;
}
.btn-style-circular[aria-expanded="true"] {
background: #68338c;
-webkit-box-shadow: inset 4px 4px 10px #6d42c4, inset 4px 4px 10px #080016, 0px 0px 1px 4px #4c1e6b,
inset -4px -4px 10px #160537;
box-shadow: inset 4px 4px 10px #6d42c4, inset 4px 4px 10px #080016, 0px 0px 1px 4px #4c1e6b,
inset -4px -4px 10px #160537;
}
.circle-150 {
height: 150px;
width: 150px;
}
.circle-100 {
height: 100px;
width: 100px;
}
.circle-80 {
height: 80px;
width: 80px;
}
.subviews-wraper.collapse.show li:nth-child(1) {
-webkit-animation: apear-left 0.3s ease-in forwards;
animation: apear-left 0.3s ease-in forwards;
-webkit-animation-delay: 0.1s;
animation-delay: 0.1s;
}
.subviews-wraper.collapse.show li:nth-child(2) {
-webkit-animation: apear-left 0.3s ease-in forwards;
animation: apear-left 0.3s ease-in forwards;
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s;
}
.subviews-wraper.collapse.show li:nth-child(3) {
-webkit-animation: apear-left 0.3s ease-in forwards;
animation: apear-left 0.3s ease-in forwards;
-webkit-animation-delay: 0.3s;
animation-delay: 0.3s;
}
.subviews-wraper.collapse.show li:nth-child(4) {
-webkit-animation: apear-left 0.3s ease-in forwards;
animation: apear-left 0.3s ease-in forwards;
-webkit-animation-delay: 0.4s;
animation-delay: 0.4s;
}
.subviews-wraper.collapse.show li:nth-child(5) {
-webkit-animation: apear-left 0.3s ease-in forwards;
animation: apear-left 0.3s ease-in forwards;
-webkit-animation-delay: 0.5s;
animation-delay: 0.5s;
}
.subviews-wraper.collapse.show li:nth-child(6) {
-webkit-animation: apear-left 0.3s ease-in forwards;
animation: apear-left 0.3s ease-in forwards;
-webkit-animation-delay: 0.6s;
animation-delay: 0.6s;
}
.subviews-wraper.collapse.show li:nth-child(7) {
-webkit-animation: apear-left 0.3s ease-in forwards;
animation: apear-left 0.3s ease-in forwards;
-webkit-animation-delay: 0.7s;
animation-delay: 0.7s;
}
.subviews-wraper.collapse.show li:nth-child(8) {
-webkit-animation: apear-left 0.3s ease-in forwards;
animation: apear-left 0.3s ease-in forwards;
-webkit-animation-delay: 0.8s;
animation-delay: 0.8s;
}
.subviews-wraper.collapse.show li:nth-child(9) {
-webkit-animation: apear-left 0.3s ease-in forwards;
animation: apear-left 0.3s ease-in forwards;
-webkit-animation-delay: 0.9s;
animation-delay: 0.9s;
}
.subviews-wraper.collapse.show li:nth-child(10) {
-webkit-animation: apear-left 0.3s ease-in forwards;
animation: apear-left 0.3s ease-in forwards;
-webkit-animation-delay: 1s;
animation-delay: 1s;
}
@-webkit-keyframes apear-left {
0% {
opacity: 0;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
100% {
opacity: 1;
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
}
@keyframes apear-left {
0% {
opacity: 0;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
100% {
opacity: 1;
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
}
.subviews-wraper .theme-container:nth-child(1) {
-webkit-animation: apear-right 0.3s ease-in forwards;
animation: apear-right 0.3s ease-in forwards;
-webkit-animation-delay: 0.1s;
animation-delay: 0.1s;
}
.subviews-wraper .theme-container:nth-child(2) {
-webkit-animation: apear-right 0.3s ease-in forwards;
animation: apear-right 0.3s ease-in forwards;
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s;
}
.subviews-wraper .theme-container:nth-child(3) {
-webkit-animation: apear-right 0.3s ease-in forwards;
animation: apear-right 0.3s ease-in forwards;
-webkit-animation-delay: 0.3s;
animation-delay: 0.3s;
}
.subviews-wraper .theme-container:nth-child(4) {
-webkit-animation: apear-right 0.3s ease-in forwards;
animation: apear-right 0.3s ease-in forwards;
-webkit-animation-delay: 0.4s;
animation-delay: 0.4s;
}
.subviews-wraper .theme-container:nth-child(5) {
-webkit-animation: apear-right 0.3s ease-in forwards;
animation: apear-right 0.3s ease-in forwards;
-webkit-animation-delay: 0.5s;
animation-delay: 0.5s;
}
.subviews-wraper .theme-container:nth-child(6) {
-webkit-animation: apear-right 0.3s ease-in forwards;
animation: apear-right 0.3s ease-in forwards;
-webkit-animation-delay: 0.6s;
animation-delay: 0.6s;
}
.subviews-wraper .theme-container:nth-child(7) {
-webkit-animation: apear-right 0.3s ease-in forwards;
animation: apear-right 0.3s ease-in forwards;
-webkit-animation-delay: 0.7s;
animation-delay: 0.7s;
}
.subviews-wraper .theme-container:nth-child(8) {
-webkit-animation: apear-right 0.3s ease-in forwards;
animation: apear-right 0.3s ease-in forwards;
-webkit-animation-delay: 0.8s;
animation-delay: 0.8s;
}
.subviews-wraper .theme-container:nth-child(9) {
-webkit-animation: apear-right 0.3s ease-in forwards;
animation: apear-right 0.3s ease-in forwards;
-webkit-animation-delay: 0.9s;
animation-delay: 0.9s;
}
.subviews-wraper .theme-container:nth-child(10) {
-webkit-animation: apear-right 0.3s ease-in forwards;
animation: apear-right 0.3s ease-in forwards;
-webkit-animation-delay: 1s;
animation-delay: 1s;
}
@-webkit-keyframes apear-right {
0% {
opacity: 0;
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
100% {
opacity: 1 !important;
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
}
@keyframes apear-right {
0% {
opacity: 0;
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
100% {
opacity: 1 !important;
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
}
.slide-fade-enter-active {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.slide-fade-leave-active {
-webkit-transition: all 0.8s cubic-bezier(1, 0.5, 0.8, 1);
transition: all 0.8s cubic-bezier(1, 0.5, 0.8, 1);
}
.slide-fade-enter, .slide-fade-leave-to {
-webkit-transform: translateX(100vw);
transform: translateX(100vw);
opacity: 0;
}
.fade-expand-enter-active,
.fade-expand-leave-active {
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.fade-expand-enter, .fade-expand-leave-to {
opacity: 0;
-webkit-transform: scale(0);
transform: scale(0);
}
.expandfade-enter-active,
.expandfade-leave-active {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.expandfade-enter,
.expandfade-leave-to {
opacity: 0;
-webkit-transform: scale(0);
transform: scale(0);
}
.text-justify {
text-align: justify;
}
.subviews-wraper {
max-width: 0px;
overflow: visible;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding-left: 80px;
-webkit-transition: all 1s ease-in;
transition: all 1s ease-in;
}
.subviews-wraper li {
-webkit-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
opacity: 0;
min-width: 350px !important;
}
#tourNavigationInfo {
z-index: 10;
position: absolute;
top: 50%;
right: 0;
max-width: 0px;
overflow: visible;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding-right: 15px;
-webkit-transition: all 1s ease-in;
transition: all 1s ease-in;
-webkit-transform: translateX(0px) translateY(-50%);
transform: translateX(0px) translateY(-50%);
}
#tourNavigationInfo .theme-container {
-webkit-transform: scale(0.5);
transform: scale(0.5);
-webkit-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
margin-bottom: -30px;
}
#navigation-controls {
width: 0px;
height: 0px;
position: absolute;
top: calc(100vh - 60px) !important;
top: calc(calc(var(--vh, 1vh) * 100) - 60px) !important;
right: 100px;
overflow: visible;
z-index: 1;
-webkit-transform: scale(0.5);
transform: scale(0.5);
}
#logo {
z-index: 10;
height: 0px;
overflow: visible;
top: 20px;
height: 30px;
}
#logo img {
height: 30px;
width: 140px;
}
#tourNavigation {
z-index: 10;
position: absolute;
top: 50%;
-webkit-transform: translateX(0px) translateY(-50%) scale(0.4);
transform: translateX(0px) translateY(-50%) scale(0.4);
}
#tourNavigation .accordion-button {
background-color: var(--purple);
border: 0px !important;
}
#tourNavigation .accordion-button::after {
width: 0;
height: 0;
margin-left: auto;
background: none;
margin: 0px;
content: none;
}
.subview-btn.active {
-webkit-transform: translateX(5%);
transform: translateX(5%);
}
.roomview-btn.active {
background: #68338c;
-webkit-box-shadow: inset 4px 4px 10px #6d42c4, inset 4px 4px 10px #080016, 0px 0px 1px 4px #4c1e6b,
inset -4px -4px 10px #160537;
box-shadow: inset 4px 4px 10px #6d42c4, inset 4px 4px 10px #080016, 0px 0px 1px 4px #4c1e6b,
inset -4px -4px 10px #160537;
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
#themeSelected {
padding-right: 20vw;
-webkit-transform: translateX(-40%) translateY(0%);
transform: translateX(-40%) translateY(0%);
height: 350px;
min-width: calc(100vw - 100px);
}
@media (max-width: 767.98px) and (orientation: landscape) {
.subviews-wraper {
padding-left: 80px !important;
}
#tourNavigation {
-webkit-transform: translateX(0px) translateY(-50%) scale(0.34);
transform: translateX(0px) translateY(-50%) scale(0.34);
}
#themeSelected {
padding-right: 90px !important;
-webkit-transform: translateX(-40%) translateY(5%);
transform: translateX(-40%) translateY(5%);
height: 220px;
min-width: 350px;
}
}
@media (min-width: 767.98px) and (orientation: portrait) {
.subviews-wraper {
padding-left: 80px !important;
}
#logo {
height: 40px;
}
#logo img {
height: 40px;
width: 188px;
}
#tourNavigation {
-webkit-transform: translateX(0px) translateY(-50%) scale(0.7) !important;
transform: translateX(0px) translateY(-50%) scale(0.7) !important;
}
#navigation-controls {
right: 200px;
-webkit-transform: scale(0.7);
transform: scale(0.7);
}
#tourNavigationInfo {
padding-right: 15px;
-webkit-transform: translateX(0px) translateY(-50%);
transform: translateX(0px) translateY(-50%);
}
#tourNavigationInfo .theme-container {
-webkit-transform: scale(0.7);
transform: scale(0.7);
margin-bottom: -18px;
}
#themeSelected {
padding-right: 110px !important;
min-width: 400px;
min-height: 400px;
height: 400px;
-webkit-transform: translateX(-45%) translateY(5%);
transform: translateX(-45%) translateY(5%);
}
}
@media (min-width: 767.98px) {
#logo {
height: 40px;
}
#logo img {
height: 40px;
width: 188px;
}
.subviews-wraper {
padding-left: 80px !important;
}
#tourNavigation {
-webkit-transform: translateX(0px) translateY(-50%) scale(0.4) !important;
transform: translateX(0px) translateY(-50%) scale(0.4) !important;
}
#navigation-controls {
right: 200px;
-webkit-transform: scale(0.6);
transform: scale(0.6);
}
#tourNavigationInfo {
padding-right: 15px;
-webkit-transform: translateX(0px) translateY(-50%);
transform: translateX(0px) translateY(-50%);
}
#tourNavigationInfo .theme-container {
-webkit-transform: scale(0.6);
transform: scale(0.6);
margin-bottom: -25px;
}
#themeSelected {
padding-right: 110px !important;
min-width: 400px;
min-height: 300px;
height: 300px;
-webkit-transform: translateX(-45%) translateY(5%);
transform: translateX(-45%) translateY(5%);
}
}
@media (min-width: 991.98px) and (orientation: landscape) {
#logo {
height: 40px;
}
#logo img {
height: 40px;
width: 188px;
}
.subviews-wraper {
padding-left: 40px !important;
}
#tourNavigation {
-webkit-transform: translateX(50px) translateY(-50%) scale(0.6) !important;
transform: translateX(50px) translateY(-50%) scale(0.6) !important;
}
#navigation-controls {
right: 200px;
-webkit-transform: scale(0.6);
transform: scale(0.6);
}
#tourNavigationInfo {
padding-right: 15px;
-webkit-transform: translateX(0px) translateY(-50%);
transform: translateX(0px) translateY(-50%);
}
#tourNavigationInfo .theme-container {
-webkit-transform: scale(0.6);
transform: scale(0.6);
margin-bottom: -25px;
}
#themeSelected {
padding-right: 110px !important;
min-width: 400px;
min-height: 300px;
height: 300px;
-webkit-transform: translateX(-45%) translateY(5%);
transform: translateX(-45%) translateY(5%);
}
}
@media (min-width: 1199.98px) and (orientation: landscape) {
#tourNavigation {
-webkit-transform: translateX(50px) translateY(-50%) scale(0.7) !important;
transform: translateX(50px) translateY(-50%) scale(0.7) !important;
}
.subviews-wraper {
padding-left: 55px !important;
}
#navigation-controls {
right: 200px;
-webkit-transform: scale(0.7);
transform: scale(0.7);
top: calc(100vh - 80px) !important;
top: calc(calc(var(--vh, 1vh) * 100) - 80px) !important;
}
#themeSelected {
padding-right: 65px !important;
min-width: 500px;
min-height: 450px;
height: 450px;
}
#tourNavigationInfo {
padding-right: 15px;
-webkit-transform: translateX(0px) translateY(-50%);
transform: translateX(0px) translateY(-50%);
}
#tourNavigationInfo .theme-container {
-webkit-transform: scale(0.7);
transform: scale(0.7);
margin-bottom: -20px;
}
}
@media (min-width: 1399.98px) and (orientation: landscape) {
#tourNavigation {
-webkit-transform: translateX(50px) translateY(-50%) scale(0.8) !important;
transform: translateX(50px) translateY(-50%) scale(0.8) !important;
}
.subviews-wraper {
padding-left: 75px !important;
}
#navigation-controls {
right: 200px;
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
#themeSelected {
padding-right: 85px !important;
min-width: 650px;
min-height: 450px;
height: 450px;
}
#tourNavigationInfo {
padding-right: 15px;
-webkit-transform: translateX(0px) translateY(-50%);
transform: translateX(0px) translateY(-50%);
}
#tourNavigationInfo .theme-container {
-webkit-transform: scale(1);
transform: scale(1);
margin-bottom: 0px;
}
}
.fade-enter-active,
.fade-leave-active {
-webkit-transition: opacity 0.5s;
transition: opacity 0.5s;
}
.fade-enter, .fade-leave-to {
opacity: 0;
}
.rounded-left-circle {
border-top-left-radius: 500px;
border-bottom-left-radius: 500px;
}
img,
video {
max-width: 400% !important;
}
.video-container {
overflow: hidden;
position: fixed;
width: 100vw;
height: 100vh;
height: calc(var(--vh, 1vh) * 100);
}
.video-container > video {
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
min-height: 100vh;
min-height: calc(var(--vh, 1vh) * 100);
min-width: 100vw !important;
}
.brand {
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
display: block;
}
a.text-primary:hover {
color: #472160;
text-shadow: 0px 0px 3px white;
}
.transition-all-300 {
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.hover\:scale-105:hover {
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
.btn-special-animated {
width: 100px;
height: 100px;
}
@-webkit-keyframes desk {
from {
background-position: 0 0;
}
to {
background-position: 0 100%;
}
0% {
-webkit-transform: translateX(0px);
transform: translateX(0px);
}
25% {
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}
50% {
-webkit-transform: translateX(10px);
transform: translateX(10px);
}
75% {
-webkit-transform: translateX(-5px);
transform: translateX(-5px);
}
90% {
-webkit-transform: translateX(5px);
transform: translateX(5px);
}
100% {
-webkit-transform: translateX(0px);
transform: translateX(0px);
}
}
@keyframes desk {
from {
background-position: 0 0;
}
to {
background-position: 0 100%;
}
0% {
-webkit-transform: translateX(0px);
transform: translateX(0px);
}
25% {
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}
50% {
-webkit-transform: translateX(10px);
transform: translateX(10px);
}
75% {
-webkit-transform: translateX(-5px);
transform: translateX(-5px);
}
90% {
-webkit-transform: translateX(5px);
transform: translateX(5px);
}
100% {
-webkit-transform: translateX(0px);
transform: translateX(0px);
}
}
.pulse {
-webkit-animation: pulse-animation 2s infinite;
animation: pulse-animation 2s infinite;
}
@-webkit-keyframes pulse-animation {
0% {
-webkit-box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2);
box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2);
}
100% {
-webkit-box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
}
}
@keyframes pulse-animation {
0% {
-webkit-box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2);
box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2);
}
100% {
-webkit-box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
}
}
.text-shadow-md {
text-shadow: white 0px 0px 3px;
}
.text-shadow-sm {
text-shadow: white 0px 0px 1px;
}
.text-shadow-lg {
text-shadow: white 0px 0px 5px;
}
@media (max-width: 992px) {
.navbar.js-collapsed {
-webkit-transition: none;
transition: none;
background: transparent;
}
.navbar.js-collapsed button.navbar-toggler {
color: var(--primary);
}
.navbar.js-collapsed .navbar-collapse {
min-height: auto;
}
.navbar:not(.js-collapsed) {
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
background: linear-gradient(135deg, #240f32 0%, var(--primary) 80%, #4d2568d2 100%);
}
.navbar:not(.js-collapsed) button.navbar-toggler {
color: #ffffff;
}
.navbar:not(.js-collapsed) .navbar-collapse {
min-height: calc(var(--vh, 1vh) * 100);
}
.navbar:not(.js-collapsed) .nav-item {
opacity: 0;
}
.navbar:not(.js-collapsed) .nav-item:nth-child(1) {
-webkit-animation: fade-left 1s cubic-bezier(0.23, 0.785, 0.62, 0.975) forwards;
animation: fade-left 1s cubic-bezier(0.23, 0.785, 0.62, 0.975) forwards;
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s;
}
.navbar:not(.js-collapsed) .nav-item:nth-child(2) {
-webkit-animation: fade-left 1s cubic-bezier(0.23, 0.785, 0.62, 0.975) forwards;
animation: fade-left 1s cubic-bezier(0.23, 0.785, 0.62, 0.975) forwards;
-webkit-animation-delay: 0.4s;
animation-delay: 0.4s;
}
.navbar:not(.js-collapsed) .nav-item:nth-child(3) {
-webkit-animation: fade-left 1s cubic-bezier(0.23, 0.785, 0.62, 0.975) forwards;
animation: fade-left 1s cubic-bezier(0.23, 0.785, 0.62, 0.975) forwards;
-webkit-animation-delay: 0.6s;
animation-delay: 0.6s;
}
.navbar:not(.js-collapsed) .nav-item:nth-child(4) {
-webkit-animation: fade-left 1s cubic-bezier(0.23, 0.785, 0.62, 0.975) forwards;
animation: fade-left 1s cubic-bezier(0.23, 0.785, 0.62, 0.975) forwards;
-webkit-animation-delay: 0.8s;
animation-delay: 0.8s;
}
.navbar:not(.js-collapsed) .nav-item:nth-child(5) {
-webkit-animation: fade-left 1s cubic-bezier(0.23, 0.785, 0.62, 0.975) forwards;
animation: fade-left 1s cubic-bezier(0.23, 0.785, 0.62, 0.975) forwards;
-webkit-animation-delay: 1s;
animation-delay: 1s;
}
.navbar:not(.js-collapsed) .nav-item:nth-child(6) {
-webkit-animation: fade-left 1s cubic-bezier(0.23, 0.785, 0.62, 0.975) forwards;
animation: fade-left 1s cubic-bezier(0.23, 0.785, 0.62, 0.975) forwards;
-webkit-animation-delay: 1.2s;
animation-delay: 1.2s;
}
.navbar:not(.js-collapsed) .nav-item:nth-child(7) {
-webkit-animation: fade-left 1s cubic-bezier(0.23, 0.785, 0.62, 0.975) forwards;
animation: fade-left 1s cubic-bezier(0.23, 0.785, 0.62, 0.975) forwards;
-webkit-animation-delay: 1.4s;
animation-delay: 1.4s;
}
.navbar:not(.js-collapsed) .nav-item:nth-child(8) {
-webkit-animation: fade-left 1s cubic-bezier(0.23, 0.785, 0.62, 0.975) forwards;
animation: fade-left 1s cubic-bezier(0.23, 0.785, 0.62, 0.975) forwards;
-webkit-animation-delay: 1.6s;
animation-delay: 1.6s;
}
.navbar:not(.js-collapsed) .nav-item:nth-child(9) {
-webkit-animation: fade-left 1s cubic-bezier(0.23, 0.785, 0.62, 0.975) forwards;
animation: fade-left 1s cubic-bezier(0.23, 0.785, 0.62, 0.975) forwards;
-webkit-animation-delay: 1.8s;
animation-delay: 1.8s;
}
}
@-webkit-keyframes fade-left {
0% {
opacity: 0;
-webkit-transform: translate(-200%);
transform: translate(-200%);
}
100% {
opacity: 1;
-webkit-transform: translate(0%);
transform: translate(0%);
}
}
@keyframes fade-left {
0% {
opacity: 0;
-webkit-transform: translate(-200%);
transform: translate(-200%);
}
100% {
opacity: 1;
-webkit-transform: translate(0%);
transform: translate(0%);
}
}
.text-shadow-1 {
text-shadow: 0 0 1px white;
}
@media (min-width: 576px) {
.sm\:scale-120 {
-webkit-transform: scale(1.2) !important;
transform: scale(1.2) !important;
}
}
@media (min-width: 768px) {
.md\:scale-140 {
-webkit-transform: scale(1.4) !important;
transform: scale(1.4) !important;
}
}
@media (min-width: 992px) {
.lg\:scale-160 {
-webkit-transform: scale(1.6) !important;
transform: scale(1.6) !important;
}
}
@media (min-width: 1200px) {
.xl\:scale-180 {
-webkit-transform: scale(1.8) !important;
transform: scale(1.8) !important;
}
}
@media (min-width: 1400px) {
.xxl\:scale-200 {
-webkit-transform: scale(2) !important;
transform: scale(2) !important;
}
}
.overflow-y-auto {
overflow-y: auto;
}
.bg-section {
background: #4d256890;
}
@media (min-width: 576px) {
.main-container {
margin-top: 4rem !important;
}
}
@media (min-width: 768px) {
.main-container {
margin-top: 5rem !important;
}
}
@media (min-width: 992px) {
.main-container {
margin-top: 7.5rem !important;
}
}
.box-shadow-none {
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
.min-h-1 {
min-height: .25rem !important;
}
.min-h-2 {
min-height: .5rem !important;
}
.min-h-3 {
min-height: 1rem !important;
}
.min-h-4 {
min-height: 1.5rem !important;
}
.min-h-5 {
min-height: 3rem !important;
}
.min-h-full {
min-height: 100% !important;
}
.min-w-full {
min-width: 100% !important;
}
.min-w-_5 {
min-width: .01rem !important;
}
.min-w-1 {
min-width: .25rem !important;
}
.min-w-2 {
min-width: .5rem !important;
}
.min-w-3 {
min-width: 1rem !important;
}
.min-w-4 {
min-width: 1.5rem !important;
}
.min-w-5 {
min-width: 3rem !important;
}
.min-w-auto {
min-width: auto !important;
}
.max-h-full {
max-height: 100% !important;
}
.max-w-full {
max-width: 100% !important;
}
/*# sourceMappingURL=main.css.map */