.main-table { text-align: left}
.table-responsive {
    min-height: .01%;
    overflow: hidden !important;
    border: 0;
    padding:0;
}


.nav-top {position:relative; overflow:hidden;}
.nav-top:before{position: absolute; left: -140px; top: 0; z-index: 0; border-right: 5px solid #fff; background: #115199;  content:'';  height: 60px; width: 40%;  transform: skew(-20deg, 0deg);}
.nav-top .text-end .d-inline-flex .fa{background: #115199; width: 45px;  height: 45px; line-height: 50px; text-align: center;    border-radius: 5px;  transition: .5s; margin-top:5px;}
.nav-top .text-end .d-inline-flex .fa:hover{background: #000;}

/*nav-top*/
/*nav-bar*/
.dropdown-toggle{position:relative;}
.nav-item ul li .dropdown-toggle::after{position:absolute;right: 5px; top: 10px;}
/*#MenuControl*/ .navbar.bg-light{background-color: transparent !important; height:100%;}
#MenuControl .nav-link:focus,#MenuControl .nav-link:hover{/* background-color:#fff !important; */color: #fff !important;}
.nav-link{font-weight: 500;color:#000;}
.nav-fill{width:100%; font-size: 15px;}
.navbar-brand{margin:0;}
.nav-item{position:relative;}
/* .nav-item .nav-link::before{content: "";background-color: #323232;bottom: 0;height: 2px;left: 0;margin: auto;position: absolute;right: 0;transition: .5s;width: 0;}
  .navbar-nav.nav-fill .nav-item:hover .nav-link::before{width: 70%;} */
/* .dropdown-item:focus, .dropdown-item:hover {
    color: var(--bs-dropdown-link-hover-color);
    background-color: var(--bs-dropdown-link-hover-bg);
} */

/*nav-bar*/
@media (max-width: 1170px){
.navbar-expand-md .navbar-nav .nav-link{padding-right:1px; padding-left: 1px;}
}
@media (max-width: 991px){
#MenuControl, #MenuControl_C, #HeaderControl, #HeaderControl_C, #widgetsControl_C, #widgetsControl{ height: initial !important;}
.navbar-expand-md .navbar-nav .nav-link{font-size: 12px;}
	}

@media (max-width: 767px){

  .navbar-collapse .content {display: none;}
  .nav-fill{width: 100% !important;}
.navbar-toggler{/* background:#eee; */}
.navbar.navbar-expand-md{text-align:center;}
.navbar.navbar-expand-md .container-fluid{display:block;}
.nav-fill .nav-item, .nav-fill>.nav-link{text-align:left;}
.navbar-nav>li{display: block;text-align: left;padding: 4px 0;/* border-bottom: 1px solid #999; */border-right:0;}
.nav-item ul li .dropdown-toggle::after{transform: rotate(90deg);}
.nav-item .nav-link.dropdown-toggle::after {position: absolute; right: 5px; top: 15px;}
.navbar-expand-md .navbar-nav .nav-link{font-size: 14px;padding-right: 5px; padding-left: 5px;}
}



/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#header{width:100%;position:absolute;z-index:9;}
#header .head-img{position:relative;padding: 7px 0;text-align: center;}


/*--------------------------------------------------------------
# Nav-bar
--------------------------------------------------------------*/
/*nav-bar*/
.dropdown-toggle{position:relative;}
.nav-item ul li .dropdown-toggle::after{position:absolute;right: 5px; top: 10px;}
/*#MenuControl*/ .navbar.bg-light{background-color: transparent !important; height:100%;}
#MenuControl .nav-link:focus,#MenuControl .nav-link:hover{/* background-color:#fff !important; */color: #031847 !important;}
.nav-link{/* font-weight: 600; */font-size: 21px;letter-spacing: 1px;/* color: #fff; */padding: 15px;border-bottom: 1px solid #ddd;background: #000000;background-size: 200% auto;-webkit-background-clip: text;-webkit-text-fill-color: transparent;animation: shine 3s linear infinite;}
@keyframes shine {
     from {
         background-position: 200% center;
    }
}
.nav-fill{width: 60%;font-size: 15px;position: absolute;top: 50px;right: 0;padding: 3% 8% 5% 0;}
.navbar-collapse .content{width: 40%;padding: 0 4% 0 8%;}
.navbar-collapse .content .lft_card a img{/* width: 150px; */}
.navbar-collapse .content .lft_card h4 { margin: 20px 0 30px 0; font-style: 24px; position: relative;}
.navbar-collapse .content .lft_card h4::after { content: ''; position: absolute; width: 60px; height: 3px; border-radius: 3px; background: #999; left: 0; bottom: -5px}
.navbar-collapse .content .lft_card .fa {background: #999;color: #ffffff; width: 40px;height: 40px;text-align: center;border-radius: 50%;line-height: 3;font-size: 13px;margin: 0 10px 0 0;}
.navbar-collapse .content .lft_card p a{ color: #535353;}
.navbar-collapse .content .lft_card .contact-info { border-bottom: 1px solid #ddd}
.navbar-collapse .content .lft_card .nav_followus {  background: #eeeeee; padding: 35px; border-left: 5px solid #999; border-radius: 10px; margin: 30px 0 0 0}
.navbar-collapse .content .lft_card .nav_followus h5 { font-size: 24px; margin: 0 0 12px 0}
.navbar-brand{margin:0;}
.nav-item{position:relative;}
.navbar-toggler{background: #fff;/* margin: 15px 15px 15px 18px; */position: absolute;top: 10px;left: 0;padding: 10px;border-radius: 50%;z-index: 9999999;opacity: 1;width: 60px;}
.navbar-collapse{background: rgb(255 255 255);/* box-shadow: 1px 1px 10px #fff; */}
.dropdown-item {
  font-size: 15px;
  white-space: break-spaces;
  }

/*nav-bar*/

/**/
#WidgetControl5{height: 150px;overflow: hidden;}
#widgetsControl, #widgetsControl_C{height:inherit !important;}
.table-responsive{padding:0; overflow:hidden; border:0;}
#HeaderControl{position: absolute;top: 0px;left:0;width: 100%;z-index: 9;padding: 15px 3%;    background: rgba(0, 0, 0, .15); background: linear-gradient(360deg,rgba(65, 105, 225, 0) 0%, rgba(0, 0, 0, 1) 100%);}
#MenuControl{position: absolute;top: 0;left: 40px;z-index: 9;width: 100%;/* right: 20%; */}
#MenuControl .container-fluid{padding:0;}
#MenuControl .rdCenter,  #HeaderControl .rdCenter{ background-color: transparent !important;}
/* .body-fx #HeaderControl{position: fixed;top: 0;left: 0;width: 100%;z-index: 9;background: #003a8cf2;box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;} */
/* .body-fx #MenuControl{position: fixed; top: 50px; right: 0; height:100vh; z-index: 9;} */
.nav-fill .nav-item{text-align: left;padding:5px 10px;margin: 0;}
.navbar-collapse{min-width: 100%;height:100vh;position: fixed;right: 0;top: 0px;padding-top: 50px;overflow-y: auto;border-top: 60px solid #000000;transform: translateY(-200%);}
.navbar-collapse.show{transition: 0.5s;z-index: 99;transform: translateY(0);}
.body-fx .navbar-toggler[aria-expanded="true"] {z-index: 999999999;position: fixed;border-radius: 50%;width: 30px;height: 30px;text-align: center;padding: 5px;margin-top:5px;right: 14px;}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:after{content: "\f00d"; position: fixed; top: 10px; font: normal normal normal 20px / 1 FontAwesome; right: 40px;    width: 40px; height: 40px; background: #000000; color: #fff;  font-weight: bold; border-radius: 50%; line-height: 35px; visibility: visible;}
.navbar-toggler[aria-expanded="true"]{visibility: hidden;}

/**/
@media (max-width: 1170px){
.navbar-expand-md .navbar-nav .nav-link{padding-right:1px; padding-left: 1px;}
.banner-sec{/* height:700px; */}
.hm-service .ser-box {width: 85%; height: 90%;}
}
@media (max-width: 991px){
#MenuControl, #MenuControl_C, #HeaderControl, #HeaderControl_C, #widgetsControl_C, #widgetsControl{ height: initial !important;}
.navbar-expand-md .navbar-nav .nav-link{font-size: 12px;}
.banner-sec{/* height:600px; */}
.banner-sec .banner-cont{bottom: 20%;}
.hm-service .ser-box{width: 80%;height: 100%;}
.hm-contact .container:before{width: 100%;}
.cont-hm-lft .fa-map-marker{width: 60px;}
.navbar-toggler{ right: 40px;}
	}

@media (max-width: 767px){
  .about-section .content {
    margin-left: 0px !important ;}
.navbar.navbar-expand-md{text-align:center;}
.navbar.navbar-expand-md .container-fluid{display:block;}
.nav-fill .nav-item, .nav-fill>.nav-link{text-align:left;}
.navbar-nav>li{display: block;text-align: left;padding: 4px 0;/* border-bottom: 1px solid #999; */border-right:0;}
.nav-item ul li .dropdown-toggle::after{transform: rotate(90deg);}
.nav-item .nav-link.dropdown-toggle::after {position: absolute; right: 5px; top: 15px;}
.navbar-expand-md .navbar-nav .nav-link{font-size: 14px;padding-right: 5px; padding-left: 5px;}
.banner-sec{/* height:500px; */}
.banner-sec .banner-cont{bottom: 40px;}
.hm-service .ser-box {width: 52%;}
.body-fx .navbar-collapse.show{top:0px;}
}


#widgetsControl, #widgetsControl_C { height: auto !important}

.RadDock .rdMiddle .rdCenter { background: transparent !important}

#HomepagecontentControl, #HomepagecontentControl_C {height: auto !important;margin: -11px -1px 0 -1px;}
.navbar-toggler-icon {/* background-image: url(image/menu.png); */}
#RadDockZone1 { min-height: 0 !important}


.body-fx footer {
    opacity: 1;
    transition: 0.3s;
    visibility: visible;
}

.body-fx #HeaderControl {
    height: 90px;
    float: Left;
    position: fixed;
    /* width: %; */
    padding: 0;
    padding-left: 0;
    background: #031847;
    z-index: 99;
    text-align: left;
    transition: 0.5s;
    height: 90px !important;
    top: 0;
}

.body-fx #logo-web {
    margin-top: 6px;
}


.body-fx center #form1 #HeaderControl {
    margin-left: 0;
}


@media(max-width:769px) {
    .body-fx footer:hover {
        bottom: 0;
    }

    .body-fx #HeaderControl
   {
        position: fixed !important;
        transition: 0s;
        top: 0;
        height: auto !important;
    }
}

@media(max-width:736px) {

  
    .body-fx #HeaderControl {
        /* z-index: 999999999; */
        top: -2px;
    }

    .body-fx #HeaderControl {
        width: 100%;
    }

    .body-fx #MenuControl_C {
        height: inherit !important;
    }

    

    .body-fx center #HeaderControl {
        height: inherit !important;
    }

  .navbar-toggler {
        right: -30%;
        margin: 15px 0;
    }
}



@media (min-width: 1200px) and (max-width:1550px) {
    #MenuControl { right: 25%;}
}

#WidgetControl4 { position: absolute; width: 60%; right: 0; }