@charset "UTF-8";
.main-table{ font-family:Roboto; font-weight:normal; Font-size:14px; color:#333; line-height:24px; text-align:justify;}
.main-heading{font-weight: 400;Font-size: 22px;color:#222;text-align:left;line-height:30px;border-bottom:1px #ccc solid;text-transform:uppercase;margin-bottom:10px;}
.sub-heading{font-weight: 400;Font-size:18px;color:#222;line-height:30px;text-align:left;margin:0;}
.team-title{font-weight:bold;Font-size: 18px;color:#222;line-height:30px;text-align:left;}
.maps{ text-align:center;}
.contact .close { position: absolute; right: 14px; font-size: 30px; cursor: pointer; top: 0;}
/*nav-bar*/
#CalendarControl{position:relative;}
.dropdown-toggle{position:relative;}
.nav-item ul li .dropdown-toggle::after{position:absolute;right: 5px; top: 10px;}
#MenuControl_C .bg-light { --bs-bg-opacity: 1;   background-color: transparent !important; height:100%;}
#MenuControl .nav-link:focus,#MenuControl .nav-link:hover{background-color: #0c0c0c !important;color:#fff !important;}
.nav-link{font-weight: 600; color:#fff;}
.nav-fill{width:100%; font-size: 15px;}
.navbar-brand{margin:0;}
/*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: 769px){

}
a{text-decoration:none;}
@media (max-width: 767px){
.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;}
}

@media(max-width:568px){
	
}
@media(max-width:480px){
	
}



@media (max-width: 414px){


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


#HeaderControl{
    height: 82px;
    float: Left;
    margin-bottom: 0;
    padding: 0px 0;
    transition: 0.5s;
    position: absolute;
    top: 45.4px;
    z-index: 9;
    width: 27%;
    background: transparent;
    text-align: center;
    }
	
#HeaderControl.RadDock_Default .rdMiddle .rdCenter, #HeaderControl.RadDock_Default .rdBottom .rdCenter{    background-color: transparent !important;}

#MenuControl.RadDock_Default .rdMiddle .rdCenter, #MenuControl.RadDock_Default .rdBottom .rdCenter{    background-color: transparent !important;}

#MenuControl{
    height: 80px !important;
    float: Right;
    margin-bottom: 0;
    padding: 0px 0;
    transition: 0.5s;
    position: absolute;
    right: 0;
    top: 45.4px;
    z-index: 9;
    width: 72%;
    background: transparent;
    }

center #form1 #HomepagecontentControl{padding-top: 150px; padding-bottom:25px;}
center #form1 .top-nav{background: #0c3c60;}
center #form1 #HeaderControl,
center #form1 #MenuControl{background: #ec6a01;height: 90px !important;}

center #form1 #HeaderControl{margin-left: -2px;     width: 31%;}
center #form1 #MenuControl{margin-right: -2px;}
center #form1 .fix-box{display:none;}

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

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

#EventCalenderControl_C_ctl00_Event_Scroll a { font-size: 14px !important; color: #212121}
#WhatsNewControl {/* margin: 4% 0 0 0 !important; */}

@media (min-width: 1200px) {
	.body-fx #HeaderControl{
    height: 90px;
    float: Left;
    position: fixed;
    width: 32%;
    padding: 0;
    padding-left: 0;
    background: #ec6a01;
    z-index: 99;
    text-align: left;
    transition: 0.5s;
    height: 90px !important;
    top: 0;
}

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

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


.body-fx #MenuControl {
    float: Right;
    position: fixed;
    right: 0;
    width: 71%;
    padding: 0;
    padding-right: 0;
    background: #ec6a01;
    transition: 0.5s;
    top: 0px;
    height: 90px !important;
}
}

@media (min-width:320px) and (max-width: 768px) {
	#HeaderControl {position:relative; width: 50%; top: 0; background: #ec6a01; height: 60px !important;}
	#MenuControl  {position:relative; width: 50%; top: 0; background: #ec6a01; height: 60px !important;}
	.banner-section .carousel-item img { height: 250px !important; object-fit: cover}
}