@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/MaterialIcons-Regular.eot); /* For IE6-8 */
    src: local('Material Icons'),
        local('MaterialIcons-Regular'),
        url(../fonts/MaterialIcons-Regular.woff2) format('woff2'),
        url(../fonts/MaterialIcons-Regular.woff) format('woff'),
        url(../fonts/MaterialIcons-Regular.ttf) format('truetype');
}
.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;  /* Preferred icon size */
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;

    /* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;
    /* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;

    /* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;

    /* Support for IE. */
    font-feature-settings: 'liga';
}

body {
    font-family: 'Lato', sans-serif;
    overflow: hidden;
}
.main_content {
    min-height: calc(100% - 48px) !important;
    padding: 8px 0;
    height: calc(100% - 48px) !important;
}




@font-face {
    font-family: dehut;
    src: url('../fonts/Dehuti-Book.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: dehut;
    src: url('../fonts/Dehuti-Italic.otf') format('opentype');
    font-weight: 400;
    font-style: italic;
}
@font-face {
    font-family: dehut;
    src: url('../fonts/Dehuti-Bold.otf') format('opentype');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: dehut;
    src: url('../fonts/Dehuti-Bold-Italic.otf') format('opentype');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato-Hairline.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato-HairlineItalic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
}
@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato-Thin.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}
@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato-ThinItalic.ttf') format('truetype');
    font-weight: 200;
    font-style: italic;
}
@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}
@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato-Italic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
}
@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}
@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato-SemiBoldItalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
}
@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato-BoldItalic.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;
}
@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato-Heavy.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}
@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato-HeavyItalic.ttf') format('truetype');
    font-weight: 800;
    font-style: italic;
}
@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}
@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}







/*HOME*/
.home_container {
    background: #EF4023;
}
.home_wrapper {
    background-image: url(../templates/aaum/img/logo_backg.svg);
    background-position: center;
    background-size: 110px;
}
.home_top_side {
    height: 50vh;
}
img.home_logo {
    width: 800px;
}
.home_top_side_big_title {
    font-size: 34px;
    font-family: 'dehut';
    text-transform: uppercase;
    color: #fff;
    margin: 6px 0;
    /* border-bottom: 1px solid #333; */
}
.home_top_side_small_title {
    color: #fff;
    font-size: 22px;
    border-top: 2px solid #089EE2;
    padding: 12px 0;
    margin: 12px 0;
    display: inline-block;
    font-family: 'dehut';
}
.home_top_side_text_container {
    margin: 80px 0 0;
}
.home_container:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100vh;
    width: 45px;
    background: #169BDF;
}

.home_bottom_side {
    height: 50vh;
}
.home_bottom_side_foreground {
    width: 100%;
    height: 100%;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 135%;
    position: absolute;
    top: 50%;
    transition: 1s all ease-in-out;
}
.home_bottom_side.bottom_side_toggled .home_bottom_side_foreground {
    top: 80%;
}
.home_bottom_side_entities_image {
    width: 100px;
    height: 100px;
    margin: 12px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.home_bottom_side_entities_container {
    position: absolute;
    left: 41%;
    bottom: 0;
    transform: translate(-50%,0%);
    width: 450px;
    transition: 1s all ease-in-out;
}
.home_bottom_side.bottom_side_toggled .home_bottom_side_entities_container {
    bottom: -30%;
}
.home_bottom_side_entities_image.braga {
    width: 100%;
    background-position: center left;
    background-repeat: no-repeat;
    background-size: contain;
    height: 165px;
}


.home_state_toggler_container {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    transition: 1s all ease-in-out;
}
.home_state_toggler_container.second_state_toggled {
    top: -100vh;
    opacity: 0;
}
.home_state_toggler_icon {
    width: 140px;
    height: 140px;
    left: 50%;
    top: 50%;
    position: absolute;
    transform: translate(-50%,-50%);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.home_state_toggler_pulse_animation {
    left: 50%;
    top: 50%;
    position: absolute;
    background: #fff;
    width: 150px;
    height: 150px;
    transform: translate(-50%,-50%);
    border-radius: 50%;
    opacity: .5;
    animation: homeTogglerAnimation 4s linear 1s infinite;
}
@keyframes homeTogglerAnimation {
    0% {width: 0px;height: 0px;opacity: 1;}
    25% {width: 200px;height: 200px;opacity: 0;}
    100% {width: 0px;height: 0px;opacity: 0;}
}
.home_state_toggler_text {
    position: absolute;
    left: 50%;
    top: calc(50% + 125px);
    transform: translate(-50%,-50%);
    color: #fff;
    font-size: 25px;
    text-transform: uppercase;
}




.degub_logger {
    position: fixed;
    top: 0;
    font-size: 60px;
}
.home_second_state_container.second_state_toggled .second_state_floor_info_title_text, .home_second_state_container.second_state_toggled .second_state_floor_info_floor {
    animation: homeTextGlowAnimation 4s linear 1s infinite;
}
@keyframes homeTextGlowAnimation {
    0% {text-shadow: 0px 0px 2px rgba(255, 255, 255, 0);}
    25% {text-shadow: 0px 0px 2px rgba(255, 255, 255, 1);}
    100% {text-shadow: 0px 0px 2px rgba(255, 255, 255, 0);}
}
.home_second_state_container {
    position: absolute;
    left: 50%;
    transform: translate(-50%,0%);
    top: 150%;
    transition: 1s all ease-in-out .5s;
}
.home_second_state_container.second_state_toggled {
    position: absolute;
    top: 35%;
    left: 50%;
    transform: translate(-50%,0%);
}
.second_state_floor_logo {
    width: 70px;
    height: 70px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    margin: 0 100px 0;
    position: relative;
}
.second_state_floor_info_floor {
    font-size: 35px;
    color: #fff;
    border-bottom: 2px solid #169BDF;
    text-align: left;
    padding: 18px 0;
    font-family: 'dehut';
}
.second_state_floor_info_title_text {
    font-size: 40px;
    color: #fff;
    font-family: 'dehut';
    min-height: 120px;
    padding: 24px 0 90px;
    text-transform: uppercase;
    width: 580px;
    text-align: left;
    white-space: normal;
}
.second_state_floor_logo:before {
    content: "";
    width: 6px;
    height: 120px;
    background: #fff;
    position: absolute;
    left: 50%;
    bottom: 70px;
}
.second_state_floor_logo:after {
    content: "";
    width: 6px;
    height: 120px;
    background: #fff;
    position: absolute;
    left: 50%;
    top: 70px;
}
.second_state_floor_info_title_img {
    width: 26px;
    height: 75px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
a.second_state_floor_wrapper.md-button:not([disabled]) {
    margin: -1px 0;
}
button.second_state_floor_wrapper.md-button:not([disabled]):hover {
    background-color: rgba(158, 158, 158, 0);
}




.img_container {
    overflow: hidden;
    position: relative;
}

.ui-view-container {
    position: relative;
}

ui-view.ng-enter, ui-view.ng-leave {
    position: absolute;
    left: 0;
    right: 0;
    -webkit-transition:all .25s ease-in-out;
    -moz-transition:all .25s ease-in-out;
    -o-transition:all .25s ease-in-out;
    transition:all .25s ease-in-out;
}

/*ui-view.ng-enter {
  opacity: 0;
  -webkit-transform:scale3d(0.5, 0.5, 0.5);
  -moz-transform:scale3d(0.5, 0.5, 0.5);
  transform:scale3d(0.5, 0.5, 0.5);
}

ui-view.ng-enter-active {
  opacity: 1;
  -webkit-transform:scale3d(1, 1, 1);
  -moz-transform:scale3d(1, 1, 1);
  transform:scale3d(1, 1, 1);
}*/
ui-view.ng-enter {
    opacity: 0;
    -webkit-transform:translate3d(100px, 0, 0);
    -moz-transform:translate3d(100px, 0, 0);
    transform:translate3d(100px, 0, 0);
}

ui-view.ng-enter-active {
    opacity: 1;
    -webkit-transform:translate3d(0, 0, 0);
    -moz-transform:translate3d(0, 0, 0);
    transform:translate3d(0, 0, 0);
}

ui-view.ng-leave {
    opacity: 1;
    /*padding-left: 0px;*/  
    -webkit-transform:translate3d(0, 0, 0);
    -moz-transform:translate3d(0, 0, 0);
    transform:translate3d(0, 0, 0);
}

ui-view.ng-leave-active {
    opacity: 0;
    /*padding-left: 100px;*/
    -webkit-transform:translate3d(-100px, 0, 0);
    -moz-transform:translate3d(-100px, 0, 0);
    transform:translate3d(-100px, 0, 0);
}








/* Thumbnails */
.thumbnails_container {
    padding: 50px 0 232px;
}
.thumbnails_container .thumbnails_wrapper {
    max-width: 80%;
    margin: 0 auto;
}
button.thumbnail_block.md-button.md-ink-ripple {
    height: 100px;
    width: 100px;
    border: 2px solid #ef4023;
    padding: 0;
}
button.thumbnail_block img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}











/* FLOOR DETAIL */
md-tabs.floor_tabs_container md-tabs-wrapper {
    display: none;
}
md-tabs.floor_tabs_container md-tabs-content-wrapper {
    top: 0;
}
.floor_header_container {
    position: relative;
}
img.floor_part_header {
    width: 100%;
}
.floor_part_header_logo {
    width: 100px;
    height: 100px;
    position: absolute;
    top: 50%;
    left: 25px;
    transform: translate(0%,-50%);
}
.floor_part_header_title {
    position: absolute;
    top: 50%;
    left: 50%;
    color: #fff;
    font-size: 40px;
    transform: translate(-50%,-50%);
    font-family: 'dehut';
    text-align: center;
}
.floor_header_description_wrapper span {
    font-size: 30px;
    color: #EF4023;
}
.floor_header_description_wrapper {
    max-width: 80%;
    margin: 0 auto;
    text-align: justify;
    font-size: 18px;
    padding: 50px 0;
}
img.floor_part_main_image {
    width: 100%;
}
.top_footer_container md-icon {
    height: 36px;
    width: 36px;
}
button.md-icon-button.footer_back_button.md-button.md-ink-ripple {
    background: #EF4023;
    height: 96px;
    width: 96px;
}
button.md-icon-button.footer_back_button.md-button.md-ink-ripple md-icon {
    transform: rotate(180deg);
}
button.md-icon-button.footer_home_button.md-button.md-ink-ripple {
    background: #EF4023;
    height: 96px;
    width: 96px;
}
.top_footer_container {
    padding: 24px 0;
}
.footer_floor_select_container {
    background: #EF4023;
    position: absolute;
    right: -521px;
    border-radius: 48px 0px 0px 48px;
    overflow: hidden;
    transition: .15s all ease-in-out;
}
.footer_floor_select_container.toggled_floor_select {
    right: 0;
}
.footer_floor_select_logo {
    width: 36px;
    height: 36px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    margin: 0 8px 0 0;
}
.footer_floor_select_button.md-button {
    margin: 0;
    color: #fff;
    padding: 6px 30px;
    font-size: 36px;
    font-family: 'dehuti';
}
button.footer_floor_select_button.footer_selected_floor {
    padding: 6px 30px 6px 6px;
}
button.footer_floor_select_button.footer_selected_floor {
    padding: 30px 36px 30px 24px;
    border-radius: 46px 0 0 46px;
    overflow: hidden;
}

button.footer_floor_part_select_button.md-button.md-ink-ripple {
    position: relative;
    margin: 0px;
    background: #ef4023;
    border-radius: 0px;
    padding: 75px 0px;
    transition: .15s all ease-in-out;
}
button.footer_floor_part_select_button.md-button.md-ink-ripple.floor_part_selected {
    background: #DC3114;
}
.footer_floor_part_logo {
    position: absolute;
    width: 50px;
    height: 50px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.footer_floor_part_text {
    font-size: 60px;
    z-index: 2;
    color: #fff;
    font-family: 'dehut';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-42%);
    line-height: 100px;
}
.footer_floor_part_logo {
    position: absolute;
    width: 75px;
    height: 75px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
/*button.footer_floor_part_select_button.md-button:before {
    content: "";
    position: absolute;
    width: 0px;
    height: 0px;
    background: #3333333b;
    z-index: 1;
    border-radius: 50%;
    background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%);
    background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
    background: radial-gradient(ellipse at center, rgba(0,0,0,0.35) 0%,rgba(0,0,0,0) 65%);
    transition: .15s all linear;
}
button.footer_floor_part_select_button.md-button.floor_part_selected:before {
    content: "";
    position: absolute;
    width: 125px;
    height: 125px;
    background: #3333333b;
    z-index: 1;
    border-radius: 50%;
    background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%);
    background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
    background: radial-gradient(ellipse at center, rgba(0,0,0,0.35) 0%,rgba(0,0,0,0) 65%);
}*/
.floor_footer_container {
    position: absolute;
    bottom: 0;
    width: 100%;
}
img.floor_part_main_image[err-src] {
    max-height: 900px;
    object-fit: contain;
    object-position: center;
}






/*IMAGE POPUP*/
.popup_header_container {
    width: 80%;
    margin: 0 auto;
}
.popup_header_close_wrapper {
    padding: 20px 0;
}
button.md-icon-button.popup_header_close_button.md-button.md-ink-ripple {
    padding: 8px;
    width: 50px;
    height: 50px;
}
.popup_header_close_img {
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.popup_header_title_logo {
    width: 80px;
    height: 80px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.popup_header_title_text {
    font-size: 26px;
    padding: 0 26px;
    color: #EF4023;
}
.popup_header_title_wrapper {
    border-bottom: 2px solid #1A9ADE;
    padding: 0 0 20px;
    margin: 0 0 30px;
}

.popup_main_image_container {
    position:relative;
    width: 100%;
    overflow: hidden;
}
img.popup_main_image {
    width: 100%;
}
.popup_footer_wrapper {
    width: 80%;
    margin: 20px auto 50px;
    font-size: 20px;
    color: #333;
}
.popup_footer_img_number {
    color: #EF4023;
    float: left;
    padding: 0 12px 0 0;
    text-transform: uppercase;
    font-weight: 600;
}
/*navigation*/
button.popup_main_image_navigation.md-button.md-ink-ripple {
    position: absolute;
    width: 100px;
    height: 100%;
    z-index: 10;
    background: rgba(0, 0, 0, 0.10);
    margin: 0;
}
button.popup_main_image_navigation.popup_img_prev.md-button.md-ink-ripple {
    left: 0;
    top: 0;
}
button.popup_main_image_navigation.popup_img_next.md-button.md-ink-ripple {
    top: 0;
    right: 0;
}
.popup_main_image_navigation_icon {
    width: 30px;
    height: 50px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    opacity: 0.8;
}



.zipper.ng-animate {
  transition:0.5s linear all;
}
.zipper.ng-enter {
  opacity:0;
}
.zipper.ng-enter.ng-enter-active {
  opacity:1;
}
.zipper.ng-leave {
  opacity:1;
}
.zipper.ng-leave.ng-leave-active {
  opacity:0;
}