@charset "utf-8";
/* CSS Document */

#HomepagecontentControl_C_ctl00_tdeee {
  margin-top: 20px;
}
.dropdown-item.active, .dropdown-item:active {
    color: var(--bs-dropdown-link-active-color);
    text-decoration: none;
    background-color: var(--bs-dropdown-link-hover-bg);
}
.main-table{ font-weight:normal; Font-size:15px; color:#333; line-height:24px; text-align:justify;}
.main-heading{
    font-weight: bold;
    Font-size: 18px;
    color: #003d6d;
    line-height: 36px;
    border-bottom: 1px #ccc dashed;
    text-transform: uppercase;
    margin-bottom: 20px;
    text-align: left;
    margin-top: 20px;
    }
.sub-heading{
    font-weight: bold;
    Font-size: 18px;
    color: #3f3d56;
    line-height: 30px;
    margin-bottom: 15px;
    text-transform: uppercase;
    background-color: #1772cf42;
    padding: 5px;
    }
.team-title{font-weight:bold; Font-size:18px; color:#2f4d5a; line-height:30px;}
.contact-us{ padding-left:20px; line-height:24px;}


.container-fluid{/*padding-left:2px; padding-right:2px;*/}

#HeaderControl .rdCenter, #MenuControl .rdCenter{background: transparent !important;}

#MenuControl_C .dropdown-menu{/*padding:0 !important;*/ animation: fadeInUp 400ms;}

center #form1 #HeaderControl, center #form1 #MenuControl{background-color: rgba(2,67,107,1);}

#MenuControl_C #navbar-collapse-1{height:100% !important;}
#WidgetControl4{/*! display:none; */}

#HeaderControl{     height: 82px;
    float: Left;
    margin-bottom: 0;
    padding: 16px 0;
    transition: 0.5s;
    position: absolute;
    left: 0;
    top: 15px;
    z-index: 9;
    width: 33%;
    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: 82px;
    float: Right;
    margin-bottom: 0;
    padding: 0px 0;
    transition: 0.5s;
    position: absolute;
    right: 0;
    top: 15px;
    z-index: 9;
    width: 67%;
    background: transparent;}
	
	
.body-fx #HeaderControl{
    height: 90px;
    float: Left;
    position: fixed;
    width: 35%;
    padding: 0;
    padding-left: 0;
    z-index: 99;
    text-align: left;
    transition: 0.5s;
    height: 70px !important;
	 background: rgba(2,67,107,.85);
    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: 65%;
    padding: 0;
    padding-right: 0;
    background: rgba(2,67,107,.85);
    transition: 0.5s;
    top: 0px;
    height: 70px !important;
}

center #form1 #HomepagecontentControl{padding-top: 81px; padding-bottom:25px;}
center #form1 .top-nav{background:#033c5e;}
center #form1 #HeaderControl, center #form1 #MenuControl{top: inherit;}

.body-fx center #form1 #HeaderControl{margin-left:0;}
.body-fx center #form1 #MenuControl{margin-right: 0px;}
#widgetsControl, #widgetsControl_C{height:inherit !important;}
@media (max-width: 991px){
#MenuControl_C, #HeaderControl_C{height:inherit !important;}
center #form1 #HeaderControl{margin-left: -2px; /*! height:inherit !important; */    width: 35%;}
}
@media (max-width: 769px){
#MenuControl, #MenuControl_C{height: initial !important;}	
#widgetsControl_C, #widgetsControl{height:initial !important}
	}

@media (max-width: 767px)
{
#MenuControl, #HeaderControl, #header{width:100% !important; top:0px; /*! position:relative !important; */ /*! height:inherit !important; *//*! background:#02436b; */}
center #form1 #HomepagecontentControl{padding-top: 0px;}

#HomepagecontentControl_C table{margin-top:0 !important;}
#HeaderControl{padding: 0;}
.navbar-toggler {
    color: #fff !important;
    background-color: #fff !important;
    border: 1px solid#fff !important;
}
}



@media(max-width:736px){
.body-fx #MenuControl{position: absolute !important;}
#HeaderControl, #HeaderControl_C{height: initial !important;}	
header{padding-top: 2px;}
}

@media(max-width:600px){
.main-heading {
    margin-top: 10px;
}
.navbar-collapse {
    background: #003d6d !important;
}
.navbar-toggler {
    color: #fff !important;
    background-color: #fff !important;
    border: 1px solid#fff !important;
}
.col {
    width: 100% !important;
}
}

@media(max-width:375px){

.navbar-toggler {
    color: #fff !important;
    background-color: #fff !important;
    border: 1px solid#fff !important;
}
}

.table-responsive {
    min-height: .01%;
    border: 0;
    padding: 0px;
    overflow: hidden !important;
}

 /*============WHATSAPP==========*/
  
.whatsapp_btn{
    position: fixed;
    bottom: 1em;
    /* left: 0; */
    right: 0;
    float: right;
    width: 55px;
    height: 55px;
    z-index: 9999;
}
.whatsapp_btn .icon_logo{
    position: relative;
    z-index: 100;
    padding: 5px;
}

.whatsapp_btn .icon_logo > a > img{
    width: 100%;
}

.whatsapp_btn .circle_waves{
    border-radius: 50%;
    background-color: #3cc04e;
    width: 55px;
    height: 55px;
    position: absolute;
    opacity: 0;
    bottom: 1px;
    left: 0px;
    z-index: 99;
    animation: waves 4s infinite cubic-bezier(.36, .11, .89, .32);
}

@keyframes waves {
    from {
        transform: scale(.55, .55);
        opacity: .6;
    }
    to {
        transform: scale(1.8, 1.8);
        opacity: 0;
    }
}