body {
    overflow: hidden;
}

#root {
    opacity: 0;
    position: absolute;
    z-index: 11;
}

input[type="radio"] {
    -webkit-appearance: none;
    appearance: none;
    background-color: field;
    border: 1px solid #858585;
    border-image: none;
    border-image: initial;
    border-radius: 50%;
    box-sizing: border-box;
    flex-shrink: 0;
    height: 18px;
    margin: 0;
    outline: none;
    padding: 1px 2px;
    width: 18px;
}

.cardActive input[type="radio"],
.featureModeActive input[type="radio"],
.fprActive input[type="radio"],
.productModeactive input[type="radio"] {
    -webkit-appearance: none;
    background: #fff;
    border: 5px solid #0076ce;
    border-radius: 50%;
    flex-shrink: 0;
    height: 18px;
    outline: none;
    width: 18px;
}

@supports (-webkit-touch-callout: none) {
    input[type="radio"]:checked {
        -webkit-appearance: auto;
        background: #fff;
        border: 5px solid #0076ce;
        border-radius: 50%;
        height: 18px;
        outline: none;
        width: 18px;
    }
}

.tooltip {
    display: inline-block;
    position: relative;
}

.hotspots_div {
    display: none;
}

.tooltip .tooltiptext {
    background-color: #006bbd;
    border-radius: 6px;
    bottom: 5px;
    color: #fff;
    left: 122%;
    padding: 5px 0;
    position: absolute;
    text-align: center;
    visibility: hidden;
    width: 200px;
    z-index: 1;
}

.es .tooltip .tooltiptext,
.fr .tooltip .tooltiptext,
.fr-ca .tooltip .tooltiptext,
.it .tooltip .tooltiptext,
.ja .tooltip .tooltiptext,
.nl .tooltip .tooltiptext,
.pl .tooltip .tooltiptext,
.pt-br .tooltip .tooltiptext,
.sv .tooltip .tooltiptext {
    bottom: -5px;
}

.de .tooltip .tooltiptext {
    bottom: -5px;
    width: 300px;
}

.tooltip .tooltiptext:after {
    border: 5px solid transparent;
    border-right-color: #006bbd;
    content: "";
    margin-top: -5px;
    position: absolute;
    right: 100%;
    top: 50%;
}

@media (hover: hover) {
    .tooltip:hover .tooltiptext {
        visibility: visible;
    }
}

.leftMenuWrapper {
    height: 100vh;
    overflow-x: hidden;
    display: none !important;
}

.menuContainer {
    height: 100vh;
    position: relative;
    scroll-behavior: smooth;
    transition: all 0.3s ease-in-out;
    -webkit-user-select: none;
    user-select: none;
}

.menuContainer.collapsed {
    width: 70px;
}

.menuContainer.expanded {
    width: 307px;
}
.container {
    /* display: none; */
    position: absolute;
    width: 58% !important;
    /* height: 178px !important; */
    /* width: 100%; */
    height: 58%;
    right: 0;
    top: 18.5%;
    overflow: hidden;
}
.bg-click {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    cursor: pointer;
}
.expandColapsBtn {
    background-size: contain;
    border: none;
    bottom: 20px;
    cursor: pointer;
    display: none;
    height: 20px;
    position: absolute;
    right: 20px;
    width: 20px;
}

.collapsed .expandColapsBtn {
    background: url(../../static/media/chevron_right.f419ab67941b1a8c23cf.svg)
        50% no-repeat;
}

.expanded .expandColapsBtn {
    background: url(../../static/media/chevron_left.536178556e908d698035.svg)
        50% no-repeat;
}

.menu {
    background-color: #fff;
    border: none;
    border-top: 1px solid #ccc;
    cursor: pointer;
    display: flex;
    min-height: 30px;
    width: 100%;
}

.menu:hover {
    background-color: #d9f5fd;
    color: #0e0e0e;
}

.menu:last-child {
    border-bottom: 1px solid #ccc;
}

.menu .icon {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: auto 20px;
    min-height: 52px;
    width: 70px;
}

.menu .icon.howtouse {
    background-image: url(../../static/media/how_to_use.497a8744f79959583e11.svg);
}

.menu .icon.howtouse.active {
    background-image: url(../../static/media/how_to_use_white.bace9155bd47834a1398.svg);
}

.menu .text {
    align-items: center;
    display: flex;
    font-size: 16px;
    min-width: calc(100% - 100px);
    transition: width 0.3s;
    width: calc(100% - 100px);
}

.menu.active.noDropDown .text,
.menu.noDropDown .text {
    background: transparent;
    color: #006bbd;
}

.menu.active .text {
    font-weight: 800;
}

.accordionContent {
    background-color: #f5f6f7;
    height: 0;
}

.menu + .accordionContent {
    overflow: hidden;
    transition: all 0.3s;
    width: 100%;
    z-index: -1;
}

.menu.active + .accordionContent {
    border-top: 1px solid #ccc;
    z-index: 1;
}

.accordionContent ul.subMenu {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.accordionContent ul.subMenu .subMenuBtn.radioButton {
    align-items: center;
    color: #585858;
    cursor: pointer;
    display: flex;
    font-size: 16px;
    height: 59px;
    padding: 0 0 0 27px;
    white-space: inherit;
}

.ipad-portrait .accordionContent ul.subMenu .subMenuBtn.radioButton,
.mobile .accordionContent ul.subMenu .subMenuBtn.radioButton {
    display: block;
}

#tower_tab {
    margin-left: 20px;
}

.accordionContent ul.subMenu .subMenuBtn {
    align-items: center;
    color: #585858;
    cursor: pointer;
    display: flex;
    font-size: 16px;
    height: 59px;
    padding: 0 12px 0 70px;
    white-space: inherit;
}

.ipad-portrait .accordionContent ul.subMenu .subMenuBtn,
.mobile .accordionContent ul.subMenu .subMenuBtn {
    height: 45px;
}

.ipad-portrait .accordionContent ul.subMenu .subMenuBtn.radioButton,
.mobile .accordionContent ul.subMenu .subMenuBtn.radioButton {
    height: -webkit-fit-content !important;
    height: -moz-fit-content !important;
    height: fit-content !important;
}

.accordionContent ul.subMenu li.active,
.accordionContent ul.subMenu li.cardActive,
.accordionContent ul.subMenu li.colorActive,
.accordionContent ul.subMenu li.featureModeActive,
.accordionContent ul.subMenu li.fprActive,
.accordionContent ul.subMenu li.productModeactive,
.accordionContent ul.subMenu li:hover {
    background-color: #d9f5fd;
    color: #0e0e0e;
}

input[name="selectProduct"] {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
}

.accordionContent ul.subMenu.radioGroup li {
    padding: 20px 0 0 70px;
}

.accordionContent ul.subMenu.radioGroup li:last-child {
    padding: 20px 0 20px 27px;
}

.accordionContainer {
    border-bottom: 1px solid #ccc;
    width: 100%;
}

#howToUse .text {
    color: #0068c4;
    font-weight: 600;
}

::-webkit-scrollbar-thumb {
    background-color: #7c7c7c;
    outline: 1px solid #708090;
}

.portraitButton,
.portraitButton1 {
    display: none;
}

#howToUseMenu {
    font-weight: 500;
}

.switch {
    display: inline-block;
    height: 28px;
    left: 5px;
    position: relative;
    top: 0;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    vertical-align: middle;
    width: 62px;
}

.switch input {
    height: 0;
    opacity: 0;
    width: 0;
}

.slider {
    background-color: #767676;
    bottom: 0;
    cursor: pointer;
    left: 0;
    right: 0;
    top: 0;
}

.slider,
.slider:before {
    position: absolute;
    transition: 0.4s;
}

.slider:before {
    background-color: #fff;
    bottom: 2px;
    content: "";
    height: 24px;
    left: 3px;
    width: 24px;
}

input:checked + .slider {
    background-color: #006bbd;
}

input:focus + .slider {
    box-shadow: 0 0 1px #2196f3;
}

input:checked + .slider:before {
    left: calc(100% - 26px);
}

.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}

#animation {
    margin: 15px 0 0 3px;
}

#animation,
#onScreenControl {
    position: relative;
    text-align: center;
}

#onScreenControl {
    margin: 0 0 14px 3px;
    -webkit-user-select: none;
    user-select: none;
}

#qrCode {
    margin-top: 24px;
    text-align: center;
}

.de #qrCode .text,
.fr #qrCode .text,
.it #qrCode .text,
.pl #qrCode .text {
    max-width: 85%;
}

.pl #qrCode .text {
    max-width: 75%;
}

.zh-cn #qrCode .text,
.zh-hk #qrCode .text,
.zh-tw #qrCode .text {
    max-width: 55%;
}

#qrCode .text {
    color: #878787;
    display: inline-block;
    font-size: 12px;
    margin-top: 4px;
    max-width: 80%;
    text-align: center;
}

.floatleft {
    float: left;
}

.footerBtn {
    background-color: #fff;
    border: 2px solid #ccc;
    height: 40.01px;
    margin-left: 8.5px;
    margin-right: 8.5px;
    width: 62px;
}

.navBtn {
    cursor: pointer;
    display: inline-block;
    -webkit-user-select: none;
    user-select: none;
}

.clearBoth {
    display: inline-flex;
}

.radioFocus:focus {
    outline: 2px solid #000 !important;
}

#zoomSliderContainer {
    -webkit-user-select: none;
    user-select: none;
}

.zoombar {
    height: 40.01px;
    margin-left: 35px;
}

.topbtns,
.zoombar {
    float: left;
    position: relative;
}

.topbtns {
    border: 1px solid CCCCCC;
}

.myslider:hover {
    opacity: 1;
}

.threeButtons {
    background-color: #fff;
    border: 2px solid #ccc;
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    height: 40.01px;
    letter-spacing: 0.005em;
    line-height: 24px;
    margin: 21px 19px 20px;
    width: 160px;
}

.threeButtons img {
    height: 20px;
    vertical-align: middle;
    width: 24px;
}

#nextViewImg {
    padding-left: 12px;
}

#previousViewImg {
    padding-right: 12px;
}

.myslider {
    -webkit-appearance: none;
    background: #ffffff00;
    height: 20px;
    margin-left: -1px;
    opacity: 1;
    width: 95px;
}

.myslider::-webkit-slider-thumb {
    -webkit-appearance: none;
    background-image: url(../../static/media/zoom_button.9c27d532cd76550aa73e.svg);
    background-position: left 0;
    background-repeat: no-repeat;
    background-size: 26px;
    cursor: pointer;
    height: 47px;
    width: 26.25px;
}

.rangeslider {
    left: 39px;
    position: absolute;
    top: -37px;
}

::-webkit-scrollbar {
    width: 6px;
}

::-webkit-scrollbar-thumb {
    background-color: #c5c4c4;
    outline: 1px solid #d7e1eb;
}

::-webkit-scrollbar-track {
    background: hsla(0, 0%, 59%, 0.9);
}

#zoomIn,
#zoomSlider {
    cursor: pointer;
    position: absolute;
}

#zoomIn {
    left: 0;
}

#zoomIn,
#zoomOut {
    height: 40px;
    min-width: 40px !important;
    top: 0;
    width: 40px;
    z-index: 2;
}

#zoomOut {
    left: 133px;
}

.MuiButton-text {
    padding: 6px 8px;
}

.MuiButton-root {
    border-radius: 4px;
    box-sizing: border-box;
    color: rgba(0, 0, 0, 0.87);
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-size: 0.875rem;
    font-weight: 500;
    letter-spacing: 0.02857em;
    line-height: 1.75;
    min-width: 64px;
    padding: 6px 16px;
    text-transform: uppercase;
    transition: background-color 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0ms,
        box-shadow 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0ms,
        border 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}

.MuiButtonBase-root {
    -webkit-tap-highlight-color: transparent;
    align-items: center;
    -moz-appearance: none;
    -webkit-appearance: none;
    background-color: initial;
    border: 0;
    border-radius: 0;
    color: inherit;
    cursor: pointer;
    display: inline-flex;
    justify-content: center;
    margin: 0;
    padding: 0;
    position: relative;
    text-decoration: none;
    -webkit-user-select: none;
    user-select: none;
    vertical-align: middle;
}

#zoomOut,
.zoomBtn {
    cursor: pointer;
    position: absolute;
}

#nextView,
#previousView {
    padding: 5px;
}

#nextView,
#previousView,
#resetView {
    background-color: #fff;
    border: 2px solid #ccc;
    color: #000;
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    height: 40.01px;
    letter-spacing: 0.005em;
    line-height: 1;
    margin: 21px 19px 20px;
    text-align: center;
    width: 160px;
}

#resetView {
    vertical-align: middle;
}

.zoombarandRotateContainer {
    height: 40.01px;
    margin: auto;
    position: relative;
    width: 371px;
}

#howToUSE {
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: cubic-bezier(0.25, 0.25, 0, 1);
    animation-timing-function: cubic-bezier(0.25, 0.25, 0, 1);
    background-color: red;
    height: 100px;
    height: 319px;
    left: 272px;
    margin-left: -16px;
    margin-top: -1%;
    min-width: 259px;
    padding: 28px 33px;
    position: absolute;
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    width: auto;
}

.ipad-portrait #howToUSE {
    padding: 0;
}

#howToUSEText {
    word-wrap: break-word;
    color: #000;
    display: inline-block;
    font-family: Roboto;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    height: -webkit-max-content;
    height: max-content;
    margin-top: 3px;
    min-height: 63px;
    text-align: center;
    width: 100%;
}

.howToUseImages {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
}

.howToUseImages #move,
.howToUseImages #rotate,
.howToUseImages #zoom {
    align-items: center;
    display: flex;
    font-size: 30px;
    justify-content: space-around;
    line-height: 40px;
    margin-bottom: 36px;
    text-align: center;
    width: 100%;
}

#footerControls {
    bottom: -155px;
    position: absolute;
    transition: bottom 0.3s linear;
    width: 600px;
}

#howToUseMob {
    display: none;
}

.content1 p:nth-child(3) {
    margin-left: 4px;
}

.content1 p:nth-child(4) {
    margin-left: -5px;
}

.content1 p:nth-child(5) {
    margin-left: 5px;
}
#infinityrt-canvas {
    width: 100% !important;
    transform: scale(1.5) !important ;
    right: 24%;
    top: -23%;
}
.cta-btn {
    position: absolute;
    width: 25.5%;
    height: 12%;
    top: 62%;
    left: 3%;
    cursor: pointer;
}
@media screen and (max-width: 1024px) and (max-height: 1365px) and (orientation: portrait) {
    #howToUseMob {
        display: block;
    }

    #calloutcanvas,
    #footerControlDesk,
    #infinityrt-canvas,
    #root {
        position: fixed;
    }

    body {
        overflow: hidden;
    }

    .accordionContainer {
        height: 10% !important;
    }

    .popup {
        left: 0;
    }

    #howToUseMenu,
    #selectProduct,
    .popup {
        display: none;
    }

    .menuContainer {
        max-width: 100%;
        overflow: hidden;
        position: absolute;
        width: 100%;
    }

    .menuContainer.expanded {
        bottom: 0;
        height: 46vh;
        width: 100%;
    }

    .menuContainer.collapsed {
        bottom: -38vh;
        height: 45vh;
        width: 100%;
    }

    .expandColapsBtn {
        display: none;
    }

    .portraitButton {
        display: block;
        min-height: 37px;
        width: 100%;
    }

    .menuContainer.collapsed .portraitButton,
    .menuContainer.collapsed .portraitButton1,
    .portraitButton {
        background: #467ace;
        color: #fff;
    }

    .menuContainer.expanded .portraitButton {
        background: #467ace
            url(../../static/media/icon_ar.cc54f16dffa61d1d644e.svg) no-repeat
            2%;
        background-size: 20px;
        color: #fff;
        padding-left: 16px;
    }

    .accordionContainer .menu {
        display: flex;
    }

    .portraitButton1 label {
        vertical-align: sub;
    }

    .dds__side-nav__group__chevron,
    .menu .icon {
        display: none;
    }

    .menu .mob_icon {
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: auto 20px;
        display: block;
        min-height: 34px;
        width: 56px;
    }

    .menu .mob_icon.mob_icon_selectProduct {
        background-image: url(../../static/media/select_product_type.1eaee35317303ac1506a.svg);
    }

    .menu .mob_icon.mob_icon_productView {
        background-image: url(../../static/media/product_view.11480e9f2ec353516bb3.svg);
    }

    .menu .mob_icon.mob_icon_configuration,
    .menu .mob_icon.mob_icon_features {
        background-image: url(../../static/media/additional_feature.8cd81426ac8ee60c931f.svg);
    }

    input[name="selectProduct_mob"] {
        margin-left: 5%;
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }

    #mob_tower_tab {
        font-size: 16px;
        font-weight: lighter;
        margin-left: 5px;
        vertical-align: text-top;
    }

    .menu {
        border-bottom: 1px solid #ccc;
        box-sizing: border-box;
        display: block;
        float: left;
        text-align: center;
        width: 50%;
    }

    .menu:nth-of-type(3) {
        border-left: 1px solid #eaebeb;
        border-right: 1px solid #eaebeb;
    }

    .menu.active {
        background: #c7c9c7;
        font-weight: 400;
    }

    .menu .text {
        font-size: 16px;
        min-width: 0;
        min-width: auto;
        padding-bottom: 12px;
        padding-top: 12px;
        white-space: inherit;
        width: auto;
    }

    .menu.active .text {
        font-weight: 400;
    }

    .menu + .accordionContent {
        height: 20vh !important;
        opacity: 0;
        overflow-y: scroll;
        position: absolute;
        top: 85px;
        top: 42px;
    }

    .menu.active + .accordionContent {
        border-top: initial;
        opacity: 1;
    }

    #howToUse {
        margin-top: 0;
    }

    .accordionContent ul.subMenu {
        padding: 0 20px;
    }

    .accordionContent ul.subMenu div {
        border-bottom: 1px solid #ccc;
    }

    .accordionContent ul.subMenu .subMenuBtn div {
        border-bottom: none;
    }

    .accordionContent ul.subMenu .subMenuBtn {
        color: #000;
        cursor: pointer;
        font-size: 16px;
        white-space: nowrap;
    }

    .accordia_icon {
        display: contents;
        letter-spacing: 6px;
    }

    .arrow {
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAAACXBIWXMAAAsTAAALEwEAmpwYAAAF42lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNi4wLWMwMDIgNzkuMTY0NDYwLCAyMDIwLzA1LzEyLTE2OjA0OjE3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjEuMiAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDIyLTA1LTMwVDE4OjA5OjM4KzA1OjMwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyMi0wNy0xNFQyMTowMDoxNCswNTozMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyMi0wNy0xNFQyMTowMDoxNCswNTozMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo4ZjQ5MzhiYy03OTQ2LTJm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)
            50% no-repeat;
        background-size: 15px;
        height: 12px;
        width: 12px;
    }

    .subMenuBtn.active .arrow {
        background: url(../../static/media/expand_accordion.c05ee98c125f25f108e3.png)
            50% no-repeat;
        background-size: 15px;
        height: 12px;
        width: 12px;
    }

    .accordionContent ul.subMenu li.active,
    .accordionContent ul.subMenu li.cardActive,
    .accordionContent ul.subMenu li.featureModeActive,
    .accordionContent ul.subMenu li.fprActive,
    .accordionContent ul.subMenu li.productModeactive,
    .accordionContent ul.subMenu li:focus,
    .accordionContent ul.subMenu li:hover {
        background-color: #d9f5fd;
    }

    .hotspots_div,
    .mob_buttons {
        display: none;
        height: 0;
    }

    .mob_buttons {
        width: 100%;
    }

    .accordionContent ul.subMenu .subMenuBtn.active .hotspots_div {
        display: block;
        padding-left: 20px;
    }

    .accordionContent ul.subMenu .subMenuBtn.active .hotspots_div,
    .accordionContent ul.subMenu .subMenuBtn.active .mob_buttons {
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content;
    }

    #root {
        bottom: 0;
        width: 100%;
    }

    #qrCode {
        display: none;
    }

    #onScreenControlContainer {
        display: none !important;
    }

    #howToUSE {
        margin-left: 0 !important;
        top: 0 !important;
        -webkit-transform: none !important;
        transform: none !important;
    }

    .howToUseMob .portraitButtonText {
        margin-top: 14px;
    }

    #animation {
        bottom: 10%;
        font-size: 13px;
        position: relative;
        width: 100%;
        z-index: 1;
    }

    .accordionContent ul.subMenu .subMenuBtn.radioButton {
        color: #000;
        cursor: pointer;
        font-size: 13px;
        padding: 13px 0 10px;
        white-space: nowrap;
    }

    #tower_tab {
        margin: 2px 0 0 12px;
        position: absolute;
    }
}

ul li.mob {
    align-items: center;
    display: inline-flex;
    list-style: none;
}

.d-flex {
    display: flex;
    width: 30%;
}

.mobile.zh-cn .d-flex {
    width: 25%;
}

.align-item-center {
    align-items: center;
}

.onlyMob ul {
    margin-bottom: 0;
    margin-top: 10px;
    padding: 0;
}

li.subMenuBtn.radioButton.mob {
    max-width: 45%;
}

.mobRadioTitle {
    font-size: 13px;
    margin-left: 7px;
}

#howToUSE.mobHowToUse {
    background-color: #fff;
    display: block;
    height: 100vh;
    position: fixed;
    top: 0;
    width: 85%;
    z-index: 12;
}

.ipad-portrait #howToUSE.mobHowToUse {
    width: 100%;
}

#howToUSE.mobHowToUse .moveRotaeZoomcontainer {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin-top: 25%;
}

.ipad-portrait #howToUSE.mobHowToUse .moveRotaeZoomcontainer {
    margin-left: auto;
    margin-right: auto;
    max-width: 400px;
}

#howToUSE.mobHowToUse .moveRotaeZoomcontainer .mobHowToUseText {
    color: #000;
    font-family: Roboto;
    font-size: 40px;
    font-style: normal;
    font-weight: 300;
    line-height: 56px;
    margin-bottom: 20px;
    text-align: center;
}

.de #howToUSE.mobHowToUse .moveRotaeZoomcontainer .mobHowToUseText {
    font-size: 35px;
}

#howToUSE.mobHowToUse .moveRotaeZoomcontainer .mobRotateMoveZoomDivs {
    align-items: center;
    display: flex;
    font-family: Roboto;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    justify-content: space-between;
    line-height: 36px;
    margin: 8% 0;
    text-align: left;
    width: 100%;
}

#howToUSE.mobHowToUse .moveRotaeZoomcontainer .mobRotateMoveZoomDivs span {
    display: inline-block;
    min-width: 130px;
}

#howToUSE.mobHowToUse .moveRotaeZoomcontainer .mobRotateMoveZoomDivs img {
    max-width: 166px;
    width: 50%;
}

#howToUSE.mobHowToUse .moveRotaeZoomcontainer .closeUseMob {
    border: 1px solid #dbdddf;
    color: #ccc;
    height: 18px;
    padding: 5px;
    position: absolute;
    right: 30px;
    text-align: center;
    top: 50px;
    width: 20px;
}

#howToUSE.mobHowToUse .moveRotaeZoomcontainer .exploreButtton {
    align-items: center;
    background: #0076ce;
    border: 0;
    border-radius: 2px;
    color: #fff;
    cursor: pointer;
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    height: 54px;
    line-height: 36px;
    margin-top: 20px;
    text-align: center;
    width: 253px;
}

@media screen and (max-width: 2048px) and (max-height: 2732px) and (orientation: landscape) and(aspect-ratio:4/3) {
    #howToUseMob {
        display: none;
    }

    #howToUseMenu,
    #selectProduct {
        display: flex;
    }

    .menu .mob_icon {
        display: none;
    }

    .dds__side-nav__group__chevron,
    .menu .icon {
        display: block;
    }

    .hotspots_div,
    .mob_buttons,
    .mob_buttons div {
        display: none;
    }
}

@media screen and (min-width: 800px) and (max-width: 1366px) and (orientation: landscape) {
    #howToUseMob {
        display: none;
    }

    #calloutcanvas,
    #footerControlDesk,
    #infinityrt-canvas,
    #root {
        position: fixed;
    }

    #howToUseMenu,
    #selectProduct {
        display: flex;
    }

    #howToUSE {
        margin-top: 1% !important;
    }

    .menu .mob_icon {
        display: none;
    }

    .dds__side-nav__group__chevron,
    .menu .icon {
        display: block;
    }

    .hotspots_div,
    .mob_buttons,
    .mob_buttons div {
        display: none;
    }

    #loading {
        top: 70%;
    }

    #howToUSE {
        -webkit-animation-duration: 0.3s;
        animation-duration: 0.3s;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
        -webkit-animation-timing-function: cubic-bezier(0.25, 0.25, 0, 1);
        animation-timing-function: cubic-bezier(0.25, 0.25, 0, 1);
        background-color: red;
        height: 319px;
        left: 272px;
        margin-left: -16px;
        min-width: 259px;
        position: absolute;
        top: 100px;
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }
}

#footerControls {
    opacity: 1 !important;
}
.menuContainer {
    /* display: none !important; */
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    .menuContainer {
        height: 112vh;
    }
}

@media only screen and (max-width: 1024px) and (orientation: portrait) {
    #select_type1 {
        min-width: 99%;
    }

    .container {
        position: fixed;
    }

    .accordionContent ul.subMenu .subMenuBtn.radioButton {
        color: #000;
        cursor: pointer;
        font-size: 13px;
        padding: 13px 0 10px;
        white-space: nowrap;
    }

    #tower_tab {
        margin: 2px 0 0 12px;
        position: absolute;
    }

    #footerControls {
        opacity: 0 !important;
    }

    #calloutcanvas,
    #infinityrt-canvas,
    #root {
        position: fixed;
    }

    body {
        overflow: hidden;
    }

    .accordionContainer {
        display: flex;
        grid-template-columns: repeat(3, 2fr);
        position: relative;
    }

    #howToUseMenu,
    #selectProduct,
    .popup {
        display: none;
    }

    .menuContainer {
        max-width: 100%;
        position: absolute;
        width: 100%;
    }

    .menuContainer.expanded {
        bottom: 0;
        height: 48vh;
        width: 100%;
    }

    .menuContainer.collapsed {
        bottom: -38vh;
        height: 45vh;
        width: 100%;
    }

    .expandColapsBtn {
        display: none;
    }

    .howToUseMob .portraitButtonText,
    .portraitButton .portraitButtonText,
    .portraitButton1 .portraitButtonText {
        box-sizing: border-box;
        display: inline-block;
        font-family: Roboto;
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        margin-left: 5%;
        width: 100%;
    }

    .portraitButton #portraitButtonTextId.portraitButtonText {
        padding-right: 30px;
    }

    .menuContainer.collapsed .portraitButton,
    .menuContainer.collapsed .portraitButton1 {
        background: #467ace;
        color: #fff;
    }

    .menuContainer.expanded .portraitButton {
        align-items: center;
        background: #467ace
            url(../../static/media/icon_ar.cc54f16dffa61d1d644e.svg) no-repeat
            2%;
        background-size: 20px;
        color: #fff;
        display: flex !important;
        max-width: 95%;
        padding-left: 30px;
        padding-right: 5%;
    }

    .menuContainer.expanded .portraitButton1 {
        align-items: center;
        background: grey
            url(../../static/media/select_product_type_white.7c0bd2c98bbf5a5c1937.svg)
            no-repeat 2%;
        background-size: 20px;
        color: #fff;
        display: flex;
        height: 43px;
        padding-left: 10%;
        width: 100%;
    }

    .portraitButtonProducttypeMenu {
        display: flex;
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content;
        justify-content: space-evenly;
        margin: 0;
        padding: 0 30px 0 0;
        width: 65%;
    }

    .pl .portraitButtonProducttypeMenu {
        width: 54%;
    }

    .menuContainer.expanded .howToUseMob {
        background: #444
            url(../../static/media/how_to_use_white.bace9155bd47834a1398.svg)
            no-repeat 2%;
        background-size: 20px;
        color: #fff;
        display: block !important;
        min-height: 43px;
        padding-left: 30px;
        width: 100%;
    }

    #howToUSE {
        left: 0;
        margin-left: 0 !important;
        top: 0 !important;
        -webkit-transform: none !important;
        transform: none !important;
    }

    #howToUseMob {
        display: block;
    }

    .howToUseMob .portraitButtonText {
        margin-top: 14px;
    }

    .accordionContainer .menu {
        align-items: center;
        display: flex;
        justify-content: center;
    }

    .ipad-portrait .accordionContainer .menu {
        height: 44px;
    }

    .portraitButton1 label {
        height: 18px;
        vertical-align: initial;
    }

    #animation {
        background-color: #fff;
        bottom: 10%;
        font-size: 13px;
        height: 40px;
        margin: 0;
        padding: 6px 0 0;
        position: relative;
        width: 100%;
        z-index: 1;
    }

    .menu .mob_icon {
        background-position: 50%;
        background-position: 19%;
        background-repeat: no-repeat;
        background-size: auto 20px;
        display: block;
        min-height: 34px;
        width: 28px;
    }

    .dds__side-nav__group__chevron,
    .icon {
        display: none;
    }

    .menu .mob_icon.mob_icon_additionalFeatur {
        background-image: url(../../static/media/additional_feature.8cd81426ac8ee60c931f.svg);
    }

    input[name="selectProduct_mob"] {
        margin-left: 5%;
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }

    #mob_tower_tab {
        font-size: 13px;
        font-weight: lighter;
        margin-left: 5px;
        vertical-align: text-top;
    }

    .menu {
        border-bottom: 1px solid #ccc;
        box-sizing: border-box;
        display: block;
        float: left;
        text-align: center;
        width: 100%;
    }

    .menu:nth-of-type(3) {
        border-left: 1px solid #eaebeb;
        border-right: 1px solid #eaebeb;
    }

    .menu.active {
        background: #c7c9c7;
        font-weight: 400;
    }

    .menu .text {
        font-size: 13px;
        min-width: 0;
        min-width: auto;
        padding-bottom: 12px;
        padding-top: 12px;
        white-space: inherit;
        width: auto;
    }

    .accordionContent {
        background-color: #fff;
        height: auto;
        top: 85px;
    }

    .menu.active .text {
        font-weight: 400;
    }

    .menu + .accordionContent {
        opacity: 0;
        overflow-y: auto;
        position: absolute;
    }

    .menu.active + .accordionContent {
        border-top: initial;
        opacity: 1;
    }

    #howToUse {
        margin-top: 0;
    }

    .accordionContent ul.subMenu {
        padding: 0 20px;
    }

    .accordionContent ul.subMenu div {
        border-bottom: 1px solid #ccc;
    }

    .accordionContent ul.subMenu .subMenuBtn div {
        border-bottom: none;
    }

    .accordionContent ul.subMenu .subMenuBtn {
        color: #000;
        cursor: pointer;
        font-size: 13px;
        white-space: inherit;
    }

    .accordionContent ul.subMenu > li:hover {
        background-color: initial;
    }

    .accordionContent ul.subMenu > li.active,
    .accordionContent ul.subMenu > li.cardActive,
    .accordionContent ul.subMenu > li.featureModeActive,
    .accordionContent ul.subMenu > li.fprActive,
    .accordionContent ul.subMenu > li.productModeactive {
        background-color: #d9f5fd;
        display: block !important;
        height: -webkit-fit-content !important;
        height: -moz-fit-content !important;
        height: fit-content !important;
        padding: 15px 0;
    }

    .mobile .accordionContent ul.subMenu > li.active span {
        display: inline-block;
        width: 93%;
    }

    .hotspots_div {
        display: none;
        height: 100vh;
    }

    .mob_buttons {
        height: 100vh;
        width: 96%;
    }

    .accordionContent ul.subMenu .subMenuBtn.active .hotspots_div {
        display: block;
        padding-left: 20px;
    }

    .accordionContent ul.subMenu .subMenuBtn.active .hotspots_div,
    .accordionContent ul.subMenu .subMenuBtn.active .mob_buttons {
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content;
    }

    .accordionContent ul.subMenu {
        padding: 0 !important;
    }

    .accordionContent ul.subMenu .subMenuBtn {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .hotspots_div ol {
        padding: 15px 0 0;
    }

    #root {
        bottom: 0;
        width: 100%;
    }

    #qrCode {
        display: none;
    }

    .arrow {
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAAACXBIWXMAAAsTAAALEwEAmpwYAAAF42lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNi4wLWMwMDIgNzkuMTY0NDYwLCAyMDIwLzA1LzEyLTE2OjA0OjE3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjEuMiAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDIyLTA1LTMwVDE4OjA5OjM4KzA1OjMwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyMi0wNy0xNFQyMTowMDoxNCswNTozMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyMi0wNy0xNFQyMTowMDoxNCswNTozMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo4ZjQ5MzhiYy03OTQ2LTJm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)
            50% no-repeat;
        background-size: 15px;
        height: 12px;
        width: 12px;
    }

    .subMenuBtn.active .arrow {
        background: url(../../static/media/expand_accordion.c05ee98c125f25f108e3.png)
            50% no-repeat;
        background-size: 15px;
        height: 12px;
        margin-right: 5px;
        width: 12px;
    }

    #onScreenControlContainer {
        display: none !important;
    }

    #menuFooter {
        bottom: 6px;
        display: block !important;
        position: fixed;
        text-align: center;
        width: 100%;
        z-index: 1;
    }
}

@media screen and (min-width: 992px) and (max-width: 1024px) and (orientation: portrait) {
    .ipadPortraitAlienment {
        margin-left: 85px !important;
    }

    .accordionContent ul.subMenu li.active,
    .accordionContent ul.subMenu li.cardActive,
    .accordionContent ul.subMenu li.featureModeActive,
    .accordionContent ul.subMenu li.fprActive,
    .accordionContent ul.subMenu li.productModeactive,
    .accordionContent ul.subMenu li:focus,
    .accordionContent ul.subMenu li:hover {
        background-color: #d9f5fd;
        outline: none !important;
    }

    .accordionContent ul.subMenu .subMenuBtn.radioButton {
        color: #000;
        cursor: pointer;
        font-size: 13px;
        padding: 13px 0 10px;
        white-space: nowrap;
    }

    #tower_tab {
        margin: 2px 0 0 12px;
        position: absolute;
    }

    #declaimer ol li:nth-child(3) {
        margin-left: 6px;
    }

    #declaimer ol li:nth-child(4) {
        margin-left: -5px;
    }

    #declaimer ol li:nth-child(5) {
        margin-left: 7px;
    }

    .accordionContent ul.subMenu {
        padding: 0 !important;
    }

    .accordionContent ul.subMenu .subMenuBtn {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
}

@-webkit-keyframes example1 {
    0% {
        left: 232px;
        opacity: 0;
    }

    to {
        left: 322px;
        opacity: 1;
    }
}

@keyframes example1 {
    0% {
        left: 232px;
        opacity: 0;
    }

    to {
        left: 322px;
        opacity: 1;
    }
}

@media only screen and (max-height: 800px) {
    #footerControls {
        -webkit-transform: scale(1) translateY(20px);
        transform: scale(1) translateY(20px);
    }
}

#onScreenControlContainer {
    background: #fff;
    background-color: #fff;
    border-radius: 5px 5px 0 0;
    bottom: 0;
    font-size: 14px;
    height: 27px;
    left: calc(50% + 153.5px);
    padding: 10px 20px;
    position: absolute;
    -webkit-transform: translateX(-112.5px);
    transform: translateX(-112.5px);
    z-index: 11;
    display: none !important;
}

@media only screen and (max-width: 900px) and (orientation: landscape) {
    #howToUseMob {
        display: none;
    }

    #loading {
        top: 100%;
    }

    .hotspots_div,
    .mob_buttons {
        display: none;
    }

    #howToUSE {
        display: none !important;
    }

    #exploreButtton,
    #onScreenControlContainer {
        display: none;
    }
}

.dds__side-nav__group__chevron svg {
    height: 1.25rem;
    justify-self: center;
    margin-top: 100%;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    transition: -webkit-transform 0.2s ease 0s;
    transition: transform 0.2s ease 0s;
    transition: transform 0.2s ease 0s, -webkit-transform 0.2s ease 0s;
    width: 1rem;
}

.menu.active .dds__side-nav__group__chevron svg {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

@media only screen and (min-width: 360px) and (max-width: 900px) and (orientation: landscape) {
    #leftMenuWrapper {
        display: none;
    }

    #calloutcanvas {
        display: none !important;
    }
}

.disc {
    list-style-type: disc;
}

.styleNone {
    list-style-type: none;
}

@-moz-document url-prefix() {
    .closeUseMob {
        top: -15% !important;
    }
}

/*# sourceMappingURL=main.9ff475be.css.map*/