
#header,
.breadcrumb,
#usp.page-block .page-block-ttl,
.scrolltop,
.footer{
    display: none;
} 


#basicloadercontainer{
    background: #e8520d; flex-wrap: wrap;
}
#basicloadercontainer svg{
    width: 90vw; max-width: 900px;    
}
#basicloadercontainer a{
    width: 100%; text-align: center; color: #ffffff; font-weight: 700; font-size: 14px; text-decoration: none;
    z-index: 100000; pointer-events: all;
}

#mainsection{
    margin: 0px!important;
}
.page-block,
.page-block-caption,
.page-block-module{
    padding: 0px!important; margin: 0px!important;
}
#theBody{
    background: rgb(197,188,168);
    background: -moz-linear-gradient(45deg, rgba(197,188,168,1) 0%, rgba(236,236,236,1) 100%);
    background: -webkit-linear-gradient(45deg, rgba(197,188,168,1) 0%, rgba(236,236,236,1) 100%);
    background: linear-gradient(45deg, rgba(197,188,168,1) 0%, rgba(236,236,236,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#c5bca8",endColorstr="#d8d8d8",GradientType=1);
    min-height: 100vh;
}
#usp .carousel-item{
    display: flex;
    align-content: flex-start; align-items: center; flex-wrap: wrap;
    opacity: 0; padding: 15px;
    -webkit-transition: opacity 0.3s ease-out;
    -moz-transition: opacity 0.3s ease-out;
    -o-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out;
}
#usp .carousel-item .block{
    background: #ffffff;
    border: 0px; padding: 30px;
    box-shadow: 3px 3px 3px #888888;
}
#usp .carousel-item.active{
    opacity: 1;
}
.page-block.list-click-detail.slideshow .carousel .carousel-item .block .block-caption{
    padding: 0px;
}
.page-block.list-click-detail.slideshow .page-block-module .carousel-control-prev, .page-block.list-click-detail.slideshow .page-block-module .carousel-control-next{
    top: 0px; bottom: auto; position: relative;
    justify-content: flex-start; padding: 10px 0px;
}
.page-block.list-click-detail.slideshow .page-block-module .carousel-control-next{
    justify-content: flex-end;
}

.prev-label,
.next-label{
    line-height: 20px!important; font-size: 10px!important;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.prev-label .arrow,
.next-label .arrow{
    line-height: 20px!important; font-size: 24px!important; margin: 0px 10px 0px 0px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.next-label .arrow{
    margin: 0px 0px 0px 10px;
}


.prev-label:hover .arrow{
    margin: 0px 10px 0px 5px; 
}
.next-label:hover .arrow{
    margin: 0px 5px 0px 10px;
}


.carouselState,
.carousel-indicators{
    display: none!important;
}

#pageBlock1{
    display: none;
}
.page-block.list-click-detail.slideshow .page-block-module{
    flex-wrap: wrap;
}
#navigator{
    background: url("../img/frame-phone-3.png"); 
    background-repeat: no-repeat; background-size: 600px; background-position: center;
    width: 100%; min-width: 100vw; height: 777px;
    position: relative;
}
#navigatorContainer{
    display: flex; justify-content: center; flex-wrap: wrap; align-content: stretch;
    position: absolute; top: 20%; left: calc((100vw - 224px)/2);
    width: 224px; background: none; height: 345px; background: #ffffff; margin-left: -2px;
}
#navigatorContainer::after{
    width: 0.5px; height: 100%; background: #e8520d; display: block; content: ''; position: absolute; top: 0px; left: 50%;
    z-index: 1;
}

.nav-item{
    width: 50%; float: left; border: 0px solid #eeeeee; height: 115px; border-bottom: 0.5px solid #e8520d; display: flex; flex-wrap: wrap; align-content: center; align-items: center;
    -webkit-transition: all 0.8s ease-out;
    -moz-transition: all 0.8s ease-out;
    -o-transition: all 0.8s ease-out;
    transition: all 0.8s ease-out;
}
.nav-icon{
    display: flex; justify-content: center; align-items: center; align-content: center; padding: 20px 15px 10px 15px; width: 100%;
}
.nav-icon svg{
    height: 30px;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}

.nav-icon svg{
    -webkit-animation: glowing1 1.5s linear infinite;
    -moz-animation: glowing1 1.5s linear infinite;
    -ms-animation: glowing1 1.5s linear infinite;
    -o-animation: glowing1 1.5s linear infinite;
    animation: glowing1 1.5s linear infinite;
}
.nav-item:hover .nav-icon svg{
    transform: translateY(0px)!important;
}

@keyframes glowing1 {
  0% {
      transform: translateY(0px); opacity: 0.8;
  }
  50% {
      transform: translateY(2px); opacity: 1;
  }
  100% {
      transform: translateY(0px); opacity: 0.8;
  }
    
}
@keyframes glowing2 {
  0% {
      fill:#e8520d;
  }
  50% {
      fill:#000000;
  }
  100% {
      fill:#e8520d;
  }
    
}
.nav-icon path{
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    
    -webkit-animation: glowing2 1.5s linear infinite;
    -moz-animation: glowing2 1.5s linear infinite;
    -ms-animation: glowing2 1.5s linear infinite;
    -o-animation: glowing2 1.5s linear infinite;
    animation: glowing2 1.5s linear infinite;
    
}



.nav-item:hover .nav-icon svg,
.nav-item.active .nav-icon svg{
    transform: translateY(0px)!important; opacity: 1!important;
}

.nav-item:hover .nav-icon svg  path,
.nav-item.active .nav-icon svg  path{
      fill:#e8520d!important;
}


.nav-label{
    text-align: center; padding: 0px 10px 10px 10px; line-height: 14px; height: 40px; width: 100%;
}
.nav-label a{
    text-decoration: none;
}
.nav-item:hover .nav-icon svg{
    height: 25px; transform: translateY(-3px)
}
.nav-item.active:hover .nav-icon svg{
    height: 30px; margin-top: 0px; margin-top: 0px;
}

@media(min-width:600px) {
    .page-block.list-click-detail.slideshow .page-block-module{
        flex-wrap: nowrap;
    }
    .page-block.list-click-detail.slideshow .carousel{
        padding-top: 60px;
    }
    #usp .carousel-item{
        padding-right: 0px;
    }
    .page-block.list-click-detail.slideshow .page-block-module .carousel-control-next{
        padding-right: 0px;
    }
    #navigator{
        width: 300px; min-width: 300px; height: 777px; order: 2;
    }
    #navigatorContainer{
        left: calc((300px - 224px)/2);
    }
    .page-block.list-click-detail.slideshow .page-block-module .carousel-control-prev, .page-block.list-click-detail.slideshow .page-block-module .carousel-control-next,
    .slidesLabels{
    }
}


@media(min-width:600px) and (min-height:560px){
    #navigator{
        position: fixed; left: auto; right: 0px; top: 0px;
        background-position: 0px center;
        width: 450px;
    }

    #pageBlockCarousel29949{
        width: calc(100% - 300px); margin-right: 300px;
    }
    #navigatorContainer{
        left: calc((600px - 224px)/2);
    }
}
@media(min-width:600px) and (min-height:1350px){
    .page-block.list-click-detail.slideshow .page-block-module{
        align-content: center; align-items: center;
    }
}
    
    
#usp .block .block-caption .block-ttl h2{
    max-width: 670px;
}


@media(min-width:900px) {
    .page-block.list-click-detail.slideshow .page-block-module{
        padding-left: 30px!important;
    }
    .page-block.list-click-detail.slideshow .page-block-module{
        min-height: 100vh; align-content: flex-start; align-items: flex-start;
    }
    .page-block.list-click-detail.slideshow .carousel{
        /*min-height: 100vh;*/
    }
    #usp .carousel-inner{
        height: 100%; display: flex; flex-wrap: wrap; align-content: flex-start; align-items: flex-start;
    }
    #usp .carousel-item{
        padding-right: 10px;
    }
    .slidesLabels .prev-label,
    .slidesLabels .next-label{
        font-size: 11px;
    }
    #navigator{
        width: 450px; min-width: 450px; height: 777px; order: 2;
    }
    #navigatorContainer{
        left: calc((450px - 224px)/2);
    }
}

@media(min-width:900px) and (min-height:560px){
    #navigator{
        position: fixed; left: auto; right: 0px; top: 0px;
        background-position:  center center;
        width: 450px;
    }

    #pageBlockCarousel29949{
        width: calc(100% - 450px); margin-right: 450px;
    }
    #navigatorContainer{
        left: calc((450px - 224px)/2);
    }
}
@media(min-width:900px) and (min-height:1060px){
    .page-block.list-click-detail.slideshow .page-block-module{
        align-content: center; align-items: center;
    }
}


@media(min-width:1200px) {
    .page-block.list-click-detail.slideshow .page-block-module{
        padding-left: 30px!important;
    }
    #usp .carousel-item{
    }
    .prev-label,
    .next-label{
        font-size: 12px!important;
    }
    #usp .carousel-item .block{
        padding: 60px;
    }
    #navigator{
        width: 600px; min-width: 600px; height: 777px; order: 2;
    }
    #navigatorContainer{
        left: calc((600px - 224px)/2);
    }
}
@media(min-width:1200px) and (min-height:560px){
    #navigator{
        position: fixed; left: auto; right: 0px; top: 0px;
        background-position:  center center;
        width: 600px;
    }

    #pageBlockCarousel29949{
        width: calc(100% - 600px); margin-right: 600px;
    }
    #navigatorContainer{
        left: calc((600px - 224px)/2);
    }
}
@media(min-width:1200px) and (min-height:960px){
    .page-block.list-click-detail.slideshow .page-block-module{
        align-content: center; align-items: center;
    }
}

@media(min-width:1440px) {
    #pageBlockCarousel29949{
        width: calc(100% - 900px); margin-right: 0px;
    }
    .page-block.list-click-detail.slideshow .carousel{
    }
    .prev-label,
    .next-label{
        font-size: 14px!important;
    }
    #navigator{
        position: relative;
        background-size: 900px;
        width: 900px; min-width: 900px; height: 1165px;
    }
    #navigatorContainer{
        left: calc((900px - 336px)/2);
        width: 335px;  height: 495px;  margin-left: -2.5px;
    }
    .nav-item{
        height: 165px;
    }
    .nav-icon{
        padding: 20px 15px 15px 15px;
    }
    .nav-icon svg{
        height: 50px;
    }
    .nav-item:hover .nav-icon svg{
        height: 45px;
    }
    .nav-item.active:hover .nav-icon svg{
        height: 50px;
    }
    .nav-label{
        line-height: 20px; height: 50px; padding: 0px 20px 10px 20px;
    }
    .nav-label a{
        font-size: 14px;
    }
    
    
}
@media(min-width:1440px) and (min-height:700px){
    #navigator{
        position: fixed; left: auto; right: 0px; top: -30px;
        background-position:  center center;
        width: 900px;
    }

    #pageBlockCarousel29949{
        width: calc(100% - 900px); margin-right: 900px;
    }
    #navigatorContainer{
        left: calc((900px - 336px)/2);
    }
}
@media(min-width:1440px) and (min-height:1450px){
    .page-block.list-click-detail.slideshow .page-block-module{
        align-content: center; align-items: center;
    }
}

@media(min-width:1600px) {
    #pageBlockCarousel29949{
        max-width: 700px; margin-left: calc((100vw - 900px - 700px)/2); margin-right: calc((100vw - 900px - 700px)/2);
    }
}
@media(min-width:1600px) and (min-height:700px){
    .page-block.list-click-detail.slideshow .page-block-module{
        justify-content: flex-start;
    }
    #pageBlockCarousel29949{
        margin-left: calc((100vw - 900px - 700px)/2); margin-right: calc((100vw - 900px - 700px)/2);
    }
}
@media(min-width:1600px) and (min-height:1100px){
    .page-block.list-click-detail.slideshow .page-block-module{
        align-content: center; align-items: center;
    }
}

@media(min-width:1920px) {
    #pageBlockCarousel29949{
        max-width: 1000px; margin-left: calc((100vw - 900px - 1000px)/2); margin-right: calc((100vw - 900px - 1000px)/2);
    }
}
@media(min-width:1920px) and (min-height:700px){
    #pageBlockCarousel29949{
        margin-left: calc((100vw - 900px - 1000px)/2); margin-right: calc((100vw - 900px - 1000px)/2);
    }
}
@media(min-width:1920px) and (min-height:960px){
    .page-block.list-click-detail.slideshow .page-block-module{
        align-content: center; align-items: center;
    }
}