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

/*-- Banner --*/
.banner-area {
  position: relative;
  min-height: 400px;
  color: #fff;
  background-position: center;
  background-size: cover;
}

.banner-title {
  color: #fff;
  text-transform: uppercase;
  font-size: 40px;
  font-weight: 600;
}

.banner-text {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  max-width: 1170px;
  margin: 0 auto;
  width: 100%;
  z-index: 1;
  transform: translateY(-50%);
}

.banner-heading {
  text-align: center;
}

.main-table{/* font-family:Saira; */font-weight:normal;Font-size:14px;color:#333;line-height:24px;text-align:justify;margin-top: 15px;}
.main-heading{
    font-weight: bold;
    Font-size: 25px;
    color: #000;
    line-height: 36px;
    border-bottom: 1px #ccc dashed;
    text-transform: uppercase;
    margin-bottom: 20px;
    text-align: left;
    margin-top: 0;
    }
.sub-heading{
    font-weight: bold;
    Font-size: 16px;
    color: #000;
    line-height: 30px;
    margin-bottom: 5px;
    text-transform: uppercase;
    }
.team-title{font-weight:bold; Font-size:18px; color:#000; line-height:30px;}
.contact-us{ padding-left:20px; line-height:24px;}


/*cont-page*/
.map-contp{border:1px dashed #ccc;}
.cont-page h2{    font-weight:bold;
    color: #111;line-height: 26px;
    font-size: 19px;
    margin-top: 0;
    text-transform: uppercase;
    margin-bottom: 18px;
	margin-top:10px;}
.cont-page h2 span{color: #111;
    font-weight: normal;
    font-size: 18px;}
.cont-page .st-feature-box {
    background: #010066;
    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;
}
.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;
}
	


/*nav-bar*/
.dropdown-item {
	font-size: 15px;
}
.nav-link:focus, .nav-link:hover {
	color:#fff;
}
.dropdown-toggle{position:relative;font-size: 15px;}
.nav-item ul li .dropdown-toggle::after{position:absolute;right: 5px; top: 10px;}
.bg-light{background-color: rgba(0, 0, 0, 0.1) !important; height:100%;}
.nav-link{/* font-weight: 600; */color: #fff;}
.nav-fill{width:100%; font-size: 15px;}
.navbar-brand{margin:0;}
/*nav-bar*/




@media (max-width: 1170px){
.navbar-expand-md .navbar-nav .nav-link{padding-right:1px; padding-left: 1px; font-size: 13px;}
}


@media (min-width:1023px){

.navbar-nav li:hover > ul.dropdown-menu {
    display: block;
}

.dropdown-submenu {
    position:relative;
}

.dropdown-submenu > .dropdown-menu {
    top: 0;
	left:100%;
    left: auto;
}

/* rotate caret on hover */
.dropdown-menu > li > a:hover:after {
    text-decoration: underline;
    transform: rotate(0deg);
}

.dropend .dropdown-menu {
    left: 100% !important;
right: auto !important;  top: 0;}

}

@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; font-size: 12px;}

}


/*cont-page*/	
.navbar {
    position: relative;
    min-height: 0px !important;
    margin-bottom: 0px !important;
    border: 1px solid transparent;
}

.navbar-nav>li>a {
    /*padding-top:0 !important;
    padding-bottom: 0 !important;*/
}

.container-fluid{ padding-left:2px;font-family: Open Sans !important;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: 10px 10px;}

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

.navbar-default{border:0 !important;background-color: rgba(0, 0, 0, 0.7) !important;}

.navbar-default .navbar-nav>li>a{
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    /*padding-left: 3px;
    padding-right: 3px;*/
    }

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

.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
    background-color: #000 !important;
    border-color:#fff;
    color: #fff !important;
}


#MenuControl_C .navbar-default,
#MenuControl_C .container-fluid,
#MenuControl_C .navbar-nav
{height:100%;/* background-color: rgba(47,77,90,.6) !important; *//*! padding-top: 6px; */}

#MenuControl_C #navbar-collapse-1{height:100% !important;}
#WidgetControl4{/* display:none; */}

#HeaderControl{
    height: 82px;
    float: Left;
    background-color: rgba(0, 0, 0, 0.1) !important;
    margin-bottom: 0;
    padding: 16px 0;
    transition: 0.5s;
    position: absolute;
    left: 0;
    top: 40px;
    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: 80px;
    float: Right;
    margin-bottom: 0;
    padding: 0px 0;
    transition: 0.5s;
    position: absolute;
    right: 0;
    /* background-color: rgba(0, 0, 0, 0.7) !important; */
    top: 40px;
    z-index: 9;
    width: 67%;
    /* background: #000; */
    }
	
	
.body-fx #HeaderControl{
    float: Left;
    position: fixed;
    width: 35%;
    padding: 0;
    padding-left: 0;
    background: rgba(0, 0, 0, 0.7) !important;
    z-index: 99;
    text-align: left;
    transition: 0.5s;
    height: 70px;
    top: 0;
}

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

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


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

center #form1 #HomepagecontentControl{ padding-top: 80px; padding-bottom:25px;}
center #form1 .top-nav{ background: rgba(0, 0, 0) !important;}
center #form1 #HeaderControl,
center #form1 #MenuControl{ background: rgba(0, 0, 0) !important;}

center #form1 #HeaderControl{ margin-left:0; width:35%;}
center #form1 #MenuControl{ margin-right:0;}

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

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


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



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

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

}

@media (max-width: 767px)
{
	
#HeaderControl{ width: 100% !important;}	
.body-fx #HeaderControl{ width: 100% !important; top: 40px; background: #000; height: 70px !important;}

#MenuControl{ top: 100px; width: 100% !important;}
.body-fx #MenuControl{ top: 100px;}

.body-fx #HeaderControl, .body-fx #MenuControl{ position: fixed;}
	
.bg-light{ background-color: rgba(0, 0, 0, 0.75) !important;}	
.navbar-toggler{ background-color: #fff;}

.navbar-expand-md .navbar-nav .nav-link{ padding-left: 20px; font-size: 14px; text-align: left;}
/*
.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;}

.carousel-caption{ width: 70%; left: 15%; top: 50%;}
.carousel-caption h3{ font-size: 30px !important; line-height: 36px !important; font-weight: 600;}
.carousel-caption h3 span{ font-weight: 500;}
.carousel-caption h4{ font-size: 24px !important; line-height: 25px; font-weight: 500;}


footer .footer-top{ padding: 30px 20px !important;}

.teams .member{ margin-bottom: 20px !important;}
.navbar-toggler{ margin-right: 15px !important;}

.about .content h3{margin-bottom: 10px !important;}
.about .content h3 span{ font-size: 24px !important;}
.about .content .rd-mr{ font-size: 14px !important; font-weight: 600 !important;}




}

@media(max-width:667px){
[type=button]:not(:disabled) {
    background: #fff;
    right: 16px;
}


#WidgetControl4{ display: none;}

.navbar-collapse { background: #000;}

.navbar-expand-md .navbar-nav .nav-link {
    padding-right: 1px;
    padding-left: 21px;
    text-align: left;
    font-size: 14px;
}

.about {
    text-align: center;
    padding: 0px 30px !important;
}

.section-title h2::before {
    display: none;
}

.section-title h2::after { display: none;}
	
.ser-cl-inner {
    width: 100% !important;
    margin: 0 !important;
}

.lyt-bg-img .info-container {
    top: -2px !important;
    padding: 24px 34px !important;
}

.banner-text-upper {
    width: 43% !important;
    position: relative !important;
    left: 8% !important;
    top: 45px !important;
    padding: 15px 0 !important;
}

.main-audit-img-upper {
    width: 97% !important;
    position: relative !important;
    float: left !important;
    top: 80px !important;
    left: 7px !important;
}

.innr-ser-pg{ margin-top: 75px !important; }


}