@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,700;0,900;1,400;1,700;1,900&display=swap");
@font-face { font-family: "ExcellenceInMotionScreen"; font-style: normal; font-weight: 400; src: url("../../css/fonts/ExcellenceInMotionScreen-Regular.eot?") format("eot"), url("../../css/fonts/ExcellenceInMotionScreen-Regular.woff2") format("woff2"), url("../../css/fonts/ExcellenceInMotionScreen-Regular.woff") format("woff"), url("../../css/fonts/ExcellenceInMotionScreen-Regular.ttf") format("truetype"), url("../../css/fonts/ExcellenceInMotionScreen-Regular.svg#ExcellenceInMotionScreen") format("svg"); }

@font-face { font-family: "ExcellenceInMotionScreen"; font-style: bold; font-weight: 700; src: url("../../css/fonts/ExcellenceInMotionScreen-Bold.eot?") format("eot"), url("../../css/fonts/ExcellenceInMotionScreen-Bold.woff2") format("woff2"), url("../../css/fonts/ExcellenceInMotionScreen-Bold.woff") format("woff"), url("../../css/fonts/ExcellenceInMotionScreen-Bold.ttf") format("truetype"), url("../../css/fonts/ExcellenceInMotionScreen-Bold.svg#ExcellenceInMotionScreen") format("svg"); }

.fade-in { -webkit-animation-name: fadein; animation-name: fadein; -webkit-animation-duration: 3s; animation-duration: 3s; }

@-webkit-keyframes fadein { from { opacity: 0;
    filter: alpha(opacity=0); }
  to { opacity: 1;
    filter: alpha(opacity=100); } }

@keyframes fadein { from { opacity: 0;
    filter: alpha(opacity=0); }
  to { opacity: 1;
    filter: alpha(opacity=100); } }

.increase { -webkit-animation-name: increase; animation-name: increase; -webkit-animation-duration: 2s; animation-duration: 2s; }

@-webkit-keyframes increase { from { -webkit-transform: scale(0);
    transform: scale(0); }
  to { -webkit-transform: scale(1);
    transform: scale(1); } }

@keyframes increase { from { -webkit-transform: scale(0);
    transform: scale(0); }
  to { -webkit-transform: scale(1);
    transform: scale(1); } }

.right-translate { -webkit-animation-name: right; animation-name: right; -webkit-animation-duration: 1s; animation-duration: 1s; }

@-webkit-keyframes right { from { -webkit-transform: translateX(55px);
    transform: translateX(55px); }
  to { -webkit-transform: translateX(0);
    transform: translateX(0); } }

@keyframes right { from { -webkit-transform: translateX(55px);
    transform: translateX(55px); }
  to { -webkit-transform: translateX(0);
    transform: translateX(0); } }

.left-translate { -webkit-animation-name: left; animation-name: left; -webkit-animation-duration: 1s; animation-duration: 1s; }

@-webkit-keyframes left { from { -webkit-transform: translateX(-55px);
    transform: translateX(-55px); }
  to { -webkit-transform: translateX(0);
    transform: translateX(0); } }

@keyframes left { from { -webkit-transform: translateX(-55px);
    transform: translateX(-55px); }
  to { -webkit-transform: translateX(0);
    transform: translateX(0); } }

.scroll-opacity { -webkit-animation: scrollOpacity 0.7s linear 1 normal; animation: scrollOpacity 0.7s linear 1 normal; }

@-webkit-keyframes scroll-opacity { 0% { opacity: 0; }
  100% { opacity: 1; } }

@keyframes scroll-opacity { 0% { opacity: 0; }
  100% { opacity: 1; } }

.scroll-in { -webkit-animation: fadeInDown 0.7s linear 1 normal; }

@-webkit-keyframes fadeInDown { from { opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translateY(-100px);
    transform: translateY(-100px); }
  to { opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@keyframes fadeInDown { from { opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translateY(-100px);
    transform: translateY(-100px); }
  to { opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

.reflection-container { position: relative; display: inline-block; vertical-align: middle; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-perspective: 1000px; perspective: 1000px; }

.reflection-container .reflection-content { -webkit-transform: rotateX(0) rotateY(0); transform: rotateX(0) rotateY(0); -webkit-transition: 100ms linear transform; transition: 100ms linear transform; height: 55vh; width: 55vh; background-size: cover; background-position: center; background-repeat: no-repeat; pointer-events: none; overflow: hidden; }

@media screen and (max-width: 1649px) { .reflection-container .reflection-content { height: 40vh; width: 40vh; } }

@media screen and (max-width: 1199px) { .reflection-container .reflection-content { height: 35vh; width: 35vh; } }

@media screen and (max-width: 767px) { .reflection-container .reflection-content { height: 30vh; width: 30vh; } }

@media screen and (max-width: 575px) { .reflection-container .reflection-content { height: 25vh; width: 25vh; } }

.reflection-container .reflection-content:before { content: ''; position: absolute; width: 200%; height: 200%; left: -50%; top: -50%; background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.2)), to(rgba(0, 0, 0, 0.2))); background: linear-gradient(rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0.2)); }

.reflection-container .reflection-content--img1 { background-image: url("../../images/internas/nosotros-hotel.jpg"); }

.reflection-container .reflection-grid-cell { position: absolute; z-index: 1; width: 10%; height: 10%; cursor: initial; }

.reflection-container .reflection-grid-cell-1 { top: 0%; left: 0%; }

.reflection-container .reflection-grid-cell-1:hover ~ .reflection-content { -webkit-transform: rotateX(20deg) rotateY(-20deg); transform: rotateX(20deg) rotateY(-20deg); }

.reflection-container .reflection-grid-cell-1:hover ~ .reflection-content:before { -webkit-transform: translateY(20%); transform: translateY(20%); }

.reflection-container .reflection-grid-cell-2 { top: 0%; left: 10%; }

.reflection-container .reflection-grid-cell-2:hover ~ .reflection-content { -webkit-transform: rotateX(20deg) rotateY(-15deg); transform: rotateX(20deg) rotateY(-15deg); }

.reflection-container .reflection-grid-cell-2:hover ~ .reflection-content:before { -webkit-transform: translateY(20%); transform: translateY(20%); }

.reflection-container .reflection-grid-cell-3 { top: 0%; left: 20%; }

.reflection-container .reflection-grid-cell-3:hover ~ .reflection-content { -webkit-transform: rotateX(20deg) rotateY(-10deg); transform: rotateX(20deg) rotateY(-10deg); }

.reflection-container .reflection-grid-cell-3:hover ~ .reflection-content:before { -webkit-transform: translateY(20%); transform: translateY(20%); }

.reflection-container .reflection-grid-cell-4 { top: 0%; left: 30%; }

.reflection-container .reflection-grid-cell-4:hover ~ .reflection-content { -webkit-transform: rotateX(20deg) rotateY(-5deg); transform: rotateX(20deg) rotateY(-5deg); }

.reflection-container .reflection-grid-cell-4:hover ~ .reflection-content:before { -webkit-transform: translateY(20%); transform: translateY(20%); }

.reflection-container .reflection-grid-cell-5 { top: 0%; left: 40%; }

.reflection-container .reflection-grid-cell-5:hover ~ .reflection-content { -webkit-transform: rotateX(20deg) rotateY(0deg); transform: rotateX(20deg) rotateY(0deg); }

.reflection-container .reflection-grid-cell-5:hover ~ .reflection-content:before { -webkit-transform: translateY(20%); transform: translateY(20%); }

.reflection-container .reflection-grid-cell-6 { top: 0%; left: 50%; }

.reflection-container .reflection-grid-cell-6:hover ~ .reflection-content { -webkit-transform: rotateX(20deg) rotateY(5deg); transform: rotateX(20deg) rotateY(5deg); }

.reflection-container .reflection-grid-cell-6:hover ~ .reflection-content:before { -webkit-transform: translateY(20%); transform: translateY(20%); }

.reflection-container .reflection-grid-cell-7 { top: 0%; left: 60%; }

.reflection-container .reflection-grid-cell-7:hover ~ .reflection-content { -webkit-transform: rotateX(20deg) rotateY(10deg); transform: rotateX(20deg) rotateY(10deg); }

.reflection-container .reflection-grid-cell-7:hover ~ .reflection-content:before { -webkit-transform: translateY(20%); transform: translateY(20%); }

.reflection-container .reflection-grid-cell-8 { top: 0%; left: 70%; }

.reflection-container .reflection-grid-cell-8:hover ~ .reflection-content { -webkit-transform: rotateX(20deg) rotateY(15deg); transform: rotateX(20deg) rotateY(15deg); }

.reflection-container .reflection-grid-cell-8:hover ~ .reflection-content:before { -webkit-transform: translateY(20%); transform: translateY(20%); }

.reflection-container .reflection-grid-cell-9 { top: 0%; left: 80%; }

.reflection-container .reflection-grid-cell-9:hover ~ .reflection-content { -webkit-transform: rotateX(20deg) rotateY(20deg); transform: rotateX(20deg) rotateY(20deg); }

.reflection-container .reflection-grid-cell-9:hover ~ .reflection-content:before { -webkit-transform: translateY(20%); transform: translateY(20%); }

.reflection-container .reflection-grid-cell-10 { top: 0%; left: 90%; }

.reflection-container .reflection-grid-cell-10:hover ~ .reflection-content { -webkit-transform: rotateX(20deg) rotateY(25deg); transform: rotateX(20deg) rotateY(25deg); }

.reflection-container .reflection-grid-cell-10:hover ~ .reflection-content:before { -webkit-transform: translateY(20%); transform: translateY(20%); }

.reflection-container .reflection-grid-cell-11 { top: 10%; left: 0%; }

.reflection-container .reflection-grid-cell-11:hover ~ .reflection-content { -webkit-transform: rotateX(15deg) rotateY(-20deg); transform: rotateX(15deg) rotateY(-20deg); }

.reflection-container .reflection-grid-cell-11:hover ~ .reflection-content:before { -webkit-transform: translateY(15%); transform: translateY(15%); }

.reflection-container .reflection-grid-cell-12 { top: 10%; left: 10%; }

.reflection-container .reflection-grid-cell-12:hover ~ .reflection-content { -webkit-transform: rotateX(15deg) rotateY(-15deg); transform: rotateX(15deg) rotateY(-15deg); }

.reflection-container .reflection-grid-cell-12:hover ~ .reflection-content:before { -webkit-transform: translateY(15%); transform: translateY(15%); }

.reflection-container .reflection-grid-cell-13 { top: 10%; left: 20%; }

.reflection-container .reflection-grid-cell-13:hover ~ .reflection-content { -webkit-transform: rotateX(15deg) rotateY(-10deg); transform: rotateX(15deg) rotateY(-10deg); }

.reflection-container .reflection-grid-cell-13:hover ~ .reflection-content:before { -webkit-transform: translateY(15%); transform: translateY(15%); }

.reflection-container .reflection-grid-cell-14 { top: 10%; left: 30%; }

.reflection-container .reflection-grid-cell-14:hover ~ .reflection-content { -webkit-transform: rotateX(15deg) rotateY(-5deg); transform: rotateX(15deg) rotateY(-5deg); }

.reflection-container .reflection-grid-cell-14:hover ~ .reflection-content:before { -webkit-transform: translateY(15%); transform: translateY(15%); }

.reflection-container .reflection-grid-cell-15 { top: 10%; left: 40%; }

.reflection-container .reflection-grid-cell-15:hover ~ .reflection-content { -webkit-transform: rotateX(15deg) rotateY(0deg); transform: rotateX(15deg) rotateY(0deg); }

.reflection-container .reflection-grid-cell-15:hover ~ .reflection-content:before { -webkit-transform: translateY(15%); transform: translateY(15%); }

.reflection-container .reflection-grid-cell-16 { top: 10%; left: 50%; }

.reflection-container .reflection-grid-cell-16:hover ~ .reflection-content { -webkit-transform: rotateX(15deg) rotateY(5deg); transform: rotateX(15deg) rotateY(5deg); }

.reflection-container .reflection-grid-cell-16:hover ~ .reflection-content:before { -webkit-transform: translateY(15%); transform: translateY(15%); }

.reflection-container .reflection-grid-cell-17 { top: 10%; left: 60%; }

.reflection-container .reflection-grid-cell-17:hover ~ .reflection-content { -webkit-transform: rotateX(15deg) rotateY(10deg); transform: rotateX(15deg) rotateY(10deg); }

.reflection-container .reflection-grid-cell-17:hover ~ .reflection-content:before { -webkit-transform: translateY(15%); transform: translateY(15%); }

.reflection-container .reflection-grid-cell-18 { top: 10%; left: 70%; }

.reflection-container .reflection-grid-cell-18:hover ~ .reflection-content { -webkit-transform: rotateX(15deg) rotateY(15deg); transform: rotateX(15deg) rotateY(15deg); }

.reflection-container .reflection-grid-cell-18:hover ~ .reflection-content:before { -webkit-transform: translateY(15%); transform: translateY(15%); }

.reflection-container .reflection-grid-cell-19 { top: 10%; left: 80%; }

.reflection-container .reflection-grid-cell-19:hover ~ .reflection-content { -webkit-transform: rotateX(15deg) rotateY(20deg); transform: rotateX(15deg) rotateY(20deg); }

.reflection-container .reflection-grid-cell-19:hover ~ .reflection-content:before { -webkit-transform: translateY(15%); transform: translateY(15%); }

.reflection-container .reflection-grid-cell-20 { top: 10%; left: 90%; }

.reflection-container .reflection-grid-cell-20:hover ~ .reflection-content { -webkit-transform: rotateX(15deg) rotateY(25deg); transform: rotateX(15deg) rotateY(25deg); }

.reflection-container .reflection-grid-cell-20:hover ~ .reflection-content:before { -webkit-transform: translateY(15%); transform: translateY(15%); }

.reflection-container .reflection-grid-cell-21 { top: 20%; left: 0%; }

.reflection-container .reflection-grid-cell-21:hover ~ .reflection-content { -webkit-transform: rotateX(10deg) rotateY(-20deg); transform: rotateX(10deg) rotateY(-20deg); }

.reflection-container .reflection-grid-cell-21:hover ~ .reflection-content:before { -webkit-transform: translateY(10%); transform: translateY(10%); }

.reflection-container .reflection-grid-cell-22 { top: 20%; left: 10%; }

.reflection-container .reflection-grid-cell-22:hover ~ .reflection-content { -webkit-transform: rotateX(10deg) rotateY(-15deg); transform: rotateX(10deg) rotateY(-15deg); }

.reflection-container .reflection-grid-cell-22:hover ~ .reflection-content:before { -webkit-transform: translateY(10%); transform: translateY(10%); }

.reflection-container .reflection-grid-cell-23 { top: 20%; left: 20%; }

.reflection-container .reflection-grid-cell-23:hover ~ .reflection-content { -webkit-transform: rotateX(10deg) rotateY(-10deg); transform: rotateX(10deg) rotateY(-10deg); }

.reflection-container .reflection-grid-cell-23:hover ~ .reflection-content:before { -webkit-transform: translateY(10%); transform: translateY(10%); }

.reflection-container .reflection-grid-cell-24 { top: 20%; left: 30%; }

.reflection-container .reflection-grid-cell-24:hover ~ .reflection-content { -webkit-transform: rotateX(10deg) rotateY(-5deg); transform: rotateX(10deg) rotateY(-5deg); }

.reflection-container .reflection-grid-cell-24:hover ~ .reflection-content:before { -webkit-transform: translateY(10%); transform: translateY(10%); }

.reflection-container .reflection-grid-cell-25 { top: 20%; left: 40%; }

.reflection-container .reflection-grid-cell-25:hover ~ .reflection-content { -webkit-transform: rotateX(10deg) rotateY(0deg); transform: rotateX(10deg) rotateY(0deg); }

.reflection-container .reflection-grid-cell-25:hover ~ .reflection-content:before { -webkit-transform: translateY(10%); transform: translateY(10%); }

.reflection-container .reflection-grid-cell-26 { top: 20%; left: 50%; }

.reflection-container .reflection-grid-cell-26:hover ~ .reflection-content { -webkit-transform: rotateX(10deg) rotateY(5deg); transform: rotateX(10deg) rotateY(5deg); }

.reflection-container .reflection-grid-cell-26:hover ~ .reflection-content:before { -webkit-transform: translateY(10%); transform: translateY(10%); }

.reflection-container .reflection-grid-cell-27 { top: 20%; left: 60%; }

.reflection-container .reflection-grid-cell-27:hover ~ .reflection-content { -webkit-transform: rotateX(10deg) rotateY(10deg); transform: rotateX(10deg) rotateY(10deg); }

.reflection-container .reflection-grid-cell-27:hover ~ .reflection-content:before { -webkit-transform: translateY(10%); transform: translateY(10%); }

.reflection-container .reflection-grid-cell-28 { top: 20%; left: 70%; }

.reflection-container .reflection-grid-cell-28:hover ~ .reflection-content { -webkit-transform: rotateX(10deg) rotateY(15deg); transform: rotateX(10deg) rotateY(15deg); }

.reflection-container .reflection-grid-cell-28:hover ~ .reflection-content:before { -webkit-transform: translateY(10%); transform: translateY(10%); }

.reflection-container .reflection-grid-cell-29 { top: 20%; left: 80%; }

.reflection-container .reflection-grid-cell-29:hover ~ .reflection-content { -webkit-transform: rotateX(10deg) rotateY(20deg); transform: rotateX(10deg) rotateY(20deg); }

.reflection-container .reflection-grid-cell-29:hover ~ .reflection-content:before { -webkit-transform: translateY(10%); transform: translateY(10%); }

.reflection-container .reflection-grid-cell-30 { top: 20%; left: 90%; }

.reflection-container .reflection-grid-cell-30:hover ~ .reflection-content { -webkit-transform: rotateX(10deg) rotateY(25deg); transform: rotateX(10deg) rotateY(25deg); }

.reflection-container .reflection-grid-cell-30:hover ~ .reflection-content:before { -webkit-transform: translateY(10%); transform: translateY(10%); }

.reflection-container .reflection-grid-cell-31 { top: 30%; left: 0%; }

.reflection-container .reflection-grid-cell-31:hover ~ .reflection-content { -webkit-transform: rotateX(5deg) rotateY(-20deg); transform: rotateX(5deg) rotateY(-20deg); }

.reflection-container .reflection-grid-cell-31:hover ~ .reflection-content:before { -webkit-transform: translateY(5%); transform: translateY(5%); }

.reflection-container .reflection-grid-cell-32 { top: 30%; left: 10%; }

.reflection-container .reflection-grid-cell-32:hover ~ .reflection-content { -webkit-transform: rotateX(5deg) rotateY(-15deg); transform: rotateX(5deg) rotateY(-15deg); }

.reflection-container .reflection-grid-cell-32:hover ~ .reflection-content:before { -webkit-transform: translateY(5%); transform: translateY(5%); }

.reflection-container .reflection-grid-cell-33 { top: 30%; left: 20%; }

.reflection-container .reflection-grid-cell-33:hover ~ .reflection-content { -webkit-transform: rotateX(5deg) rotateY(-10deg); transform: rotateX(5deg) rotateY(-10deg); }

.reflection-container .reflection-grid-cell-33:hover ~ .reflection-content:before { -webkit-transform: translateY(5%); transform: translateY(5%); }

.reflection-container .reflection-grid-cell-34 { top: 30%; left: 30%; }

.reflection-container .reflection-grid-cell-34:hover ~ .reflection-content { -webkit-transform: rotateX(5deg) rotateY(-5deg); transform: rotateX(5deg) rotateY(-5deg); }

.reflection-container .reflection-grid-cell-34:hover ~ .reflection-content:before { -webkit-transform: translateY(5%); transform: translateY(5%); }

.reflection-container .reflection-grid-cell-35 { top: 30%; left: 40%; }

.reflection-container .reflection-grid-cell-35:hover ~ .reflection-content { -webkit-transform: rotateX(5deg) rotateY(0deg); transform: rotateX(5deg) rotateY(0deg); }

.reflection-container .reflection-grid-cell-35:hover ~ .reflection-content:before { -webkit-transform: translateY(5%); transform: translateY(5%); }

.reflection-container .reflection-grid-cell-36 { top: 30%; left: 50%; }

.reflection-container .reflection-grid-cell-36:hover ~ .reflection-content { -webkit-transform: rotateX(5deg) rotateY(5deg); transform: rotateX(5deg) rotateY(5deg); }

.reflection-container .reflection-grid-cell-36:hover ~ .reflection-content:before { -webkit-transform: translateY(5%); transform: translateY(5%); }

.reflection-container .reflection-grid-cell-37 { top: 30%; left: 60%; }

.reflection-container .reflection-grid-cell-37:hover ~ .reflection-content { -webkit-transform: rotateX(5deg) rotateY(10deg); transform: rotateX(5deg) rotateY(10deg); }

.reflection-container .reflection-grid-cell-37:hover ~ .reflection-content:before { -webkit-transform: translateY(5%); transform: translateY(5%); }

.reflection-container .reflection-grid-cell-38 { top: 30%; left: 70%; }

.reflection-container .reflection-grid-cell-38:hover ~ .reflection-content { -webkit-transform: rotateX(5deg) rotateY(15deg); transform: rotateX(5deg) rotateY(15deg); }

.reflection-container .reflection-grid-cell-38:hover ~ .reflection-content:before { -webkit-transform: translateY(5%); transform: translateY(5%); }

.reflection-container .reflection-grid-cell-39 { top: 30%; left: 80%; }

.reflection-container .reflection-grid-cell-39:hover ~ .reflection-content { -webkit-transform: rotateX(5deg) rotateY(20deg); transform: rotateX(5deg) rotateY(20deg); }

.reflection-container .reflection-grid-cell-39:hover ~ .reflection-content:before { -webkit-transform: translateY(5%); transform: translateY(5%); }

.reflection-container .reflection-grid-cell-40 { top: 30%; left: 90%; }

.reflection-container .reflection-grid-cell-40:hover ~ .reflection-content { -webkit-transform: rotateX(5deg) rotateY(25deg); transform: rotateX(5deg) rotateY(25deg); }

.reflection-container .reflection-grid-cell-40:hover ~ .reflection-content:before { -webkit-transform: translateY(5%); transform: translateY(5%); }

.reflection-container .reflection-grid-cell-41 { top: 40%; left: 0%; }

.reflection-container .reflection-grid-cell-41:hover ~ .reflection-content { -webkit-transform: rotateX(0deg) rotateY(-20deg); transform: rotateX(0deg) rotateY(-20deg); }

.reflection-container .reflection-grid-cell-41:hover ~ .reflection-content:before { -webkit-transform: translateY(0%); transform: translateY(0%); }

.reflection-container .reflection-grid-cell-42 { top: 40%; left: 10%; }

.reflection-container .reflection-grid-cell-42:hover ~ .reflection-content { -webkit-transform: rotateX(0deg) rotateY(-15deg); transform: rotateX(0deg) rotateY(-15deg); }

.reflection-container .reflection-grid-cell-42:hover ~ .reflection-content:before { -webkit-transform: translateY(0%); transform: translateY(0%); }

.reflection-container .reflection-grid-cell-43 { top: 40%; left: 20%; }

.reflection-container .reflection-grid-cell-43:hover ~ .reflection-content { -webkit-transform: rotateX(0deg) rotateY(-10deg); transform: rotateX(0deg) rotateY(-10deg); }

.reflection-container .reflection-grid-cell-43:hover ~ .reflection-content:before { -webkit-transform: translateY(0%); transform: translateY(0%); }

.reflection-container .reflection-grid-cell-44 { top: 40%; left: 30%; }

.reflection-container .reflection-grid-cell-44:hover ~ .reflection-content { -webkit-transform: rotateX(0deg) rotateY(-5deg); transform: rotateX(0deg) rotateY(-5deg); }

.reflection-container .reflection-grid-cell-44:hover ~ .reflection-content:before { -webkit-transform: translateY(0%); transform: translateY(0%); }

.reflection-container .reflection-grid-cell-45 { top: 40%; left: 40%; }

.reflection-container .reflection-grid-cell-45:hover ~ .reflection-content { -webkit-transform: rotateX(0deg) rotateY(0deg); transform: rotateX(0deg) rotateY(0deg); }

.reflection-container .reflection-grid-cell-45:hover ~ .reflection-content:before { -webkit-transform: translateY(0%); transform: translateY(0%); }

.reflection-container .reflection-grid-cell-46 { top: 40%; left: 50%; }

.reflection-container .reflection-grid-cell-46:hover ~ .reflection-content { -webkit-transform: rotateX(0deg) rotateY(5deg); transform: rotateX(0deg) rotateY(5deg); }

.reflection-container .reflection-grid-cell-46:hover ~ .reflection-content:before { -webkit-transform: translateY(0%); transform: translateY(0%); }

.reflection-container .reflection-grid-cell-47 { top: 40%; left: 60%; }

.reflection-container .reflection-grid-cell-47:hover ~ .reflection-content { -webkit-transform: rotateX(0deg) rotateY(10deg); transform: rotateX(0deg) rotateY(10deg); }

.reflection-container .reflection-grid-cell-47:hover ~ .reflection-content:before { -webkit-transform: translateY(0%); transform: translateY(0%); }

.reflection-container .reflection-grid-cell-48 { top: 40%; left: 70%; }

.reflection-container .reflection-grid-cell-48:hover ~ .reflection-content { -webkit-transform: rotateX(0deg) rotateY(15deg); transform: rotateX(0deg) rotateY(15deg); }

.reflection-container .reflection-grid-cell-48:hover ~ .reflection-content:before { -webkit-transform: translateY(0%); transform: translateY(0%); }

.reflection-container .reflection-grid-cell-49 { top: 40%; left: 80%; }

.reflection-container .reflection-grid-cell-49:hover ~ .reflection-content { -webkit-transform: rotateX(0deg) rotateY(20deg); transform: rotateX(0deg) rotateY(20deg); }

.reflection-container .reflection-grid-cell-49:hover ~ .reflection-content:before { -webkit-transform: translateY(0%); transform: translateY(0%); }

.reflection-container .reflection-grid-cell-50 { top: 40%; left: 90%; }

.reflection-container .reflection-grid-cell-50:hover ~ .reflection-content { -webkit-transform: rotateX(0deg) rotateY(25deg); transform: rotateX(0deg) rotateY(25deg); }

.reflection-container .reflection-grid-cell-50:hover ~ .reflection-content:before { -webkit-transform: translateY(0%); transform: translateY(0%); }

.reflection-container .reflection-grid-cell-51 { top: 50%; left: 0%; }

.reflection-container .reflection-grid-cell-51:hover ~ .reflection-content { -webkit-transform: rotateX(-5deg) rotateY(-20deg); transform: rotateX(-5deg) rotateY(-20deg); }

.reflection-container .reflection-grid-cell-51:hover ~ .reflection-content:before { -webkit-transform: translateY(-5%); transform: translateY(-5%); }

.reflection-container .reflection-grid-cell-52 { top: 50%; left: 10%; }

.reflection-container .reflection-grid-cell-52:hover ~ .reflection-content { -webkit-transform: rotateX(-5deg) rotateY(-15deg); transform: rotateX(-5deg) rotateY(-15deg); }

.reflection-container .reflection-grid-cell-52:hover ~ .reflection-content:before { -webkit-transform: translateY(-5%); transform: translateY(-5%); }

.reflection-container .reflection-grid-cell-53 { top: 50%; left: 20%; }

.reflection-container .reflection-grid-cell-53:hover ~ .reflection-content { -webkit-transform: rotateX(-5deg) rotateY(-10deg); transform: rotateX(-5deg) rotateY(-10deg); }

.reflection-container .reflection-grid-cell-53:hover ~ .reflection-content:before { -webkit-transform: translateY(-5%); transform: translateY(-5%); }

.reflection-container .reflection-grid-cell-54 { top: 50%; left: 30%; }

.reflection-container .reflection-grid-cell-54:hover ~ .reflection-content { -webkit-transform: rotateX(-5deg) rotateY(-5deg); transform: rotateX(-5deg) rotateY(-5deg); }

.reflection-container .reflection-grid-cell-54:hover ~ .reflection-content:before { -webkit-transform: translateY(-5%); transform: translateY(-5%); }

.reflection-container .reflection-grid-cell-55 { top: 50%; left: 40%; }

.reflection-container .reflection-grid-cell-55:hover ~ .reflection-content { -webkit-transform: rotateX(-5deg) rotateY(0deg); transform: rotateX(-5deg) rotateY(0deg); }

.reflection-container .reflection-grid-cell-55:hover ~ .reflection-content:before { -webkit-transform: translateY(-5%); transform: translateY(-5%); }

.reflection-container .reflection-grid-cell-56 { top: 50%; left: 50%; }

.reflection-container .reflection-grid-cell-56:hover ~ .reflection-content { -webkit-transform: rotateX(-5deg) rotateY(5deg); transform: rotateX(-5deg) rotateY(5deg); }

.reflection-container .reflection-grid-cell-56:hover ~ .reflection-content:before { -webkit-transform: translateY(-5%); transform: translateY(-5%); }

.reflection-container .reflection-grid-cell-57 { top: 50%; left: 60%; }

.reflection-container .reflection-grid-cell-57:hover ~ .reflection-content { -webkit-transform: rotateX(-5deg) rotateY(10deg); transform: rotateX(-5deg) rotateY(10deg); }

.reflection-container .reflection-grid-cell-57:hover ~ .reflection-content:before { -webkit-transform: translateY(-5%); transform: translateY(-5%); }

.reflection-container .reflection-grid-cell-58 { top: 50%; left: 70%; }

.reflection-container .reflection-grid-cell-58:hover ~ .reflection-content { -webkit-transform: rotateX(-5deg) rotateY(15deg); transform: rotateX(-5deg) rotateY(15deg); }

.reflection-container .reflection-grid-cell-58:hover ~ .reflection-content:before { -webkit-transform: translateY(-5%); transform: translateY(-5%); }

.reflection-container .reflection-grid-cell-59 { top: 50%; left: 80%; }

.reflection-container .reflection-grid-cell-59:hover ~ .reflection-content { -webkit-transform: rotateX(-5deg) rotateY(20deg); transform: rotateX(-5deg) rotateY(20deg); }

.reflection-container .reflection-grid-cell-59:hover ~ .reflection-content:before { -webkit-transform: translateY(-5%); transform: translateY(-5%); }

.reflection-container .reflection-grid-cell-60 { top: 50%; left: 90%; }

.reflection-container .reflection-grid-cell-60:hover ~ .reflection-content { -webkit-transform: rotateX(-5deg) rotateY(25deg); transform: rotateX(-5deg) rotateY(25deg); }

.reflection-container .reflection-grid-cell-60:hover ~ .reflection-content:before { -webkit-transform: translateY(-5%); transform: translateY(-5%); }

.reflection-container .reflection-grid-cell-61 { top: 60%; left: 0%; }

.reflection-container .reflection-grid-cell-61:hover ~ .reflection-content { -webkit-transform: rotateX(-10deg) rotateY(-20deg); transform: rotateX(-10deg) rotateY(-20deg); }

.reflection-container .reflection-grid-cell-61:hover ~ .reflection-content:before { -webkit-transform: translateY(-10%); transform: translateY(-10%); }

.reflection-container .reflection-grid-cell-62 { top: 60%; left: 10%; }

.reflection-container .reflection-grid-cell-62:hover ~ .reflection-content { -webkit-transform: rotateX(-10deg) rotateY(-15deg); transform: rotateX(-10deg) rotateY(-15deg); }

.reflection-container .reflection-grid-cell-62:hover ~ .reflection-content:before { -webkit-transform: translateY(-10%); transform: translateY(-10%); }

.reflection-container .reflection-grid-cell-63 { top: 60%; left: 20%; }

.reflection-container .reflection-grid-cell-63:hover ~ .reflection-content { -webkit-transform: rotateX(-10deg) rotateY(-10deg); transform: rotateX(-10deg) rotateY(-10deg); }

.reflection-container .reflection-grid-cell-63:hover ~ .reflection-content:before { -webkit-transform: translateY(-10%); transform: translateY(-10%); }

.reflection-container .reflection-grid-cell-64 { top: 60%; left: 30%; }

.reflection-container .reflection-grid-cell-64:hover ~ .reflection-content { -webkit-transform: rotateX(-10deg) rotateY(-5deg); transform: rotateX(-10deg) rotateY(-5deg); }

.reflection-container .reflection-grid-cell-64:hover ~ .reflection-content:before { -webkit-transform: translateY(-10%); transform: translateY(-10%); }

.reflection-container .reflection-grid-cell-65 { top: 60%; left: 40%; }

.reflection-container .reflection-grid-cell-65:hover ~ .reflection-content { -webkit-transform: rotateX(-10deg) rotateY(0deg); transform: rotateX(-10deg) rotateY(0deg); }

.reflection-container .reflection-grid-cell-65:hover ~ .reflection-content:before { -webkit-transform: translateY(-10%); transform: translateY(-10%); }

.reflection-container .reflection-grid-cell-66 { top: 60%; left: 50%; }

.reflection-container .reflection-grid-cell-66:hover ~ .reflection-content { -webkit-transform: rotateX(-10deg) rotateY(5deg); transform: rotateX(-10deg) rotateY(5deg); }

.reflection-container .reflection-grid-cell-66:hover ~ .reflection-content:before { -webkit-transform: translateY(-10%); transform: translateY(-10%); }

.reflection-container .reflection-grid-cell-67 { top: 60%; left: 60%; }

.reflection-container .reflection-grid-cell-67:hover ~ .reflection-content { -webkit-transform: rotateX(-10deg) rotateY(10deg); transform: rotateX(-10deg) rotateY(10deg); }

.reflection-container .reflection-grid-cell-67:hover ~ .reflection-content:before { -webkit-transform: translateY(-10%); transform: translateY(-10%); }

.reflection-container .reflection-grid-cell-68 { top: 60%; left: 70%; }

.reflection-container .reflection-grid-cell-68:hover ~ .reflection-content { -webkit-transform: rotateX(-10deg) rotateY(15deg); transform: rotateX(-10deg) rotateY(15deg); }

.reflection-container .reflection-grid-cell-68:hover ~ .reflection-content:before { -webkit-transform: translateY(-10%); transform: translateY(-10%); }

.reflection-container .reflection-grid-cell-69 { top: 60%; left: 80%; }

.reflection-container .reflection-grid-cell-69:hover ~ .reflection-content { -webkit-transform: rotateX(-10deg) rotateY(20deg); transform: rotateX(-10deg) rotateY(20deg); }

.reflection-container .reflection-grid-cell-69:hover ~ .reflection-content:before { -webkit-transform: translateY(-10%); transform: translateY(-10%); }

.reflection-container .reflection-grid-cell-70 { top: 60%; left: 90%; }

.reflection-container .reflection-grid-cell-70:hover ~ .reflection-content { -webkit-transform: rotateX(-10deg) rotateY(25deg); transform: rotateX(-10deg) rotateY(25deg); }

.reflection-container .reflection-grid-cell-70:hover ~ .reflection-content:before { -webkit-transform: translateY(-10%); transform: translateY(-10%); }

.reflection-container .reflection-grid-cell-71 { top: 70%; left: 0%; }

.reflection-container .reflection-grid-cell-71:hover ~ .reflection-content { -webkit-transform: rotateX(-15deg) rotateY(-20deg); transform: rotateX(-15deg) rotateY(-20deg); }

.reflection-container .reflection-grid-cell-71:hover ~ .reflection-content:before { -webkit-transform: translateY(-15%); transform: translateY(-15%); }

.reflection-container .reflection-grid-cell-72 { top: 70%; left: 10%; }

.reflection-container .reflection-grid-cell-72:hover ~ .reflection-content { -webkit-transform: rotateX(-15deg) rotateY(-15deg); transform: rotateX(-15deg) rotateY(-15deg); }

.reflection-container .reflection-grid-cell-72:hover ~ .reflection-content:before { -webkit-transform: translateY(-15%); transform: translateY(-15%); }

.reflection-container .reflection-grid-cell-73 { top: 70%; left: 20%; }

.reflection-container .reflection-grid-cell-73:hover ~ .reflection-content { -webkit-transform: rotateX(-15deg) rotateY(-10deg); transform: rotateX(-15deg) rotateY(-10deg); }

.reflection-container .reflection-grid-cell-73:hover ~ .reflection-content:before { -webkit-transform: translateY(-15%); transform: translateY(-15%); }

.reflection-container .reflection-grid-cell-74 { top: 70%; left: 30%; }

.reflection-container .reflection-grid-cell-74:hover ~ .reflection-content { -webkit-transform: rotateX(-15deg) rotateY(-5deg); transform: rotateX(-15deg) rotateY(-5deg); }

.reflection-container .reflection-grid-cell-74:hover ~ .reflection-content:before { -webkit-transform: translateY(-15%); transform: translateY(-15%); }

.reflection-container .reflection-grid-cell-75 { top: 70%; left: 40%; }

.reflection-container .reflection-grid-cell-75:hover ~ .reflection-content { -webkit-transform: rotateX(-15deg) rotateY(0deg); transform: rotateX(-15deg) rotateY(0deg); }

.reflection-container .reflection-grid-cell-75:hover ~ .reflection-content:before { -webkit-transform: translateY(-15%); transform: translateY(-15%); }

.reflection-container .reflection-grid-cell-76 { top: 70%; left: 50%; }

.reflection-container .reflection-grid-cell-76:hover ~ .reflection-content { -webkit-transform: rotateX(-15deg) rotateY(5deg); transform: rotateX(-15deg) rotateY(5deg); }

.reflection-container .reflection-grid-cell-76:hover ~ .reflection-content:before { -webkit-transform: translateY(-15%); transform: translateY(-15%); }

.reflection-container .reflection-grid-cell-77 { top: 70%; left: 60%; }

.reflection-container .reflection-grid-cell-77:hover ~ .reflection-content { -webkit-transform: rotateX(-15deg) rotateY(10deg); transform: rotateX(-15deg) rotateY(10deg); }

.reflection-container .reflection-grid-cell-77:hover ~ .reflection-content:before { -webkit-transform: translateY(-15%); transform: translateY(-15%); }

.reflection-container .reflection-grid-cell-78 { top: 70%; left: 70%; }

.reflection-container .reflection-grid-cell-78:hover ~ .reflection-content { -webkit-transform: rotateX(-15deg) rotateY(15deg); transform: rotateX(-15deg) rotateY(15deg); }

.reflection-container .reflection-grid-cell-78:hover ~ .reflection-content:before { -webkit-transform: translateY(-15%); transform: translateY(-15%); }

.reflection-container .reflection-grid-cell-79 { top: 70%; left: 80%; }

.reflection-container .reflection-grid-cell-79:hover ~ .reflection-content { -webkit-transform: rotateX(-15deg) rotateY(20deg); transform: rotateX(-15deg) rotateY(20deg); }

.reflection-container .reflection-grid-cell-79:hover ~ .reflection-content:before { -webkit-transform: translateY(-15%); transform: translateY(-15%); }

.reflection-container .reflection-grid-cell-80 { top: 70%; left: 90%; }

.reflection-container .reflection-grid-cell-80:hover ~ .reflection-content { -webkit-transform: rotateX(-15deg) rotateY(25deg); transform: rotateX(-15deg) rotateY(25deg); }

.reflection-container .reflection-grid-cell-80:hover ~ .reflection-content:before { -webkit-transform: translateY(-15%); transform: translateY(-15%); }

.reflection-container .reflection-grid-cell-81 { top: 80%; left: 0%; }

.reflection-container .reflection-grid-cell-81:hover ~ .reflection-content { -webkit-transform: rotateX(-20deg) rotateY(-20deg); transform: rotateX(-20deg) rotateY(-20deg); }

.reflection-container .reflection-grid-cell-81:hover ~ .reflection-content:before { -webkit-transform: translateY(-20%); transform: translateY(-20%); }

.reflection-container .reflection-grid-cell-82 { top: 80%; left: 10%; }

.reflection-container .reflection-grid-cell-82:hover ~ .reflection-content { -webkit-transform: rotateX(-20deg) rotateY(-15deg); transform: rotateX(-20deg) rotateY(-15deg); }

.reflection-container .reflection-grid-cell-82:hover ~ .reflection-content:before { -webkit-transform: translateY(-20%); transform: translateY(-20%); }

.reflection-container .reflection-grid-cell-83 { top: 80%; left: 20%; }

.reflection-container .reflection-grid-cell-83:hover ~ .reflection-content { -webkit-transform: rotateX(-20deg) rotateY(-10deg); transform: rotateX(-20deg) rotateY(-10deg); }

.reflection-container .reflection-grid-cell-83:hover ~ .reflection-content:before { -webkit-transform: translateY(-20%); transform: translateY(-20%); }

.reflection-container .reflection-grid-cell-84 { top: 80%; left: 30%; }

.reflection-container .reflection-grid-cell-84:hover ~ .reflection-content { -webkit-transform: rotateX(-20deg) rotateY(-5deg); transform: rotateX(-20deg) rotateY(-5deg); }

.reflection-container .reflection-grid-cell-84:hover ~ .reflection-content:before { -webkit-transform: translateY(-20%); transform: translateY(-20%); }

.reflection-container .reflection-grid-cell-85 { top: 80%; left: 40%; }

.reflection-container .reflection-grid-cell-85:hover ~ .reflection-content { -webkit-transform: rotateX(-20deg) rotateY(0deg); transform: rotateX(-20deg) rotateY(0deg); }

.reflection-container .reflection-grid-cell-85:hover ~ .reflection-content:before { -webkit-transform: translateY(-20%); transform: translateY(-20%); }

.reflection-container .reflection-grid-cell-86 { top: 80%; left: 50%; }

.reflection-container .reflection-grid-cell-86:hover ~ .reflection-content { -webkit-transform: rotateX(-20deg) rotateY(5deg); transform: rotateX(-20deg) rotateY(5deg); }

.reflection-container .reflection-grid-cell-86:hover ~ .reflection-content:before { -webkit-transform: translateY(-20%); transform: translateY(-20%); }

.reflection-container .reflection-grid-cell-87 { top: 80%; left: 60%; }

.reflection-container .reflection-grid-cell-87:hover ~ .reflection-content { -webkit-transform: rotateX(-20deg) rotateY(10deg); transform: rotateX(-20deg) rotateY(10deg); }

.reflection-container .reflection-grid-cell-87:hover ~ .reflection-content:before { -webkit-transform: translateY(-20%); transform: translateY(-20%); }

.reflection-container .reflection-grid-cell-88 { top: 80%; left: 70%; }

.reflection-container .reflection-grid-cell-88:hover ~ .reflection-content { -webkit-transform: rotateX(-20deg) rotateY(15deg); transform: rotateX(-20deg) rotateY(15deg); }

.reflection-container .reflection-grid-cell-88:hover ~ .reflection-content:before { -webkit-transform: translateY(-20%); transform: translateY(-20%); }

.reflection-container .reflection-grid-cell-89 { top: 80%; left: 80%; }

.reflection-container .reflection-grid-cell-89:hover ~ .reflection-content { -webkit-transform: rotateX(-20deg) rotateY(20deg); transform: rotateX(-20deg) rotateY(20deg); }

.reflection-container .reflection-grid-cell-89:hover ~ .reflection-content:before { -webkit-transform: translateY(-20%); transform: translateY(-20%); }

.reflection-container .reflection-grid-cell-90 { top: 80%; left: 90%; }

.reflection-container .reflection-grid-cell-90:hover ~ .reflection-content { -webkit-transform: rotateX(-20deg) rotateY(25deg); transform: rotateX(-20deg) rotateY(25deg); }

.reflection-container .reflection-grid-cell-90:hover ~ .reflection-content:before { -webkit-transform: translateY(-20%); transform: translateY(-20%); }

.reflection-container .reflection-grid-cell-91 { top: 90%; left: 0%; }

.reflection-container .reflection-grid-cell-91:hover ~ .reflection-content { -webkit-transform: rotateX(-25deg) rotateY(-20deg); transform: rotateX(-25deg) rotateY(-20deg); }

.reflection-container .reflection-grid-cell-91:hover ~ .reflection-content:before { -webkit-transform: translateY(-25%); transform: translateY(-25%); }

.reflection-container .reflection-grid-cell-92 { top: 90%; left: 10%; }

.reflection-container .reflection-grid-cell-92:hover ~ .reflection-content { -webkit-transform: rotateX(-25deg) rotateY(-15deg); transform: rotateX(-25deg) rotateY(-15deg); }

.reflection-container .reflection-grid-cell-92:hover ~ .reflection-content:before { -webkit-transform: translateY(-25%); transform: translateY(-25%); }

.reflection-container .reflection-grid-cell-93 { top: 90%; left: 20%; }

.reflection-container .reflection-grid-cell-93:hover ~ .reflection-content { -webkit-transform: rotateX(-25deg) rotateY(-10deg); transform: rotateX(-25deg) rotateY(-10deg); }

.reflection-container .reflection-grid-cell-93:hover ~ .reflection-content:before { -webkit-transform: translateY(-25%); transform: translateY(-25%); }

.reflection-container .reflection-grid-cell-94 { top: 90%; left: 30%; }

.reflection-container .reflection-grid-cell-94:hover ~ .reflection-content { -webkit-transform: rotateX(-25deg) rotateY(-5deg); transform: rotateX(-25deg) rotateY(-5deg); }

.reflection-container .reflection-grid-cell-94:hover ~ .reflection-content:before { -webkit-transform: translateY(-25%); transform: translateY(-25%); }

.reflection-container .reflection-grid-cell-95 { top: 90%; left: 40%; }

.reflection-container .reflection-grid-cell-95:hover ~ .reflection-content { -webkit-transform: rotateX(-25deg) rotateY(0deg); transform: rotateX(-25deg) rotateY(0deg); }

.reflection-container .reflection-grid-cell-95:hover ~ .reflection-content:before { -webkit-transform: translateY(-25%); transform: translateY(-25%); }

.reflection-container .reflection-grid-cell-96 { top: 90%; left: 50%; }

.reflection-container .reflection-grid-cell-96:hover ~ .reflection-content { -webkit-transform: rotateX(-25deg) rotateY(5deg); transform: rotateX(-25deg) rotateY(5deg); }

.reflection-container .reflection-grid-cell-96:hover ~ .reflection-content:before { -webkit-transform: translateY(-25%); transform: translateY(-25%); }

.reflection-container .reflection-grid-cell-97 { top: 90%; left: 60%; }

.reflection-container .reflection-grid-cell-97:hover ~ .reflection-content { -webkit-transform: rotateX(-25deg) rotateY(10deg); transform: rotateX(-25deg) rotateY(10deg); }

.reflection-container .reflection-grid-cell-97:hover ~ .reflection-content:before { -webkit-transform: translateY(-25%); transform: translateY(-25%); }

.reflection-container .reflection-grid-cell-98 { top: 90%; left: 70%; }

.reflection-container .reflection-grid-cell-98:hover ~ .reflection-content { -webkit-transform: rotateX(-25deg) rotateY(15deg); transform: rotateX(-25deg) rotateY(15deg); }

.reflection-container .reflection-grid-cell-98:hover ~ .reflection-content:before { -webkit-transform: translateY(-25%); transform: translateY(-25%); }

.reflection-container .reflection-grid-cell-99 { top: 90%; left: 80%; }

.reflection-container .reflection-grid-cell-99:hover ~ .reflection-content { -webkit-transform: rotateX(-25deg) rotateY(20deg); transform: rotateX(-25deg) rotateY(20deg); }

.reflection-container .reflection-grid-cell-99:hover ~ .reflection-content:before { -webkit-transform: translateY(-25%); transform: translateY(-25%); }

.reflection-container .reflection-grid-cell-100 { top: 90%; left: 90%; }

.reflection-container .reflection-grid-cell-100:hover ~ .reflection-content { -webkit-transform: rotateX(-25deg) rotateY(25deg); transform: rotateX(-25deg) rotateY(25deg); }

.reflection-container .reflection-grid-cell-100:hover ~ .reflection-content:before { -webkit-transform: translateY(-25%); transform: translateY(-25%); }

.imagine-canvas { position: relative; overflow: hidden; display: block; padding: 0; margin: 0; height: 600px; height: 100vh; }

.imagine-animated { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; }

.imagine-wrapper { position: absolute; top: 0; left: 0; width: 100%; height: auto; }

.imagine-wrapper.imagine-horizontal { height: 100%; width: auto; }

.imagine-auto { height: auto; }

.imagine-auto .imagine-content { position: relative; display: block; height: auto; }

.imagine-auto .imagine-content .imagine-content-container { position: relative; display: block; }

.imagine-content { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: table; z-index: 99; }

.imagine-content.imagine-content-center > .imagine-content-container { display: table-cell; vertical-align: middle; }

.imagine-content.imagine-content-top > .imagine-content-container { display: table-cell; vertical-align: top; }

.imagine-content.imagine-content-bottom > .imagine-content-container { display: table-cell; vertical-align: bottom; }

.imagine-canvas { display: block; position: relative; width: 100%; margin: 0; padding: 0; overflow: hidden; }

.imagine-layer { position: absolute; display: block; width: 100%; height: 100%; }

.imagine-layer:nth-child(1) { z-index: 9; }

.imagine-layer:nth-child(2) { z-index: 8; }

.imagine-layer:nth-child(3) { z-index: 7; }

.imagine-layer:nth-child(4) { z-index: 6; }

.imagine-layer:nth-child(5) { z-index: 5; }

.imagine-layer:nth-child(6) { z-index: 4; }

.imagine-layer:nth-child(7) { z-index: 3; }

.imagine-layer:nth-child(8) { z-index: 2; }

.imagine-layer:nth-child(9) { z-index: 1; }

.imagine-background { position: relative; display: block; width: 100%; height: auto; }

@-webkit-keyframes loader { 0% { -webkit-transform: rotateZ(0deg) translateZ(0);
    transform: rotateZ(0deg) translateZ(0); }
  25% { -webkit-transform: rotateZ(180deg) translateZ(0);
    transform: rotateZ(180deg) translateZ(0); }
  50% { -webkit-transform: rotateZ(180deg) translateZ(0);
    transform: rotateZ(180deg) translateZ(0); }
  75% { -webkit-transform: rotateZ(360deg) translateZ(0);
    transform: rotateZ(360deg) translateZ(0); }
  100% { -webkit-transform: rotateZ(360deg) translateZ(0);
    transform: rotateZ(360deg) translateZ(0); } }

@keyframes loader { 0% { -webkit-transform: rotateZ(0deg) translateZ(0);
    transform: rotateZ(0deg) translateZ(0); }
  25% { -webkit-transform: rotateZ(180deg) translateZ(0);
    transform: rotateZ(180deg) translateZ(0); }
  50% { -webkit-transform: rotateZ(180deg) translateZ(0);
    transform: rotateZ(180deg) translateZ(0); }
  75% { -webkit-transform: rotateZ(360deg) translateZ(0);
    transform: rotateZ(360deg) translateZ(0); }
  100% { -webkit-transform: rotateZ(360deg) translateZ(0);
    transform: rotateZ(360deg) translateZ(0); } }

@-webkit-keyframes loader-inner { 0% { height: 0%; }
  25% { height: 0%; }
  50% { height: 100%; }
  75% { height: 100%; }
  100% { height: 0%; } }

@keyframes loader-inner { 0% { height: 0%; }
  25% { height: 0%; }
  50% { height: 100%; }
  75% { height: 100%; }
  100% { height: 0%; } }

.imagine-loader { display: block; width: 50px; height: 50px; position: relative; border: 4px solid #Fff; top: 50%; left: 50%; border-radius: 3px; margin-left: -25px; margin-top: -25px; position: absolute; -webkit-animation: loader 2s infinite ease; animation: loader 2s infinite ease; z-index: 99; }

.imagine-loader-inner { vertical-align: top; display: inline-block; width: 100%; background-color: #fff; -webkit-animation: loader-inner 2s infinite ease-in; animation: loader-inner 2s infinite ease-in; }

.portfolio-item { overflow: hidden; display: block; position: relative; width: 100%; height: auto; -webkit-box-sizing: border-box; box-sizing: border-box; }

.portfolio-item .portfolio-item-text { width: 100%; text-align: center; position: absolute; top: 50%; left: 0; z-index: 2; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.portfolio-item .portfolio-item-title { font-size: 3.5rem; font-weight: 400; text-transform: uppercase; }

.portfolio-item .portfolio-item-subtitle { font-size: 1.5rem; font-weight: 300; }

.portfolio-item .portfolio-item-title, .portfolio-item .portfolio-item-subtitle { color: white; margin: 0; }

.portfolio-item > img { -webkit-transition: transform 30s ease, opacity 0.5s ease; -webkit-transition: opacity 0.5s ease, -webkit-transform 30s ease; transition: opacity 0.5s ease, -webkit-transform 30s ease; transition: transform 30s ease, opacity 0.5s ease; transition: transform 30s ease, opacity 0.5s ease, -webkit-transform 30s ease; -webkit-transform: scale(1); transform: scale(1); opacity: 0.75; filter: alpha(opacity=75); z-index: 1; display: block; position: relative; width: 100%; }

.portfolio-item:hover > img { -webkit-transform: scale(1.5); transform: scale(1.5); opacity: 1; filter: alpha(opacity=100); }

@keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1); }
  50% { -webkit-transform: scale(1.3); transform: scale(1.3); }
  100% { -webkit-transform: scale(1); transform: scale(1); } }

@-webkit-keyframes scale { 0% { -webkit-transform: scale(1); }
  50% { -webkit-transform: scale(1.3); }
  100% { -webkit-transform: scale(1); } }

.portfolio-item.animate-item img { -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; opacity: 1; filter: alpha(opacity=100); -webkit-animation: scale 60s ease infinite; animation: scale 60s ease infinite; width: 100%; display: block; position: relative; }