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

/*nav-bar*/
header h2{color: #fff;height: 76px;margin-left: 60px;font-size: 19px;letter-spacing: 1px;background: url(image/web-logo.png) no-repeat;}
.body-fx header h2 {
    color: #222;
    /* margin-top: -7px; */
    background: url(image/web-logo1.png) no-repeat;
    height: 70px;
}
.dropdown-toggle{position:relative;}
.nav-item ul li .dropdown-toggle::after{position:absolute;right: 5px; top: 10px;}
.bg-light{background-color: transparent !important;height:100%;}
.nav-link{font-weight: 600;color: #ffffff;}
.nav-link:focus, .nav-link:hover{color: #070707;}
.nav-fill{width:85%;margin-left:100px;font-size: 18px;}
.navbar-default .navbar-nav>li:nth-last-child(1) a{    background: #fed136;
    border-radius: 40px;}
.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{ padding-right:1px; padding-left: 1px;}

}

	a {
		text-decoration: none;
}

/* .dropend .dropdown-menu[data-bs-popper] {
    right: 100% !important;
    left: auto !important;
} */
.dropdown-item{
    line-height:18px !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;
}

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

#HeaderControl .rdCenter, #MenuControl .rdCenter{background: transparent !important;}
	
#MenuControl_C .dropdown-menu{ padding:0 !important;}

.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    color: #fff!important;
    text-decoration: none;
    background-color: #23405f !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: #fff !important;
}


.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
    background-color: #410b74 !important;
    border-color:#fff;
    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;}

#HeaderControl{
    height: 82px;
    float: Left;
    margin-bottom: 0;
    /* padding: 16px 0; */
    transition: 0.5s;
    position: absolute;
    left: 0;
    z-index: 9;
    width: 33%;
    /* background: #101820FF; */
    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{
    height: 90px;
    float: Left;
    position: fixed;
    width: 32%;
    padding: 0;
    padding-left: 0;
    background: #fff;
    z-index: 99;
    text-align: left;
    transition: 0.5s;
    height: 84px !important;
    top: 0;
}

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

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

#MenuControl{
    height: 82px;
    float: Right;
    margin-bottom: 0;
    padding: 0px 0;
    transition: 0.5s;
    position: absolute;
    right: 0;
    z-index: 9;
    width: 67%;
    /* background: #101820FF; */
    }
	
.body-fx #MenuControl .nav-link{color: #000000;/* padding-top:20px; */}
.body-fx #MenuControl {
    height: 90px;
    float: Right;
    position: fixed;
    right: 0;
    width: 68%;
    padding: 0;
    padding-right: 0;
    background: #fff;
    /* transition: 0.5s; */
    top: 0;
    height: 84px !important;
}

center #form1 #HomepagecontentControl{padding-top: 74px;padding-bottom:25px;}
center #form1 .top-nav{background:#410b74;}
center #form1 #HeaderControl,
center #form1 #MenuControl{background: transparent;}

center #form1 #HeaderControl{margin-left:0;width:30%;margin-top: -7px;}
center #form1 #MenuControl{margin-right:0;width: 70%;margin-top: -7px;}

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

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


@media (max-width: 991px){
#MenuControl_C, #HeaderControl_C{ height:inherit !important;}

}


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

}

@media (max-width: 767px)
{
    center #form1 #MenuControl {
        margin-right: 0;
        width: 70%;
        margin-top: 0px;
    }
    center #form1 #HeaderControl {
        margin-left: 0;
        margin-top: 0px;
    }

.navbar-fixed-top, .navbar-fixed-bottom, .navbar-static-top 
{
   margin-right: 0px !important;
 margin-left:  0px !important;
}

.navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu>li>a {
    padding: 2px 15px 2px 25px;
}

.navbar-nav>li{ display: block; text-align:left;}

#HeaderControl{ width: 100% !important;}
#MenuControl{width: 100% !important;top: 90px;}
header{ text-align:center;}

.navbar-toggler{margin-right:20px;}
.nav-fill{width: 100% !important;margin-left: 0 !important;margin-top: 5px;background: linear-gradient(-90deg, rgb(121 188 205) 0%, rgb(41 127 152) 100%);}
.nav-fill .nav-item{ text-align:left !important; padding-left: 25px;}

}


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

@media(max-width:560px){


}


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