html {
    background-color: #efefef;
    overflow-y: scroll;
}
body
{
    min-width: 320px !important;
    opacity: 1;
    transition: 2s opacity;
}
body.fade-out {
    opacity: 0;
    transition: none;
}
.sactive
{
    background-color: unset;
    background-color: transparent;
    font-weight: bold;
    border-bottom: 2px solid rgba(0,0,0,0.768); /*#000000c4;*/
    color: black !important;
}

.text-black {
    color: black !important;
}
#navbarleftmenu.sticky-top
{
    top:160px !important;
}
#SiteMap.sticky-top
{
    top:160px !important;
}
a
{
    color: rgba(0,0,0,0.768) !important;  /*#000000c4 !important;*/
}
a:hover
{
    color: rgba(0,0,0,0.768) !important; /*#000000c4 !important;*/
}

#toTop
{
    width: 42px;
    height: 42px;
    display: block;
    border-radius: 50%;
    text-decoration: none;
    color: #bbb;
    background: url(../seConfigFiles/images/BTT2.png) no-repeat;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;
    position: fixed;
    right: 10px;
    bottom: 10px;
    cursor: pointer;
    z-index:9999999;
}
#toTop img
{
    width: 40px;
}

#myModal .modal-dialog
{
    max-width: 800px;
}
#myModal .modal-body
{
    position: relative;
    padding: 0px;
}
#myModal .close
{
    position: absolute;
    top: -2.3rem;
    right: -2rem;
    z-index: 999;
    font-size: 2.5rem;
    color: #fff;
    opacity: 1;
}

.shadow
{
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.3) !important;
}
.fixed-top
{
    top: 32px !important;
}
@media (min-width: 992px)
{
    .dropdown-menu
    {
        top: 98% !important;
        left: -266% !important;
        min-width: 40rem !important;
        border-top: none !important;
        background-color: rgba(249,249,249,0.96) !important; /*#f9f9f9f5 !important;*/
        border-top-left-radius: 0 !important;
        border-top-right-radius: 0 !important;
    }
    .droplisthelp
    {
        min-width: 190px;
    }
    .droplistdoc
    {
        min-width: 290px;
    }
}

.navbar-light .navbar-nav .nav-link
{
    color: rgba(0,0,0,0.768) !important; /*#000000c4 !important;*/
}
.navbar-light .navbar-nav .nav-link.text-white
{
    color: #fff !important;
}
#navbar.bg-self, #collapseNav.bg-self
{
    border-top: 1px solid rgba(168,168,168,0.4); /*#a7a7a766;*/
    background-color: rgba(249,249,249,0.96) !important; /*#f9f9f9f5 !important;*/
}

.navbar-nav .nav-item.home
{
    min-width: 76px;
}
.navbar-nav .nav-item.about
{
    min-width: 86px;
}
.navbar-nav .nav-item.dashboard
{
    min-width: 112px;
}
.navbar-nav .nav-item.dropdown
{
    min-width: 133px;
}

.font
{
    font-family: Arial;
    color: rgba(0,0,0,0.768); /*#000000c4;*/
}
.navbar-light .navbar-nav .nav-link
{
    padding: 2.5rem .5rem !important;
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover
{
    color: rgba(0,0,0,.7);
    background-color: #eae6ef;
    font-weight: bold;
    transition: all 1s;
}
.font.button
{
    font-family: Arial;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    display: inline-block;
    font-size: 14px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid;
    border-radius: 4px;
    /*background-color: #ffffff00;*/
}
.font.button:hover, .font.button:focus
{
    color: #ffffff !important;
    background-color: #333b90;
    border-color: #adadad;
    text-decoration: none;
    transition: all 1s;
}
.font.button.purple:hover, .font.button.purple:focus
{
    background-color: #715196 !important;
}
@media screen and (prefers-reduced-motion: reduce)
{
    .carousel-item
    {
        transition: -webkit-transform .6s ease-in-out !important;
        transition: transform .6s ease-in-out !important;
        transition: transform .6s ease-in-out,-webkit-transform .6s ease-in-out !important;
    }
    .carousel-indicators li
    {
        transition: opacity .6s ease;
    }
}
#topslider .carousel-inner img
{
    height: 28rem;
}

footer
{
    background: url(../seConfigFiles/Images/ground-floor-corridor-1.png);
    background-size: 50% 100%;
}
footer img.fimg
{
    width: 18px;
    height: 18px;
}
footer .font.self-color, #explore .self-color
{
    color: #3a3a3a;
}
footer p.font, footer a
{
    color: rgba(0,0,0,0.768) !important; /*#000000c4 !important;*/
    font-size: 0.8rem;
}
footer .layer
{
    width: 127px;
    height: 69px;
}
footer p.p-vc
{
    font-family: Arial;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    text-align: center;
    color: #707070;
}
footer p.p-vc.count
{
    font-size: 22px;
    font-weight: bold;
    color: rgba(0,0,0,0.768); /*#000000c4;*/
}
footer .social_icons a
{
    color: rgba(0,0,0,0.768); /* #000000c4; #858686;*/
}
footer .social_icons
{
    font-size: 12px;
    text-indent: 20px;
    margin-left: -20px;
}
footer .footer-bottom
{
    color: rgba(0,0,0,0.768); /* #000000c4; #525353;*/
    border-top: 1px solid rgba(168,168,168,0.4); /*#a7a7a766;*/
}

.row.explore
{
    background-color: rgba(47,7,94,0.149); /*#340d6026;*/
}
#explore .card
{
    min-height: 16.75rem !important;
}
#explore .navbar-light .navbar-nav .nav-link:focus, #explore .navbar-light .navbar-nav .nav-link:hover
{
    background-color: rgba(50,9,96,0.219); /*#340d6038;*/
}
#explore .navbar-light .navbar-nav .nav-link
{
    padding: .5rem 2rem !important;
}
#explore .carousel-control-prev-icon.custom-wh, #explore .carousel-control-next-icon.custom-wh
{
    width: 0.875rem;
    height: 0.875rem;
}

#explore .carousel-control-next.custom-design, .carousel-control-prev.custom-design
{
    width: 3%;
    height: 30%; /*top: 60px;*/
    background-color: #290b4a;
}
#explore .navbar-light .navbar-nav .active > .nav-link, #explore .navbar-light .navbar-nav .nav-link.active, #explore .navbar-light .navbar-nav .nav-link.show, #explore .navbar-light .navbar-nav .show > .nav-link
{
    color: rgba(0,0,0,.9);
    background-color: rgba(50,9,96,0.219); /*#340d6038;*/
    font-weight: bold;
}

#catagoryTab .card img.brightness
{
    -webkit-filter: brightness(0.45);
    filter: brightness(0.45);
}
#catagoryTab .card .card-img-overlay
{
    background: rgba(0, 0, 0, 0);
    transition: background 0.5s ease;
}
#catagoryTab .card:hover .card-img-overlay h3, #catagoryTab .card:active .card-img-overlay h3
{
    text-decoration: underline;
    color: white;
    text-underline-position: under;
}
#catagoryTab .card:hover .card-img-overlay
{
    display: block;
    background: rgba(0, 0, 0, .6);
}
#catagoryTab .card:hover ul
{
    opacity: 1;
}
#catagoryTab
{
    background-color: #f5f5f5;
}
#catagoryTab a:hover
{
    color: #fff !important;
}
#Details #carouselreaders
{
    min-height: 245px;
}

#Details .title-menu
{
    font-family: Arial;
    font-size: 34px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    text-align: left;
    color: #3a3a3a;
}

#Details .subtitle-menu
{
    opacity: 0.9;
    font-family: Arial;
    font-size: 26px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    text-align: left;
    color: #656b6b;
}

#Details .Building-paragraph
{
    font-family: Arial;
    font-size: 17px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    text-align: left;
    color: #000000;
}

#Details .bim-first-cover-image
{
    height: 322px;
    width:100%;
}


#Details .Construction-Wallpaper-10-image
{
    height: 322px;
    width: 100%;
}

#Details .botton-margin
{
    padding-top: 30px;
}

#Details .botton-margin1
{
    padding-top: 20px;
}


#Details .carousel-indicators li
{
    background-color: #545454;
}

#Details .video-style
{
    width: 100%;
    height: 25rem;
}

#Details .card-border-top
{
    border-top: 0;
}

#Details .card-border-left
{
    border-left: 0;
}

#Details .card-border-right
{
    border-right: 0;
}

.btn-zoom-button-small
{
    font-family: SegoeUI !important;
    font-size: 13px !important;
    font-weight: normal !important;
    font-style: normal !important;
    color: #707070 !important;
    padding: 2px 0.4px !important;
}

.btn-zoom-button-large
{
    font-family: SegoeUI !important;
    font-size: 18px !important;
    font-weight: bold !important;
    font-style: normal !important;
    color: #707070 !important;
    padding: 0.4px 14.4px !important;
}

.Rectangle-1100
{
    opacity: 0.5 !important;
    border: solid 1px #707070 !important;
    background-color: white !important;
    padding: 11.5px 11.5px !important;
    border-radius: .65rem;
}

.Rectangle-1176
{
    border: solid 1px #707070 !important;
    background-color: #340d60 !important;
    padding: 11.5px 11.5px !important;
    border-radius: .65rem;
}

.speaker-side-view
{
    width: 16px !important;
    height: 21px !important;
    object-fit: contain !important;
}

.Voice-assistance
{
    opacity: 0.8 !important;
    font-family: Arial !important;
    font-size: 12px !important;
    font-weight: bold !important;
    font-style: normal !important;
    font-stretch: normal !important;
    line-height: 1.35 !important;
    letter-spacing: normal !important;
    text-align: left !important;
    color: rgba(0,0,0,0.768) !important; /*#000000c4 !important;*/
}
.btn-space
{
    margin-right: 8px !important;
}

#topscale .btn-increase
{
    border-radius: 2.2rem;
    background-color: rgba(32,36,41,0.658); /*#212529a8;*/
    padding-left: 6px !important;
    padding-top: 2px;
    padding-bottom: 3px;
    padding-right: 4px;
}
#topscale .btn-reset
{
    border-radius: 2.2rem;
    background-color: rgba(32,36,41,0.658); /*#212529a8;*/
    padding-left: 8px !important;
    padding-top: 2px;
    padding-bottom: 3px;
    padding-right: 8px;
}

#topscale .btn-decrease
{
    border-radius: 2.2rem;
    background-color: rgba(32,36,41,0.658); /*#212529a8;*/
    padding-left: 7px !important;
    padding-top: 2px;
    padding-bottom: 3px;
    padding-right: 6px;
}
#topscale .zoom-text
{
    font-size: 12px;
    color: white;
    text-align: center;
    display: table-cell;
}

#topscale .margin-side
{
    margin-right: 5px;
}

#topscale .verticle-line
{
    color: rgba(128,128,128,0.501); /*#80808080;*/
    font-size: 17px;
}

.purple
{
    background: #340d60 !important;
}
.lightpurple
{
    background-color: rgba(51,12,96,0.509) !important; /*#340d6082 !important;*/
}
.text-whiteshade
{
    color: rgba(255,255,255,0.721) !important /*#ffffffb8 !important;*/
}
#navbar a.nav-link.text-white:hover, #explore a.nav-link.text-white:hover, #navbar a.nav-link.text-white:focus, #explore a.nav-link.text-white:focus
{
    background-color: #715196 !important;
}
.black
{
    color: rgba(0,0,0,.7);
}
#pills-highlights-tab
{
    min-width: 143px;
}
.droplistdoc a.text-white:hover
{
    color: #fff !important;
}
.droplisthelp a.text-white:hover
{
    color: #fff !important;
}

@media (max-width: 991.98px)
{
    .navbar-expand-lg .navbar-collapse
    {
        max-height: 200px;
        overflow-y: auto;
    }
    .navbar-nav
    {
        -ms-flex-direction: row !important;
        flex-direction: row !important;
    }
    .navbar-light .navbar-nav .nav-link
    {
        padding: 1.5rem .5rem !important;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px)
{
    .nav-title
    {
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }
    .navbar-light .navbar-nav .nav-link
    {
        padding: 3.1rem .5rem !important;
    }
}
@media (max-width: 575.98px)
{
    #topscale
    {
        display: none;
    }
    .fixed-top
    {
        top: 0px !important;
    }
    #catagoryTab .card
    {
        min-width: 264px;
    }
    #Details #carouselreaders {
        min-height: 293px;
    }
}
.faicons a
{
    margin: 0 8px;
}
@media (min-width: 768px) and (max-width: 991.98px)
{
    #catagoryTab img.card-img-top
    {
        max-height: 300px;
    }
}
@media (max-width: 767.98px)
{
    #catagoryTab img.card-img-top
    {
        height: 278px;
    }
}
@media (max-width: 420px)
{
    #catagoryTab .row
    {
        padding: 0px !important;
    }
}


/*ABOUT US PAGE STARTS*/

.navheight
{
    height:20% !important;
}

#aboutus footer .row
{
    margin-right: -15px !important;
    margin-left: -15px !important;
}
.breadcrumb
{
    background-color: unset !important;
    background-color: transparent !important;
    border-radius: unset !important;
    border-radius: 0px !important;
}
.breadcrumb-item+.breadcrumb-item::before {
    content: ">" !important;
}
#divcontent .navbar
{
    align-items: normal !important;
}
#divcontent .nav-pills .nav-link.active, #divcontent .nav-pills .show>.nav-link {
    background-color: unset;
    background-color: transparent;
    font-weight: bold;
    border-bottom: 2px solid rgba(0,0,0,0.768); /*#000000c4;*/
    color: black !important;
}

/*CONTACT US PAGE STARTS*/

#contactus .card
{
    max-width: 445px;
    border: inherit;
    border: unset;
    border: 0;
}
#contactus .card .card-img
{
    border: 1px solid #6c757d;
    max-width: 148px;
    max-height: 162px;
}
@media (min-width: 992px) and (max-width: 1199.98px)
{
    #comm .card-body, #crcp .card-body, #ccp .card-body
    {
        padding-left: 1.5rem !important;
    }
}
@media (min-width: 768px) and (max-width: 991.98px)
{
    #comm .card-body
    {
        padding-left: 1.5rem !important;
    }
}
@media (min-width: 1199.98px)
{
    #comm .card-body
    {
        padding-left: 1.5rem !important;
    }
}

.breadcrumb li:last-child
{
    cursor: not-allowed;
}
    
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
     .card
     {
         display: block !important;
     }
     .navheight
    {
        height:auto !important;
        position:fixed !important;
    }
    #navbarleftmenu.sticky-top
    {
        top:auto !important;
    }
}
@media (max-width: 991.98px) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
     
    #navbarNav #menu .row
    {
        display: inline-block;
    }
}

#indicator.progress-indicator {
    position: fixed;
    bottom: 10px;
    right: 0px;
    width: 100px;
    height: 100px;
    z-index: 9999999;
}
#indicator .progress-count {
    position: absolute;
    top: 30px;
    left: 30px;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 100px;
    color: #444444;
    background: url(../seConfigFiles/images/BTT2.png) no-repeat;
}
 
svg {
    position: absolute;
}
circle {
    fill: rgba(213, 213, 213);
}
circle:hover, circle:focus, #indicator .progress-count:hover, #indicator .progress-count:focus
{
    cursor:pointer;
}
svg .animated-circle {
    fill: transparent;
    stroke-width: 42px;
    stroke: #868686;
    stroke-dasharray: 107;
    stroke-dashoffset: 107;
}