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

.main-table{ font-family: Open Sans; font-weight:normal; Font-size:15px; color:#333; line-height:24px; text-align:justify; margin-top: 10px;}

.main-heading{ font-family: Open Sans; Font-size: 22px; font-weight: bold; color: #2f4d5a; line-height: 36px; border-bottom: 1px #ccc dashed;
    text-transform: uppercase; margin-bottom: 10px;	text-align: left; margin-top:0;}
	
.sub-heading{ Font-size: 19px; font-weight: bold; color: #222; line-height: 30px; margin-top:0; margin-bottom: 5px; text-align:left;}

.head-title{ font-weight:bold; Font-size:16px; color:#033c5e; line-height:30px;}
.team-title{ font-weight:bold; Font-size:16px; color:#033c5e; line-height:30px; text-align:left;}


.heading-innerpage{ background:#2f4d5a; padding:30px 30px; margin-bottom:30px;}
.heading-innerpage h1{ font-weight:600; Font-size: 30px; color:#fff; line-height:30px; text-align:left; padding-left:15px; border-left:2px #ccc solid; margin:0;}

.img-team{ border: 1px #ccc solid;}



/*cont-page*/
.cont-page{ font-family: Open Sans;}
.cont-page h2{ font-size: 22px; font-weight:bold; color: #222; line-height: 24px; margin-top:10px; }
.cont-page h2 span{ color: #222; font-weight: normal; font-size: 18px;}

.cont-page .st-feature-box {
    background: #2f4d5a;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    padding-right: 10px;
    color: #fff;
}

.st-feature-box {
    padding-left: 75px;
    position: relative;
    margin-bottom: 35px;
}

.st-feature-box .st-feature-box-icon {
    color: #111;
    display: block;
    position: absolute;
    width: 52px;
    height: 52px;
    line-height: 0px;
    top: 0;
    left: 0;
    text-align: center;
    font-size: 60px;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.cont-page .feature-box-image {
    margin-top: 20px;
}

.feature-box-content{ text-align: left;}

.cont-page .feature-box-image .fa{
   font-size:30px; color:#fff;
}

.cont-page h3{ margin: 0; font-size: 18px; margin-bottom: 8px;}

.st-feature-box h3{ color: #fff; margin-bottom: 8px; font-size: 18px; line-height: 20px; font-weight: normal;}	

/*cont-page*/	

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


#HeaderControl .rdCenter, #MenuControl .rdCenter{ background: transparent !important;}

@charset "UTF-8";
.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: rgba(47,77,90,.6) !important;  height:100%;}
.nav-link{ font-weight: 600; color:#fff;}
.nav-fill{ width:100%; font-size: 15px;}

.nav-link:focus, .nav-link:hover { color: #fff;}
.dropdown-item{ font-size: 14px;}
#submenu13{ top:-40px;}


#MenuControl_C .dropdown-menu{ padding:0 !important;animation: fadeInUp 400ms;}

.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    color: #000 !important;
    text-decoration: none;
    background-color: #fff !important;
}

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

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

#WidgetControl4{display:none;}

#HeaderControl{     height: 80px;
    float: Left;
    margin-bottom: 0;
    padding:0;
    transition: 0.5s;
    position: absolute;
    left: 0;
    top: 15px;
    z-index: 9;
    width:32%;
    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;
    float: Right;
    margin-bottom: 0;
    padding:0;
    transition: 0.5s;
    position: absolute;
    right: 0;
    top: 15px;
    z-index: 9;
    width: 68%;
    background: transparent;}
	
	
.body-fx #HeaderControl{
    float: Left;
    position: fixed;    
    padding: 0;
    padding-left: 0;
    background: rgba(47,77,90,.9) !important;
    z-index: 99;
    text-align: left;
    transition: 0.5s;
    height: 90px !important;
    top: 0;
}
.body-fx #MenuControl_C{ height: 90px !important;}

.body-fx #MenuControl {
    float: Right;
    position: fixed;
    right: 0;    
    padding: 0;
    padding-right: 0;
    background: rgba(47,77,90);
    transition: 0.5s;
    top: 0;
    height: 90px !important;
}

center #form1 #HomepagecontentControl{ padding-top: 61px; padding-bottom:25px;}

center #form1 #HeaderControl{ background: rgba(47,77,90); margin-left:0; width: 32%; top: 0;}
center #form1 #HeaderControl #header img{ margin-top: 7px;}
.body-fx center #form1 #HeaderControl #header img{ margin-top:0;}

center #form1 #MenuControl{ background: rgba(47,77,90); margin-right:0; width: 68%; top: 0;}

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

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



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

@media (max-width: 991px){
#MenuControl_C, #HeaderControl_C{ height:inherit !important;}
center #form1 #HeaderControl{ margin-left:0; width: 30%;}

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

@media (max-width: 767px)
{
	
	
#header{ position: relative;}

#HeaderControl{ width: 100% !important; top: 0; padding: 0; position: relative; background-color:#2f4d5a;}
#MenuControl{ position: relative; top:0; width: 100% !important; background-color:#2f4d5a;}

center #form1 #HeaderControl{ width: 100% !important; top: 0; padding: 0; position: relative; background-color:#2f4d5a;}
center #form1 #MenuControl{ width: 100% !important; top:0; top: 0; padding: 0; position: relative; background-color:#2f4d5a;}

.nav-fill .nav-item{ text-align: left; padding-left: 20px;}

.navbar-toggler{ background-color: #fff !important;}



}



@media(max-width:736px){
	/*
#HeaderControl, #HeaderControl_C{ height: initial !important;}	*/

}

@media(max-width:375px){
.fl-head h2{    font-size: 23px;}
}