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

.main-table{ font-family: 'Poppins', sans-serif; font-weight:normal; Font-size:15px; color:#333; line-height:24px; text-align:justify; margin-top: 15px;}

.main-heading{ Font-size: 25px; font-weight: bold; color: #232323; line-height: 30px; border-bottom: 1px #ccc dashed; margin-bottom: 10px; text-align: left; margin-top: 0;}
.sub-heading{ font-weight: bold; Font-size: 18px; color: #232323; line-height: 30px; margin: 5px 0; text-align: left;}
	
.team-title{ font-weight:bold; Font-size:16px; color:#232323; line-height:30px; text-align: left;}


.main-table ul li{ font-weight:normal; Font-size:15px; color:#333; line-height:24px; text-align:left; margin-bottom:5px;}



  
.whatsapp_btn2{
    position: fixed;
    top: 20em;
    right: 20px;
    width: 55px;
    height: 55px;
    z-index: 9999;
}
.whatsapp_btn2 .icon_logo{
    position: relative;
    z-index: 100;
    padding: 5px;
}

.whatsapp_btn2 .icon_logo > a > img{
    width: 100%;
}

.whatsapp_btn2 .circle_waves{
    border-radius: 50%;
    background-color: #084a94;
    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;
    }
}


.title {
    text-align: center;
    font-weight: 700;
    position: relative;
    margin-bottom: 40px;
    color: #084a94;
    text-transform: uppercase;
}
.title:after {
    width: 80px;
    height: 3px;
    background: #084a94;
    content: '';
    display: block;
    position: absolute;
    bottom: -10px;
    left:0;
    right:0;
    margin:0 auto;
    color: #084a94 !important;
    text-transform: uppercase;
}

.hm-form .info .fa{ float:left;margin-right:10px;font-size:30px;background: #084a94;color:#fff;text-align:center;padding:5px;width:45px;height:45px;border-radius:5px;line-height: 35px;}

/*hm-form*/
 body #msform
    {
        font-family: montserrat, arial, verdana;
    }
    /*form styles*/
    #msform
    {
        margin: 0 auto;
        text-align: center;
        position: relative;
    }
    #msform fieldset
    {
        background: white;
        border: 0 none;
        border-radius: 3px;
        box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.4);
        padding: 5px 5px;
        box-sizing: border-box;
        width: 100%;
        margin: 0;
   
        position: relative;
    }
    /*Hide all except first fieldset*/
    #msform fieldset:not(:first-of-type)
    {
        display: none;
    }
    
    .form-control
    {
        height: initial;
     
    }
    
    /*inputs*/
    #msform input, #msform textarea, #msform select
    {
     
        border: 1px solid #ccc;
        border-radius: 3px;
        margin-bottom: 10px;
        width: 100%;
        box-sizing: border-box;
        font-family: sans-serif;
        color: #2C3E50;
        font-size: 14px;
    }
    
    .radio
    {
        text-align: left;
    }
    
    #msform input[type="radio"], .radio-inline, #msform input[type="checkbox"]
    {
        width: initial;
    }
    
    label
    {
        text-align: left;
        width: 100%;
    }
    
    /*buttons*/
    #msform .action-button
    {
        width: 100px;
        background: #11528f;
        font-weight: bold;
        color: white;
        border: 0 none;
        border-radius: 1px;
        cursor: pointer;
        padding: 0;
        margin: 10px 5px;
    }
    
    #msform .action-button a
    {
        color: #fff;
        display: block;
        padding: 10px 5px;
    }
    
    #msform .action-button:hover, #msform .action-button:focus
    {
        box-shadow: 0 0 0 2px white, 0 0 0 3px #11528f;
    }
    
    
    #msform label
    {
        font-size: 12px;
        color: #000;
        font-weight: 600;
    }
    
    #msform .checkbox label, #msform .radio label
    {
        font-size: 14px;
        color: #333;
        font-weight: normal;
    }
    
    
/*cont-page*/
	
.navbar {
    position: relative;
    min-height: 0px !important;
    margin-bottom: 0px !important;
    border: 1px solid transparent;
}

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


.navbar-nav {
    display: table;
    width: 100%;
    text-align: center;
    margin-left: 0  !important;
    margin-right: 0 !important; 
}


.navbar-nav>li {
    display:table-cell;
    float: initial !important;
	vertical-align: middle;
}
.nav>li>a{padding:20px 2px;}

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

.navbar-default{ border:0 !important; background-color: transparent !important;}

.navbar-default .navbar-nav>li>a{ color: #fff; font-size: 15px; font-weight: 600; }

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover{ color: #fff !important; background:#2f4d5a;}
   
.navbar-default .navbar-nav>.open>a:focus{ color: #fff !important; background:#2f4d5a !important;}
	
#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;
}

.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: #9b4d29 !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;}
#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: 82px;
    float: Left;
    position: fixed;
    width: 35%;
    padding: 0;
    padding-left: 0;
    background: rgba(47,77,90);
    z-index: 99;
    text-align: left;
    transition: 0.5s;
    top: 0;
}

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

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


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

center #form1 #HomepagecontentControl{ padding-top: 120px; padding-bottom:25px;}
center #form1 .top-nav{ background: rgba(47,77,90);}
center #form1 #HeaderControl{background: rgba(47,77,90);}
center #form1 #MenuControl{ background: rgba(47,77,90);}

center #form1 #HeaderControl{margin-left: -2px; width: 36%;}
center #form1 #MenuControl{margin-right: -2px;}

.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; width: 35%;}

}

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

}

@media (max-width: 767px)
{
.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;}
}



@media(max-width:736px){
    .body-fx #MenuControl{position: absolute !important;} 
.navbar-nav>li{display: block; text-align:left;}
#HeaderControl, #HeaderControl_C{height: initial !important;}

}

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

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