@charset "utf-8";
/* CSS Document */

.main-table{ font-family:Arial; font-weight:normal; Font-size:13px; color:#333; line-height:24px; text-align:justify;}
.main-heading{    font-weight: bold; Font-size: 22px; color: #60355c; line-height: 30px; border-bottom: 1px #ccc dashed;
    margin-bottom: 10px; text-align: left;}
	
.sub-heading{font-weight: bold; Font-size: 18px; color: #60355c; line-height: 30px; margin-bottom: 10px; text-align: left; }
	
.team-title{font-weight:bold; Font-size:16px; color:#333; line-height:30px;}

.contact-us{ padding-left:20px; line-height:24px;}


#WidgetControl4{ display:none;}

#HeaderControl{     height: 80px;
    float: Left;
    margin-bottom: 0;
    padding: 0;
    transition: 0.5s;
    position: absolute;
    left: 0;
    top: 30px;
    z-index: 9;
    width: 35%;
    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;}

	
.body-fx #HeaderControl{
    float: Left;
    position: fixed;
    width: 35%;
    padding: 0;
    padding-left: 0;
    background:rgba(1,76,131,.85);
    z-index: 99;
    text-align: left;
    transition: 0.5s;
	height: 70px !important;
	    top: 0;
		
}

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

.body-fx #MenuControl {
    float: Right;
    position: fixed;
    right: 0;
    width: 65%;
    padding: 0;
    padding-right: 0;
     background:rgba(1,76,131,.85);
    transition: 0.5s; 
	    top: 0;
		height: 70px !important;
}

center #form1 #HomepagecontentControl{padding-top: 105px; padding-bottom:25px;}
center #form1 #HeaderControl,
center #form1 #MenuControl{ background: #014c83; top: 0;}

center #form1 #HeaderControl{margin-left:0; width:35%;}
center #form1 #MenuControl{margin-right:0; width:65%;}

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


.container-fluid{ padding-left:1px; padding-right:1px;}

#MenuControl_C .dropdown-menu{ padding:0 !important; animation: fadeInUp 400ms;}
/*
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    color: #fff !important;
    text-decoration: none;
   background-color: #60355c !important;
}

.dropdown-menu>li>a:focus:after, .dropdown-menu>li>a:hover:after {
        border-left-color: #fff !important;
}
	
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
    color: #000 !important;
    background-color: #fff !important;
}

.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
    background-color: #60355c !important;
    border-color:#fff;
    color: #fff !important;
}

*/




@charset "UTF-8";
.dropdown-toggle{position:relative;}
.nav-item ul li .dropdown-toggle::after{ position:absolute;right: 5px; top: 10px;}

.bg-light { --bs-bg-opacity: 1;   background-color: transparent !important;}

.nav-link{ font-weight: 600; color:#fff !important; font-size: 15px; }

.nav-fill{ width:100%; margin-left: 20px; /*! top: 10px !important; *//*! margin-top: 19px; */}

.nav-link:focus, .nav-link:hover { color: #04bb73;}
.dropdown-item{ font-size: 14px;}

#submenu13{ top:-40px;}


.form-control-static { min-height: 34px; padding-top: 7px;  padding-bottom: 7px; margin-bottom: 0;}
/*
.dropdown-toggle{position:relative;}
.nav-item ul li .dropdown-toggle::after{position:absolute;right: 5px; top: 10px;}
#MenuControl .bg-light{background-color: transparent; height:100%; }
#MenuControl.nav-link:focus,#MenuControl .nav-link:hover{ color: #fff;}
.nav-link{ font-weight: 600; color: #fff;}
.nav-fill{ width:100%; font-size: 15px;}
.navbar-brand{margin:0;}
*/


.dropend .dropdown-menu {
    right: 100% !important;
    left: auto !important;
}
.dropend .dropdown-menu[data-bs-popper] {
    right: 100% !important;
    left: auto !important;
}
.navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
}

.dropdown-menu .submenu-left {
    right: 100% !important;
    left: auto !important;
}
.dropdown-menu .submenu {
    display: none;
    position: absolute;
    left: 100%;
    top: -7px;
}



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

#MenuControl_C .navbar-default,
#MenuControl_C .container-fluid,
#MenuControl_C .navbar-nav
{height:100%;}

#MenuControl_C #navbar-collapse-1{height:100% !important;}



@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: 13px;}

}	
	
@media (max-width: 769px){
#MenuControl, #MenuControl_C{height: initial !important;}	
#widgetsControl_C, #widgetsControl{height:initial !important}

}



@media(max-width:767px){
#HeaderControl{ top: 10px !important; width: 100% !important;}	
#MenuControl{ top: 65px !important;}

center #form1 #HeaderControl{width: 100% !important; padding: 5px 0 !important;}
center #form1 #MenuControl{ width: 100% !important; top: 65px !important;}

center #form1 #HomepagecontentControl{ padding-top: 130px !important;}

.rotate{ left: 16% !important;}

section{ padding: 20px;}

.team .member .member-img{ text-align: center !important;}
		
.bg-light{ background-color: #014c83 !important;}	

.nav-fill{ margin-left: 0 !important;}	

#MenuControl .bg-light{ margin-top: 20px;}
/* .navbar-toggler{ background-color: #fff !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: 1px 0; border-bottom: 1px solid #fff; 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;}
center #form1 #HomepagecontentControl{ padding-top: 10px !important;}

}


@media(max-width:736px){
 
#HeaderControl, #HeaderControl_C{ height: initial !important;}	
header{ padding: 10px 0;}
	
}

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