

/*nav-bar*/
#MenuControl .dropdown-toggle{position:relative;}
#MenuControl .nav-item ul li .dropdown-toggle::after{position:absolute;right: 5px; top: 10px;}
#MenuControl .bg-light{background-color: #fff !important;height:100%;}
.head-img img{width:100%;aspect-ratio:1/1;height:80px;object-fit:contain;}
@media (min-width: 1200px) {
	#MenuControl .bg-light {padding-right: 4rem;}
}
#HeaderControl, #HeaderControl_C {
    background: #fff!important; height:90px !important;
}
#MenuControl, #MenuControl_C{height:90px !important;}
#MenuControl .nav-link{font-weight: 500;font-size: 15px;}
#MenuControl .nav-link:focus, .nav-link:hover{color:#000;}
#MenuControl .nav-fill{width:100%; font-size: 15px;}
#MenuControl .navbar-brand{margin:0;}

#MenuControl .nav-link{position:relative;color: #0e3753;line-height: 30px;}

#MenuControl .nav-link:hover {color:#cfa948;}
/* #MenuControl .nav-link::before {transition: 400ms;height: 2px;content: "";position: absolute;background-color: #0b245b;}
#MenuControl .nav-link::before {width: 0%;bottom: 10px;}
#MenuControl .nav-link:hover::before {width: 30px;} */


/*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){

}

@media (max-width: 767px){
#HeaderControl, #MenuControl, .body-fx #MenuControl, .body-fx #HeaderControl{position:relative !important; width:100% !important; float:inherit !important; height:inherit !important; background:rgba(51,103,153,0.95) !important;}

	.body-fx #MenuControl_C{height:inherit !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; }
#services{ box-shadow: none !important;}
.nav-item ul li .dropdown-toggle::after{transform: rotate(90deg);}
.nav-item .nav-link.dropdown-toggle::after {position: absolute; right: 5px; top: 15px;}
}

@media(max-width:568px){
	
}
@media(max-width:480px){
	
}



@media (max-width: 414px){


}
.table-responsive {
    min-height: .01%;
    overflow-y: hidden !important;border: 0;
}

#MenuControl .dropdown-item{transition:.5s;}
#MenuControl .dropdown-item:hover{background: none; color: #cfa948;}
/* #MenuControl .dropdown-item{position:relative;color: #222;}
#MenuControl .dropdown-item:hover {opacity: 1;color:#031D44;}
#MenuControl .dropdown-item::before {  transition: 400ms;height: 2px;content: "";position: absolute;background-color: #031D44; left:0;top:50%;}
#MenuControl .dropdown-item::before {width: 0%;bottom: 10px;}
#MenuControl .dropdown-item:hover::before {width: 10px;} */



.body-fx footer {
    opacity: 1;
    transition: 0.3s;
    visibility: visible;
}

.body-fx #HeaderControl {
    height: 90px;
    float: Left;
    position: fixed;
    width: 25%;
    padding: 0;
    padding-left: 0;
    background: rgba(108, 119, 59, 0.95);
    z-index: 99;
    text-align: left;
    transition: 0.5s;
    height: 90px !important;
    top: 0;
}
.body-fx #HeaderControl_C{height: 90px !important;}
.body-fx #HeaderControl .logo1{display:none;}
.body-fx #logo-web {
    margin-top: 6px;
	
}

.body-fx #MenuControl_C {
    height: 90px !important;
}

.body-fx #MenuControl {
    height: 90px;
    float: Right;
    position: fixed;
    right: 0;
    width: 75%;
    padding: 0;
    padding-right: 0;
    background: rgba(108, 119, 59, 0.95);
    transition: 0.5s;
    top: 0;
    height: 90px !important;
}

.body-fx center #form1 #HeaderControl {
    margin-left: 0;
}

.body-fx center #form1 #MenuControl {
    margin-right: 0px;
}

@media(max-width:769px) {
    .body-fx footer:hover {
        bottom: 0;
    }

    .body-fx #HeaderControl,
    .body-fx #MenuControl {
        position: inherit !important;
        transition: 0s;
        top: 0;
        height: auto !important;
    }
}

@media(max-width:736px) {

    .body-fx .navbar .navbar-toggler:focus,
    .body-fx .navbar .navbar-toggler:hover {
        border-color: #baa46a;
        background-color: #baa46a;
    }

    .body-fx .navbar .navbar-togglerr {
        border-color: #baa46a;
    }

    .body-fx #MenuControl {
        height: inherit !important;
        width: 100%;
    }

    .body-fx #HeaderControl {
        z-index: 999999999;
        top: -2px;
    }

    .body-fx #HeaderControl {
        width: 45%;
    }

    .body-fx #MenuControl_C {
        height: inherit !important;
    }

    .body-fx #MenuControl_C #navbarNavDropdown {
        height: 278px !important;
        overflow-y: auto;
    }

    .body-fx center #HeaderControl {
        height: 68px !important;
    }
}

@media(max-width:480px) {

    #HeaderControl,
    .body-fx #HeaderControl,
    center #form1 #HeaderControl,
    #MenuControl,
    #MenuControl_C {
        width: inherit;
        max-width: 100%;
        position: relative;
        width: 100%;
        background: #ffffff !important;
    }
}

@media(max-width:360px) {
    .body-fx #MenuControl_C #navbarNavDropdown {
        height: initial !important;
        max-height: 380px;
    }
}

.dropdown-menu.show{border-radius:0;border:none;}