@import url('https://fonts.googleapis.com/css2?family=Saira:wght@100;200;300;400;500;600;700;800;900&display=swap');            
                    
  * { font-family: 'Saira', sans-serif !important; }
  
  .fa{ font-family: FontAwesome !important;}
  
#marquee1 a {
    color: #000;
    font-size: 16px !important;
}
  
  body{ font-family: 'Saira', sans-serif !important; font-size:14px; overflow-x:hidden; padding:0; margin:0;}
  
  p{font-family: 'Saira', sans-serif !important;color:#333;font-size: 15px;line-height:23px;margin-bottom:5px;text-align:justify;}
  
  a{ text-decoration:none;}
  
  img{ max-width:100%;}
  
  .Quick {
    background: #0c3c60;
    text-align: center;
    padding: 10px;
    margin-bottom: 15px;
}

.Quick a{
   font-size:18px;
   color: #fff;
}

  .top-nav{border-bottom: 1px dashed #0c3c60;border-top: 1px dashed #0c3c60;}
  .top-nav-lft ul{ padding-left:0; list-style:none; margin:0; border-left:1px dashed #0c3c60;}
  .top-nav-lft ul li{ display:inline-block; border-right:1px dashed #0c3c60; margin-right: -3px; transition:0.5s;}
  .top-nav-lft ul li .fa{ width: 40px; height: 40px; line-height:40px; transition:0.5s;}
  .top-nav-lft ul li a{ text-align: center; color: #666; font-size: 14px; }
      
  .top-nav-lft ul li:hover{ background:#0c3c60; color:#fff;}
  .top-nav-lft ul li:hover a{ color:#fff;}
  
  .top-nav-rht ul{ padding-left:0; list-style:none; margin:0; text-align:right;}
  .top-nav-rht ul li{ display:inline-block; margin-left:15px; position:relative;}
  
  .top-nav-rht ul li:after{    content: '';
      position: absolute;
      top: 18px;
      left: 40px;
      margin-top: -4px;
      border-top: 6px solid transparent;
      border-bottom: 6px solid transparent;
      border-left-width: 6px;
      border-left-style: solid;
      border-left-color: #0c3c60;}
  .top-nav-rht ul li .fa{ width: 40px; height: 40px; line-height:43px; text-align:center; background:#0c3c60; color:#fff; margin-right:8px; font-size:18px;}
  .top-nav-rht ul li a{ color: #333; font-size: 14px; text-decoration: none;}
  
  .logo-web{ float:left; }
  .logo-cont{ float:right; text-align:right;}
  
  .logo-cont .fa{ display: inline-block; font-size: 28px; vertical-align: text-bottom; height: 46px; line-height: 48px; padding-right: 15px;
       border-right:1px solid #ccc; color: #222;}
       
  .logo-cont h2{ display: inline-block; font-weight: 600; color: #222; font-size:18px; text-align: left; line-height:24px; padding-left:10px; 
  position:relative; margin: 0;}
  
  .logo-cont h2 span{ color: #888888; font-weight: 400; font-size: 16px; }
  .logo-cont h2 span	strong{ color: #000; font-size: 22px; font-weight: bold; }
      
  .logo-cont h2:before{ content: '';
      position: absolute;
      left: -4px;
      top: 0px;
      bottom: 0;
      margin: auto;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 5px 0 5px 5px;
      border-color: transparent transparent transparent #ccc;}
      
  .logo-sec{ padding: 18px 0;}
  
  header{ background:transparent;}
  header, .logo-web, .logo-sec, .navbar-nav, .navbar .container{transition:0.5s;}
  
  .logo-web{ visibility: visible !important;}
  
  .hm-head{
      text-align: center;
      color: #283447;
      text-transform: uppercase;
      font-weight: 400;
      margin-bottom: 4px;
      margin-top: 60px;
      font-size: 40px;
      }
      
  .head-sep {
      z-index: 3;
      margin-bottom: 25px;
      display: inline-block;
      top: 3px;
      line-height: 1;
      position: relative;
  }
  
  .head-sep:before{    width: 50px;
      height: 1px;
      content: "";
      display: inline-block;
      position: relative;
      margin-right: 6px;
          background-color: #0c3c60 !important;
      color: #fff !important;}
      
  .head-sep:after{width: 50px;
      height: 1px;
      content: "";
      display: inline-block;
      position: relative;
      margin-right: 6px;
          margin-left: 22px;
      margin-right: 0;
          background-color: #0c3c60!important;
      color: #0c3c60 !important;}
      
  .head-sep u {
      width: 20px;
      position: absolute;
      display: block;
      left: 50%;
      top: 15px;
      margin-left: -10px;
  }
  .hm-service .hm-head span{color: #000;}
  .hm-service .head-sep:before{ background-color: #3961bb !important;}
  .hm-service .head-sep:after{ background-color: #3961bb !important;}
  .hm-service .head-sep u:before{ border-left-color: #3961bb!important; border-right-color: #3961bb;}
  .hm-service .head-sep u:after{ border-right-color: #3961bb !important; border-left-color: #3961bb !important;}
  
  .head-sep u:before{    position: absolute;
      top: 0;
      left: -2px;
      border-left: 2px #283447 solid;
      border-right: 2px #283447 solid;
      width: 10px;
      height: 6px;
      display: inline-block;
      content: "";
      transform: skew(30deg);
      -webkit-transform: skew(50deg);
      border-left-color: #0c3c60 !important;}
      
  .head-sep u:after{    position: absolute;
      top: 0;
      left: -2px;
      border-left: 2px #283447 solid;
      border-right: 2px #283447 solid;
      width: 10px;
      height: 6px;
      display: inline-block;
      content: "";
      transform: skew(30deg);
      -webkit-transform: skew(50deg);
          left: auto;
      right: -3px;
      transform: skew(-30deg);
      -webkit-transform: skew(-50deg);
      border-right-color: #0c3c60 !important;}
      
  .hm-head span{font-weight: 600;color: #0c3c60;}
      
      
  .hm-service{background:url(image/serv-bg.jpg) no-repeat;background-size:cover;background-attachment:fixed;padding-bottom: 30px;padding-top: 50px;}
  
  .service-box{ list-style:none; padding-left:0;}
  .service-box li{margin: 0 1%;width: 100%;float: left;text-align: center;transition: .5s;margin-bottom: 30px;}
  .service-box li a{ color: #121212; text-decoration: none;}	
  .service-box li img{    -webkit-border-radius: 8px 8px 0 0;
      -moz-border-radius: 8px 8px 0 0;
      border-radius: 8px 8px 0 0;
      transition:0.5s; /*  -webkit-filter: grayscale(100%);
      filter: grayscale(100%);*/}
      
  .service-box li:hover img{ /* -webkit-filter: none; filter: none;*/   -webkit-filter: grayscale(100%);
      filter: grayscale(100%); transition:0.5s;}
      
  .service-box li:hover h4{background: #0c3c60;color: #fff;transition:0.5s;}
  .service-box li:hover{ transform: translate(0px,-10px);
      transition: 0.5s;
      box-shadow:0px 9px 4px #1d283b;
      border-radius: 0 0 8px 8px;}
      
  .service-box li h4{
      font-size: 15px;
      margin: 0;
      padding: 10px 0;
      background: #0c3c60;
      -webkit-border-radius: 0 0 8px 8px;
      -moz-border-radius: 0 0 8px 8px;
      border-radius: 0 0 8px 8px;
      color: #fff;
      transition:0.5s;
      /* font-weight: 600; */
      line-height: 1.4;
      padding: 15px;
      min-height: 80px;
      }
      
  .hm-service .hm-head{color:#fff;}
      
  
  .hm-about{padding-bottom: 80px;}	
  
  .hm-about-lft{float:left; width:50%; }
  .hm-about-lft img{width:100%;padding:10px;border: 5px dashed #0c3c60;height: 400px;}
  
  .hm-about-rht{float:left; width:50%;}
  .hm-about-rht-inner{
      border: 5px dashed #0c3c60;
      padding: 25px 25px;
      border-left: 0;
      margin-top: 40px;
      margin-bottom: 25px;
      }
      
  .hm-about-rht-inner h3{
      margin-top: 0;
      margin-bottom: 20px;
      color: #0c3c60;
      text-transform: uppercase;
      font-weight: 600;
      border-bottom: 1px dashed #8b8b8b;
      padding-bottom: 7px;
      }
      
  .rd-mr{ text-transform:uppercase; font-weight:600; text-align:center;}
  .rd-mr a{ color: #333; border: 1px solid #666; padding: 13px 36px; position:relative; background:#fff; transition:0.5s;}
      
  .rd-btn:before{
      content: '';
      position: absolute;
      left: -2px;
      top: -2px;
      border-top: 4px solid #0c3c60;
      border-left: 4px solid #0c3c60;
      width: 23px;
      height: 23px;
  }
  
  .rd-btn:after{
      content: '';
      position: absolute;
      right: -2px;
      bottom: -2px;
      border-bottom: 4px solid #0c3c60;
      border-right: 4px solid #0c3c60;
      width: 23px;
      height: 23px;
      }
      
  .hm-about .rd-mr{    margin-bottom: -36px;
      margin-top: 45px;}
      
  .rd-mr a:hover{background: #ffffff;color: #0c3c60;b;border-color: #0c3c60;}
      
  .rd-mr a.cont-rd{background: #0c3c60;color:#fff;margin-left:15px;border-color: #171010;}
  .rd-mr a.cont-rd:hover{background: #d1e0eb;color:#000;}
  
  #abts .carousel-indicators{ width: inherit; top:0;  bottom: inherit;  right:0px;  position:relative; 
  justify-content: right; padding: 0;
  margin-right: 0;
  margin-bottom: 1rem;
  margin-left: 0;}
      
  #abts .carousel-indicators .active{ background-color:#0c3c60; width: 40px; border:2px solid #eee;
      height: 20px; border-radius:20px;}
  #abts .carousel-indicators li{ background-color:#0c3c60; width: 20px; border:2px solid #0c3c60;
      height: 20px; border-radius:20px;}
  
  
  
  .hm-team{ padding: 40px 20px;  background: url(image/bg.png)repeat; background-attachment: fixed;}
  
  .hm-team .head-hm span{ width: 300px;}
      
  .hm-team p{ font-family: 'Saira', sans-serif; font-size: 15px;  text-align:center; line-height: 24px; }
      
  .hm-team p.rd-mr{ margin-top: 30px;}
  
  .hm-team p.rd-mr a{    border-radius: 6px;
      background: #0c3c60;
      color: #fff;
      padding: 7px 18px 7px 43px;
      border-color: #0c3c60;
      box-shadow: 4px 3px 5px #ccc;
      position: relative;}
      
  .hm-team p.rd-mr a:before{position: absolute;
      left: 0;
      padding-right: 15px;
      width: 100%;
      content: attr(data-hover);
      opacity: 0;
      text-align: center;
      transition: all 0.5s ease;
      -webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;}
  
  
  .head-hm{ text-align: center;     border-bottom: 4px double #0c3c60;   margin-bottom: 35px; font-size: 26px; position:relative;}
  
  .head-hm strong{ color:#0c3c60;	text-transform: uppercase;}
  
  .head-hm span{ padding: 3px 9px;
      z-index: 9;
      background: transparent;
      display: block;
      top: -13px;
      position: absolute;
      left: 0;
      width: 510px;
      right: 0;
      background: #fff;
      margin: 0 auto;
  text-transform: uppercase;
  }
      
  .img-hd img{ padding-top:5px;}
      
  .text-btn{
      font-style: inherit;
      transition: all 0.5s ease;
      -webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;}
      
  .iconn{position: absolute;
      left: 1px;
      top: 1px;
      bottom: 1px;
      padding: 9px;
      border-radius:6px;
      text-align: center;
      color: #ffdd00;
      background-color: #222;
      transition: all 0.5s ease;
      -webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;}
      
  .iconn img{ filter: brightness(0) invert(1); -webkit-filter: brightness(0) invert(1); -moz-filter: brightness(0) invert(1); vertical-align: top;
      margin-top: 2px; }
      
  p.rd-mr a:hover:before{ opacity: 1;}
  
  p.rd-mr a:hover .text-btn { opacity: 0;}
  
  p.rd-mr a:hover .iconn {
      left: calc(100% - 24px);
      left: -webkit-calc(100% - 24px);
      left: -moz-calc(100% - 24px);
  }
      
  .hm-team p.rd-mr:hover a{ padding:;}
  
  .hm-team p.rd-mr:hover a img{ padding-left:2px; padding-right:2px;}
  
  .mem-icon{ text-align: center;}
  
  .mem-icon img{ border-radius: 50%; background: #fff; border: 3px solid #0c3c60; padding: 3px; transition:0.5s;}
      
  .mem-icon img:hover{ transition:0.5s; transform:rotate(360deg);}
  
  .hm-team-col {
      text-align: center;
      background: #2a2929;
      padding: 10px 0px 0;
      border: 10px solid #000;
      height: 350px;
      overflow: hidden;
      transition: 0.5s;
  }
  .hm-team-col:hover .hm-team-img {
      margin-top: -43px;
      transition: 0.5s;
  }
  .hm-team-img {
      width: 100%;
      /* border-radius: 50%; */
      border: 1px solid #2a2929;
      overflow: hidden;
      text-align: center;
      transition: 0.5s;
  }
  .hm-team-cnt {
      background: #0c3c60;
      margin: 0;
      padding: 10px 0;
      transition: 0.5s;
  }
  
  .hm-team-col h3{ text-align: center; font-size: 17px; text-transform: uppercase; color: #fff; margin: 0;}
  .hm-team-col h3 span {
      display: block;
      color: #fff;
      font-size: 16px;
      text-transform: capitalize;
      line-height: 20x;
  }
  
  .hm-team-cnt p { color: #eee;  font-size: 15px;  margin: 0;
      margin-left: 10px;
      margin-right: 10px;    
      padding-top: 15px;
  }
  
  .rd-more {
      text-align: center;
      margin-top: 15px;
      margin-bottom: 6px;
      font-size: 14px;
  }
  .rd-more a {
      background: #000;
      color: #fff;
      padding: 4px 14px;
  }
  
  
  /*footer*/
  
  footer{
      margin-top: 20px;
      background: #181818;
      background-attachment: fixed;
      color: #333;
      background-size: cover;
      padding-top: 50px;
      /* background: url(image/ft-bg.jpg) no-repeat; */
      background-attachment: fixed;
      background-size: cover;
  }
  
  footer .container-middle{ position:relative;}
  
  footer h2{
      font-weight: 500;
      font-size: 23px;
      position: relative;
      color: #fff;
      margin-bottom: 15px;
      text-transform: uppercase;
      border-bottom: 1px dashed #0c3c60;
      padding-bottom: 5px;
  }
      
  footer h2 span {
      position: absolute;
      width: 100%;
      left: 1px;
      font-size: 20px;
      color: #222;
      z-index: 1;
      top: -17px;
  }
  
  footer .container-middle a{ color: #fff;}
  
  .col-three{ color:#fff;}
  
  .us-lk p{ color:#fff; line-height: 24px; text-align: left;}
  
  .us-lk ul{ list-style-type: square; font-size: 14px; margin-bottom: 0; color: #fff;  padding-left: 24px;}
  
  .us-lk ul li{ line-height: 22px; margin-bottom: 5px; transition:0.5s;}
  .us-lk ul li:nth-last-child(1){margin-bottom:0}
  
  .us-lk ul li:hover{ padding-left: 5px;}
  
  .us-lk ul li a{ color:#ffffff; font-size: 14px;}
  
  .us-lk ul li:hover a{color: #0c3c60 !important;font-size: 14px;}
  
  footer a{ color:#fff;}
  
  .ft-soc ul{ font-size: 16px; margin-bottom: 0; list-style: none;}
  .ft-soc ul{ padding-left: 0; font-size: 14px;}
      
  .ft-soc ul a{ color:#ffffff;}
  .ft-soc ul li{ margin-bottom:8px;}
  .ft-soc ul li img{ margin-right: 10px; transition:0.5s;}
  .ft-soc ul li:hover img{border-radius:50%; transition:0.5s;}
      
  .ft-cont strong{ color:#fff;}
  
  .ft-cont p, .ft-cont p a{ margin-bottom:8px; font-size: 14px; line-height: 20px; color: #ffffff;  min-height: 25px;
      transition: 0.5s; text-align: left;}
  
  .copyrht{
      background: #0c3c60;
      font-size: 15px;
      padding:4px 0;
      position: relative;
      margin-top: 40px;
  }
      
  .copyrht p{ margin-bottom: 0; color: #fff; font-size: 14px;}
  .copyrht p a{ text-decoration:none;}
      
  footer .container{position:relative;}
  
  #FooterrControl1_tr_FooterBackImage{background-image:none !important;}
  
  .cprht-lft{ float:left; padding-top: 6px;}
  
  .cprht-rht{ float:right; padding-top:0px;}
  
  .cprht-rht ul{list-style:none; text-align:right; margin:0; font-size: 14px;}
  
  .cprht-rht ul li{    display: inline-block;  margin-left: 10px; padding-left: 10px; border-left:1px solid #db6e5d; line-height: 16px;}
      
  .cprht-rht ul li:first-child{border-left:0;}
  
  .cprht-rht a{ color:#ffffff; padding: 0 1px;}
  .cprht-rht a .fa{
      background: #000;
      border-radius: 50%;
      width: 30px;
      text-align: center;
      height: 30px;
      line-height: 29px;
      transition:0.5s;
      color:#ffffff;
      border: 1px solid #283447;
      }
  
  .cprht-rht a .fa:hover{background: #fff;color: #0c3c60;transition:0.5s;border:1px solid #fff;}
  
  p.cprht-rht img {
      height: 18px; transition:0.5s;     vertical-align: bottom;
  }
  
  p.cprht-rht img:hover{transform:rotate(360deg); transition:0.5s;}
  
  .cprht-lft strong{    color: #fff;
      font-weight: 300;}
  
  .ft-cont i {    width: 35px;
      height: 35px;
      text-align: center;
      border: 1px solid #fff;
      font-size: 19px;
      line-height: 0px;
      margin-right: 11px;
      margin-top: 4px;
      vertical-align: baseline;
      float: left;
      transition: 0.5s;
  }
  
  .cprht-img{    float: left;
      margin-left: 120px;}
      
  .cprht-img img{height: 45px;}
  
  .ft-cont i img{margin-top: 6px;}
  
  .ft-cont p:hover i{ background:#77be32; transition:0.5s;}
      
  .ft-nav ul{    list-style: none;
      text-align: center;
      margin-top: 0;
      padding-top: 21px;
      font-weight: bold; z-index: 9;
      position: relative;}
      
  .ft-nav ul li{    display: inline-block; padding: 0 35px;}
  
  .ft-nav ul li a:hover{ color:#77be32;}
  
  .same-ft{border: 1px dashed #999;padding: 20px;position: relative;transition:0.5s;min-height: 140px;}
  
  .same-ft i{font-size: 48px;color: #0c3c60;float:left;margin-bottom: 30px;margin-right:15px;}	
  .same-ft:hover > i{/* color:#fff; */}	
  .same-ft h3{color: #fff; font-size: 18px;}
  .same-ft p{color: #fff;font-size: 14px;text-align:left;margin: 0;}
  .same-ft p span{ display:block; color:#fff;}
  .same-ft p a{ color:#fff;}
  
  
  .same-ft:hover{background: rgb(244 245 246);color: #000;}
  .same-ft:hover h3{color: #000;}
  .same-ft:hover p, .same-ft:hover p span, .same-ft:hover p a{color: #000;}
  .same-ft:hover:after{ color:#fff;}
  
  
  .top {
      position: fixed;
      right: 10px;
      bottom: 30px;
      text-align: center;
      color: #fff;
      background: #0c3c60;
      padding: 10px 10px;
      z-index: 9;
      border-radius: 50%;
      border: 2px solid #222222;
      cursor: pointer;
      opacity: 0;
      transition: ease-in 0.5s;
  }
  
  
  .top.scll-top {
      opacity: 1;
      transition: ease-in 0.5s;
      bottom: 50px;
  }
  
  .top .fa {
      display: block !important;
  }
  
  /*footer*/
  .li-icn li{list-style:url(image/bullet-1.png); list-style-position:outside; margin-left:10px;}
  .cl-icn li{list-style:none; float:left; border:1px dashed #ccc; margin:10px;}
  
  #ascrail2000{ background:#01a6b9; }
  #ascrail2000 div{ border-radius:12px !important; background:#283447 !important;}
  #ascrail2000-hr{display:none !important;}
  
  
  .inner-page{ padding-bottom: 20px;}
  .inner-banner{ position:relative; height:350px; margin-bottom: 25px; margin-left:-100%; margin-right:-100%}
  .col-lg-12.table-responsive{ overflow:hidden;}
  .inner-banner img{ width:100%; height:100%;}
  
  .inner-banner .container{ position: relative;
      position: absolute;
      top: 92px;
      left: 0;
      margin: 0 auto;
      right: 0;}
      
  .inner-banner-cnt{ color:#fff;}
  .inner-banner-cnt h1{ color: #01a6b9; font-size: 54px; font-weight: 800;}	
  .inner-banner-cnt ul{ list-style:none; padding-left:0;}
  .inner-banner-cnt ul li{ display: inline-block; background: #fff; margin: 0; padding:8px 20px 8px 20px;}
      
  .inner-banner-cnt ul li a{ color:#000;}	
  .inner-banner-cnt ul li .fa{    color: #000;
      padding: 0px 10px;
      font-size: 18px;
      margin-right: -40px;
      position: relative; vertical-align: middle;
     }
      
  .inner-banner-cnt ul li.active{background: #01a6b9;}
  
  #HomepagecontentControl_C, #HomepagecontentControl, .RadDock .rdContent{overflow:inherit !important;}
  
  #form1, #Div_body, .RadDock_Default .rdMiddle .rdCenter, .RadDock_Default .rdBottom .rdCenter{ background-color: transparent !important;}
  
  :focus{ outline:none;}
  
  .container-fluid{ padding-left:2px; padding-right:2px;}
  
  #MenuControl{transition: 0.5s;background: #0c3c60;}
  
  #MenuControl_C .dropdown-menu{ padding:0 !important; animation: fadeInUp 400ms;}
  
  #MenuControl_C #navbar-collapse-1{ height:100% !important;}
  
  .table-responsive { min-height: .01%; overflow-y: hidden !important; border:0;}
  
  #MenuControl_C .container-fluid{width: 1170px;margin: 0 auto;left: 0;}
  
  #HeaderControl_C, #HeaderControl{overflow:inherit !important;/* height:inherit !important; */background: #0c3c60;/* padding: 4px; */}
  
  .navbar{
      background: transparent;
      border: 0;
      border: 0;
      border-radius: 0;
      min-height: 90px;
      z-index: 9;
      }
      
  .navbar-default .navbar-nav>li>a{ color:#fff; transition:0.5s;}
  .navbar-default .navbar-nav>li>a:hover{ background: #283447; color: #fff;}
  
  .navbar-nav>li>a {
      padding-top: 12px;
      padding-bottom: 12px;
      font-size: 15px;
  }
  
  .navbar-nav {
      /* display: table; */
      width: 100%;
      text-align: center;
      margin-left: 0 !important;
      margin-right: 0 !important;
      /* border: 3px solid #052670; */
      /* background: #0c3c60; */
  }
  
  .navbar-nav>li {
      display: table-cell;
      float: initial;
      vertical-align: middle;
      /* border-right:1px solid #fff; */
      font-size: 16px;
  }
  
  .dropdown-menu > li > a{ line-height: 20px; font-size: 13px; padding: 1px 5px;}
  
  .body-fx .navbar-nav > li{ display: block; text-align: left;}
  
  .navbar-nav>li:last-child{ border-right:0;}
  
  .navbar-collapse{ margin:0; padding:0;}
  
  
  .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
      color: #fff;
      text-decoration: none;
      background-color: #333;
  }
  
  .navbar-nav>li>.dropdown-menu, .dropdown-menu{ margin:0; padding: 0px 0;}
  .dropdown-menu>li>a{ padding: 1px 20px; font-size:0.95em;}
  .dropdown-menu{/* color: #000; */background-color: #fbfcfc;}
  .dropdown-menu>li>a{color: #222;line-height: 22px;}
  .dropdown-menu>li{/* color: #000; */border-bottom: 1px solid #0c3c60;}
  .nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
      background-color: #0c3c60;
      border-color: #0c3c60;
  }
  
  .body-fx #MenuControl_C .navbar-expand-md .navbar-nav .dropdown-menu {
      position: static;
  }
  .body-fx .fixed-top{ position:fixed; top:0; width:100%; left:0; z-index:99; background:rgba(255,255,255,0.95)}
  .body-fx .fixed-top .top-nav{display:none;}
  .fixed-top .logo-sec {
      padding: 5px 0;
  }
  
  .body-fx .navbar-expand-md{ position:fixed; top:7px; width:100%; right:0; z-index:99; background: transparent; transition: 0.5s;}
  .navbar-header{ float:right}
  
  .body-fx .navbar-nav{
      background: #0c3c60;
      text-align: left;
      min-width: 195px;
      display: block;
      width: inherit;
      float: right;
      position: fixed;
      /* color: #fff; */
      top: 70px;
      right: 0px;
      height: 100vh;
      overflow: hidden;
      overflow-y: auto;
      animation: fadeInRight 300ms;
      transition:0.5s;
      }
      
  .body-fx .navbar .container{ padding: 0;}
  
  .body-fx .navbar-nav > li > a{ padding-top: 5px; padding-bottom:5px}
  
  .body-fx .navbar-expand-md .navbar-toggler{display: block;z-index: 99999;/* color: #fff; */position: fixed;right: 8px;top: 10px;background: #f8f8f8;}
  
  /*
  .body-fx .logo-cont{ display:none;}
  .body-fx #navbar-collapse-1{ display:none !important;}
  .body-fx .navbar-toggler { display: block; }
  
  .body-fx .navbar-expand-md .navbar-toggler .icon-bar {
      background-color: #fff;
  }
  
  
  .body-fx .dropdown-submenu>.dropdown-menu{ left:0; border-radius:0; border:0; margin-top:0;}
  .body-fx .dropdown-submenu>.dropdown-menu li a{ padding:3px 30px;}
  .body-fx .navbar-nav>li>.dropdown-menu, .dropdown-menu{    margin: 0;
      padding: 0px 0;
      box-shadow: 0 0 0;
      margin-bottom: 5px;}
  
  .dropdown-submenu{ position:relative;}
  .dropdown-submenu>.dropdown-menu{ top:0;left:100%;margin-top:-6px;margin-left:-1px;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;}
  .dropdown-submenu>a:after{ display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc; margin-top:5px;margin-right:-10px;}
  .dropdown-submenu:hover>a:after{ border-left-color:#555;}
  .dropdown-submenu.pull-left{ float:none;}
  .dropdown-submenu.pull-left>.dropdown-menu{ 
  left:-100%; margin-left:10px; -webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px; border-radius:6px 0 6px 6px; }
  
  
  #MenuControl_C, #MenuControl, #widgetsControl, #widgetsControl_C{ height:inherit !important;}
  center center #MenuControl{ margin-bottom: 0;}
  
  .navbar-expand-md{ margin:0 auto;}
  .navbar-expand-md{ background: transparent;  border: 0; border: 0; border-radius: 0; margin-bottom: -24px; min-height: 38px; z-index: 9;}
      
   #MenuControl_C .container-fluid{ width: 1170px; margin: 0 auto; left: 0;}
   
  .navbar{ min-height: inherit !important; margin-bottom: 0;}
  
  */
  
  .body-fx #MenuControl .navbar-expand-md .navbar-collapse{    display: none !important ;}
  .body-fx #MenuControl .navbar-expand-md .navbar-collapse.show{    display: block !important ;}
  @media(max-width:1169px){
  #MenuControl_C .container-fluid{width: 100%;}
  }
  
  @media(max-width:1024px){
  .hm-about-rht-inner{    margin-top: 24px;}	
  .same-ft:after{left: 6px;}
  .same-ft{    padding-left: 62px;}
  
  .body-fx .navbar-default .navbar-toggle[aria-expanded="true"]{    position: absolute;
      right: 90px;}
      }
      
  @media(max-width:998px){
  .hm-about-lft{width:100%;}
  .hm-about-rht{width:100%;}
  .hm-about-rht-inner {
      border-left: 5px dashed #fff;
      width: 90%;
      margin: 0 auto;
      margin-top: -67px;
      background: #fff;
      margin-bottom: 30px;
  }
  #carousel-example-generic .carousel-indicators {
      width: inherit;
      top: inherit;
      bottom: inherit;
      right: 0;
      left: 0;
      margin: 07 auto;
  }
  .service-box li{ width: 23%;}
  .hm-team-col{ margin-bottom: 15px;}
  .same-ft {
      padding-left: 10px;
  }
  .same-ft:after{ left: 18px;}
  .nav>li>a{ padding: 10px 6px;}
  
  .hm-team-col{height: auto;}
      }
      
  @media(max-width:767px){
    .body-fx .navbar-expand-md{display: none;}
  .top {
      display: none;
  }
  .table-responsive {
      margin-bottom: 0px !important;
  }
  .top-nav-lft{width:inherit; float:left;}	
  .top-nav-rht{width:inherit; float:right;}
  .logo-cont{display:none;}
  
  .navbar-default{    position: absolute;
      top: -62px;
      right: 0;
      width: 100%;
      padding: 0 15px;}
  .navbar-header{margin:0 !important;}
  
  .body-fx .navbar-default{top: -62px;}
      
  .navbar-toggle{background:#0c3c60; border-color:#0c3c60;}
  .navbar-default .navbar-toggle{border-color:#0c3c60;}
  .navbar-default .navbar-toggle .icon-bar {
      background-color: #fff;
  }
  .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
      background-color: #0c3c60;
  }
  .navbar-nav>li{    display: block;}
  .navbar-default .navbar-collapse, .navbar-default .navbar-form{margin:0; width:100%;}
  .navbar-nav>li>a {
      padding-top: 4px;
      padding-bottom: 4px;
  }
  .navbar-default .navbar-nav>li>a{text-align:left;}
  .navbar-default .navbar-nav .open .dropdown-menu>li>a {
      color: #fff;
  }
  .navbar-nav .open .dropdown-menu>li>a {
      line-height: 12px;
  }
  
  .body-fx .fixed-top{position:relative;}
  
  .body-fx .navbar-default{position:absolute;}
  
  .logo-sec {
      padding: 10px 0;
  }
  
  .body-fx .navbar-nav{    position: relative;
      height: auto;
      margin-top: 0;
      max-height: 100vh;}
  .navbar-default .navbar-collapse, .navbar-default .navbar-form{border:0}
  .body-fx .navbar-toggle{margin-right: 15px;}
  .us-lk ul li{margin-bottom: 8px;}
  .body-fx .navbar-header{margin:0;}
  .rslides{    height: 300px;}
  .hm-team {
      padding: 20px 0 10px;
  }
  
  .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover{background:#0303bb; color:#fff;}
  .hm-head{margin-top: 30px;}
  table{margin-top:0 !important;}
      }
      
  @media(max-width:667px){
  .hm-head{font-size: 25px; margin-bottom: 0px;}	
  .hm-about-rht-inner h3{    font-size: 20px;}
  .hm-about .rd-mr{    font-size: 13px;}
  .same-ft h3{font-size: 16px;}
  .service-box li {
      width: 31.3%;
  }
      }
      
  @media(max-width:568px){
  .hm-team-col h3{    font-size: 20px;}	
  .hm-team-col h3 span{
          margin-top: 2px;
      margin-bottom: 2px;}
  .top-nav-lft ul li .fa{width: 38px;}
  .cprht-lft, .cprht-rht{width:100%; text-align:center;}
      }
      
  @media(max-width:480px){
  .rslides {
      height: 210px;
  }
  .rd-mr a{padding: 9px 25px;}	
  .service-box li {
      width: 48%;
  }
  .service-box li img{    height: 200px;
      width: 100%;}
      
  .callbacks_nav{    top: 45%;     width: 30px;
      height: 30px;
      background: transparent url(../image/arrows.png) no-repeat left top;
      background-size: 206% 100%;}
  .ft-add p br{display:none;}
      }
      
  @media(max-width:478px){
  .top-nav{display:none;}	
      }
      
  @media(max-width:414px){
  .same-ft {
      padding-left: 80px;
  }
  .same-ft:after {
      left: 12px;
  }	
  .logo-sec{width: 82%;}
  .navbar-default{top:-58px;}
  p.text-center{    margin-bottom: 5px;}
      }
      
  @media(max-width:375px){
  .hm-about-rht-inner{ padding: 25px 10px;}
  .hm-about-lft img{    padding: 5px;
      /*! border: 2px dashed #0c3c60; */
      height: 250px;}	a
  .rd-mr a {
      padding: 5px 16px;
  }
      }
      
  @media(max-width:360px){
  .navbar-default {
     top: -53px;
  }
  .hm-about-rht p{font-size:13px;}
  .hm-about .rd-mr{margin-top:0}	
  .service-box li {
      width: 100%;
      margin: 5px 0;
  }
  .same-ft {
      padding-left: 70px;
  }
      }

.main-table { padding: 3% 0;}

.hm-about .carousel-indicators {justify-content: left; left: 76%; bottom: 92%;}
.hm-about .carousel-indicators [data-bs-target] {background-color: #d1e0eb;width: 18px;border:2px solid #0c3c60;height: 18px;border-radius: 200px;opacity: 1;padding: 0 10px;} 
.hm-about .carousel-indicators .active { width: 50px; background-color: #0c3c60; border-color: #d1e0eb; padding: 0 20px}

@media (min-width: 1200px) and (max-width: 1450px) {
  .header img { padding: 10px 0 !important}
}

@media (min-width: 320px) and (max-width: 768px ){
  .navbar-toggler { position: absolute; right: 15px; top: -60px; background: #fff}
  #MenuControl, #MenuControl_C { height: 0 !important;}
  #HeaderControl, #HeaderControl_C {height: 75px !important;background: #0c3c60;}
  .navbar-collapse {background: #eeeced;margin-top: -20px;}
  .header{ padding: 0 !important}
}