body{font-family: Calibri !important;}
p{ line-height: 26px;}
*{font-family:Calibri !important;}
.fa {font-family:fontawesome !important;}
#MenuControl, #MenuControl_C, #HeaderControl, #HeaderControl_C, #widgetsControl_C, #widgetsControl, #widgetsControl1, #widgetsControl1_C, #widgetsControl2, #widgetsControl2_C, #widgetsControl3_C, #widgetsControl3 {
  height: initial !important;
}
.otherpagecss #RadDockZone1.container {
  max-width: 100%;
}
.table-responsive {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  padding: 0;}
.container-fluid.inner-pg{padding: 0;}
.otherpagecss #RadDockZone1.container #HomepagecontentControl_C table{margin-top: -1px !important;}
.container, p{
    color:#444;
    font-size: 16px;
    }
.glyphicon{font-family: 'Glyphicons Halflings' !important;}
.RadDock .rdContent{font: inherit !important;}
/*-----carousel zoom effect-----*/
@-webkit-keyframes zoom {
    from {
  -webkit-transform: scale(1, 1);
  }
  to {
    -webkit-transform: scale(1.4, 1.4);
  }
}

@keyframes zoom {
  from {
    transform: scale(1, 1);
  }
  to {
    transform: scale(1.4, 1.4);
  }
}
.banner-sec{
    /*width: 100%;
    height: 100%;*/
    position: relative;
}
a{text-decoration: none;}
.banner-sec .carousel-inner .carousel-item > img {
  -webkit-animation: zoom 40s;
  animation: zoom 40s;
}

.banner-sec .carousel-indicators [data-bs-target]{width:30px; height:4px; background-color:#fff; border: 0;}
.banner-sec .carousel-indicators .active{ background-color:#ceff6b; margin:0; border:0;}
/*------carousel capion text displayt--*/
.carousel-caption {
    position: absolute;
    top: 34%;
    color: #fff;
    text-align:center;
    text-shadow: 9px 4px 8px rgba(0,0,0,.75);
	left:inherit;
	width:100%;
  }
.banner-sec .carousel-caption {
    position: absolute;
    top: 33%;
    color: #fff;
    text-align:left;
    text-shadow: 9px 4px 8px rgba(0,0,0,.75);
    left: 10%;
    width:60%;
 }
.carousel-caption h2{font-size: 45px; font-weight: bold; margin-bottom: 16px; text-transform: uppercase; animation: fadeInRight 2000ms ease-in-out;}

.carousel-caption h2 span{color:#ceff6b;}
.carousel-caption p{font-size:18px; line-height: 25px;}
.banner-sec .carousel-control{display:none;}
/*.carousel-inner>.item {
    -webkit-transition: -webkit-transform .6s ease-in-out !important;
    -o-transition: -o-transform .6s ease-in-out !important;
    transition: transform .6s ease-in-out !important;
}*/

/*----Change the direction of banner slider carousel------ */
@media all and (transform-3d), (-webkit-transform-3d) {
  .carousel-inner > .item.next,
  .carousel-inner > .item.active.right {
    left: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  .carousel-inner > .item.prev,
  .carousel-inner > .item.active.left {
    left: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
/*-----carousel zoom effect-----*/
#WhatsNewControl{margin-top:40px;}
#WhatsNewControl_C_ctl00_Label1{font-size:18px !important;}
#WhatsNewControl a{font-size:16px !important;}
/*-----abt-sns-----*/
.section-header{margin-bottom: 30px; padding-top:50px;}
.section-header h3 {
    font-size: 32px;
    color: #111;
    text-transform: uppercase;
    text-align: center;
    font-weight: 700;
    position: relative;
    padding-bottom: 15px;
}
.section-header p {
    text-align: center;
    color: #333;
    font-weight: 600;
    font-size: 18px;
}
.section-header h3::before {
    content: '';
    position: absolute;
    display: block;
    width: 120px;
    height: 1px;
    background: #767171;
    bottom: 1px;
    left: calc(50% - 60px);
}
.section-header h3::after {
    content: '';
    position: absolute;
    display: block;
    width: 40px;
    height: 3px;
    background: #ccff66;
    bottom: 0;
    left: calc(50% - 20px);
}
.abt-sns .container-fluid{background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url(../image/bg1.jpg) fixed center center;
    background-size: cover; padding:60px 0;}
.tp-bx p{color: #fff; font-size: 20px;    font-weight: 300;
  line-height: 26px;}
.tp-bx{color: #fff;
    padding: 40px 20px 0;
    text-align: justify;
    background: rgba(0,0,0,.2);
    min-height: 180px;
    margin: 20px auto; transition:.5s; border-radius:10px; border:1px solid; border-color:rgba(0,0,0,.2);}
.tp-bx:hover{color: #fff;
    padding: 40px 20px 0;
	padding-top:30px;
    text-align: justify;
    font-size: 20px;
    background: rgba(0,0,0,.7);
    margin: 20px auto;border-color:rgba(206,255,107,.9);}
.know_more a{color: #fff;}
.know_more>button {
    background: #000;
    border: 1px solid transparent;
    padding: 13px 20px;
}
.know_more>button:hover {
    background: #767171;
    border: 1px solid transparent;
    padding: 13px 20px;
}	
.copyrht-lft, .copyrht-rht{color:#fff;}
/*-----abt-sns-----*/
/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
header {
  transition: all 0.5s;
  width:100%;padding: 10px 0;
}
header img{margin:0 auto; max-width:100%;}
header .head-cntr h2, header .head-rht h2 {
    display: inline-block;
    font-size: 18px;
    font-weight: bold;
    margin: 0;
    line-height: 20px;
    text-align: left;
}
header .head-cntr h2 span, header .head-rht h2 span{
    display: block;
    font-weight: normal;
}
header .head-cntr h2 .fa, header .head-rht h2 .fa{
     margin-right:10px; color: #ceff6b;
    font-size: 40px;
}
header .head-rht h2 a{
    color:#000;
}
/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
/*nav-top*/
.nav-top {position:relative; overflow:hidden;background-color: #000;}
.nav-top p{color: #b4b4b4;}
.nav-top .text-end .d-inline-flex .fa{background: #ceff6b;  width: 40px;  height: 40px; line-height: 40px;   text-align: center;  border-radius: 5px;  transition: .5s;  margin-top: 3px;  margin-bottom: 3px; border: 1px solid #ceff6b; color: #000;}
.nav-top .text-end .d-inline-flex .fa:hover{color: #ceff6b;  background:#000;}
.bnr-sec{position: relative;}
/*nav-top*/
/*-----abt-hm-----*/
.abt-hm {
  background: linear-gradient(rgba(118, 113, 113, 0.1), rgba(0, 0, 0, 0.1));
  padding:30px 0;
}

.banner-scrol .carousel-indicators {
    bottom: -30px;
}
.banner-scrol .carousel-indicators .active{background-color:#000;}
.banner-scrol .carousel-indicators li{border:1px solid #000;}
.banner-scrol .carousel { padding-bottom: 20px; margin-bottom: 20px;
}

.abt-hm .col-md-4 h4{margin:0; line-height:30px; font-size: 22px; font-weight: 500; text-align:justify; min-height:80px; background:#000; color:#fff; padding:7px; transition:.4s;}
.abt-hm .col-md-4:hover h4{background:#393939;}
.abt-hm .img-bx{min-height:400px; background:#eee; transition:.5s; padding:20px 15px; margin:20px auto;filter: grayscale(100%); border-radius:5px;}

.abt-hm .img-bx:hover{min-height:400px; background:#ccc;filter:none;}
.abt-hm .img-bx h4{font-size:20px; line-height:30px;}

.vdo-lnk
/*-----abt-hm-----*/
/*carousel*/
.image-sec .col-md-4 h4{font-size:19px;}
.image-sec .col-md-4:hover h4{background:#393939;}
.banner-scrol .vdo-lnk h4{font-size:20px; min-height:75px;}

/*middle*/

/* -----------------------blog_class -------------------------*/



#portfolio #portfolio-flters {
  padding: 0;
  margin: 5px 0 35px 0;
  list-style: none;
  text-align: center;
}

#portfolio #portfolio-flters li {
  cursor: pointer;
  margin: 15px 15px 15px 0;
  display: inline-block;
  padding: 10px 20px;
  font-size: 12px;
  line-height: 20px;
  color: #666666;
  border-radius: 4px;
  text-transform: uppercase;
  background: #fff;
  margin-bottom: 5px;
  transition: all 0.3s ease-in-out;
}

#portfolio #portfolio-flters li:hover,
#portfolio #portfolio-flters li.filter-active {
  background: #ccff66;
  color: #fff;
}

#portfolio #portfolio-flters li:last-child {
  margin-right: 0;
}

#portfolio .portfolio-wrap {
  box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.08);
  transition: 0.3s;border: 5px solid #000; transition:.3s;border-radius:10px;
}

#portfolio .portfolio-wrap:hover {
  box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.16);border: 5px solid #ceff63;
}

#portfolio .portfolio-item {
  position: relative;
  overflow: hidden;
  margin-top:20px;
}

#portfolio .portfolio-item figure {
  background: #000;
  overflow: hidden;
  position: relative;
  border-radius: 4px 4px 0 0;
  margin: 0;
}

#portfolio .portfolio-item figure:hover img {
  opacity: 0.4;
  transition: 0.3s;
}

#portfolio .portfolio-item figure .link-preview,
#portfolio .portfolio-item figure .link-details {
  position: absolute;
  display: inline-block;
  opacity: 0;
  line-height: 1;
  text-align: center;
  width: 36px;
  height: 36px;
  background: #fff;
  border-radius: 50%;
  transition: 0.2s linear;
}

#portfolio .portfolio-item figure .link-preview i,
#portfolio .portfolio-item figure .link-details i {
  padding-top: 6px;
  font-size: 22px;
  color: #333;
}

#portfolio .portfolio-item figure .link-preview:hover,
#portfolio .portfolio-item figure .link-details:hover {
  background: #ccff66;
}

#portfolio .portfolio-item figure .link-preview:hover i,
#portfolio .portfolio-item figure .link-details:hover i {
  color: #000;
}

#portfolio .portfolio-item figure .link-preview {
  left: calc(50% - 38px);
  top: calc(50% - 18px);
}

#portfolio .portfolio-item figure .link-details {
  right: calc(50% - 38px);
  top: calc(50% - 18px);
}

#portfolio .portfolio-item figure:hover .link-preview {
  opacity: 1;
  left: calc(50% - 44px);
}

#portfolio .portfolio-item figure:hover .link-details {
  opacity: 1;
  right: calc(50% - 15px);
}

#portfolio .portfolio-item .portfolio-info {
  background: #000;
  text-align: center;
  padding: 10px;
  height: 60px;
}
#portfolio .portfolio-item:hover .portfolio-info {
  background: #111;
}
#portfolio .portfolio-item .portfolio-info h4 {
 font-size: 22px;
  font-weight: 700;
  margin-bottom: 18px;
  padding-bottom: 0;
  color:#fff;
}

#portfolio .portfolio-item .portfolio-info h4 a {
  color: #fff; transition:.3s;
}

#portfolio .portfolio-item .portfolio-info h4 a:hover {
  color: #ceff63;
}
a:hover, a:focus{text-decoration:none;}
#portfolio .portfolio-item .portfolio-info p {
  padding: 0;
  margin: 0;
  color: #b8b8b8;
  font-weight: 500;
  font-size: 16px;
  text-transform: uppercase;
}
/* -----------------------blog_class -------------------------*/

/* -----------------------section_5 -------------------------*/
.sec-5{padding:30px 0 10px;}
.sec-5 .sec-5-bx{border: 5px solid #000; background: #000; transition:.5s; border-radius:5px;}
.sec-5 .sec-5-bx .section-header{padding-top:10px;}
.sec-5 .sec-5-bx .section-header h3{ color:#fff ;}
.sec-5 .sec-5-bx .section-header h3:before{ background:#fff ;}
.sec-5 .sec-5-bx h5 {
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 18px;color:#fff;
    padding-bottom: 0; line-height:26px; padding:5px 10px; min-height:90px;
}
.sec-5 .sec-5-bx:hover{background:#111;border: 5px solid #ccff66;}
.sec-5 .sec-5-bx h5 a{color: #fff;
    transition: .3s;}

/* -----------------------section_5 -------------------------*/
/* Team Section
--------------------------------*/

#team {
  background: #fff;
  padding:10px 0;
}

#team .member {
  text-align: center;
  /*margin-bottom: 20px;*/
  background: #b4b4b4;
  position: relative;
}

#team .member .member-info {
  opacity: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  transition: 0.2s;
}

#team .member-info-content {
  /*margin-top: -50px;*/
  transition: margin 0.2s;
}

#team .col-lg-4:hover .member-info {
  background: rgba(0, 0, 0, 0.7);
  opacity: 1;
  transition: 0.4s;
}

#team .member:hover .member-info-content {
  margin-top: 0;
  transition: margin 0.4s;
}

#team .member h4 {
  font-weight: 700;
  margin-bottom: 2px;
 font-size: 24px;
  color: #fff;
}
#team .member h5 {
  font-weight: 700;
  margin-bottom: 2px;
 font-size: 18px;
  color: #fff;
}
#team .member span {
  font-style: italic;
  display: block;
  font-size: 13px;
  color: #fff;
}

#team .member .social {
  margin-top: 15px;
}

#team .member .social a {
  transition: none;
  color: #fff;
  font-weight:bold;
}

#team .col-lg-4:hover a {
  color: #ccff66;
}

#team .member .social i {
 font-size: 24px;
  margin: 0 2px;
}
#team .member-info-content{background:#000; color:#fff; padding:10px 20px; text-align:center;}
#team .member-info-content h4{margin:0; font-size:20px;}
#team .member-info-content h5{margin:0; font-size:18px;}
#team .col-lg-4.col-md-6:hover .member-info-content{background:#111; color:#ceff6b;}
header img{padding:10px 0;}
.team_Img {
  width: 134px;
  border: 6px solid;
  border-radius: 50%;
}
/* Team Section
--------------------------------*/
/* sec7_class
--------------------------------*/

.sec7_class .carousel-caption{top:inherit; bottom:0; right: 0; width: 80%;  left: 0;  margin: 0 auto;}
.sec7_class .carousel-caption h5{font-size:35px;animation: fadeInRight 2000ms ease-in-out; font-weight: bold;}
.sec7_class .carousel-caption p{font-size:18px;animation: fadeInRight 2000ms ease-in-out;color: #fff;}

/* sec8_class ser-sec
--------------------------------*/
.ser-sec{/* padding:10px 0; *//* background: #eee; */color: #fff;background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url(../image/bg2.jpg) fixed center center;background-size: cover;padding: 60px 0;}
.ser-sec .ser-bx{text-align:center; vertical-align: top; margin: 15px auto;}
.ser-sec .ser-bx{text-align:center; vertical-align: top;}
.ser-sec ul{margin:0; padding:0; list-style:none; text-align:center;}
.ser-sec ul li{display:inline-block; width:23%; margin:10px .8%; transition:.5s; padding-top:20px;}
.ser-sec ul li:hover{display:inline-block; width:23%; margin:10px .8%; padding-top:12px;}
.ser-sec .ser-bx h4{font-size:20px;}
.ser-sec .ser-bx p{text-align:justify; font-size:15px; line-height:24px;color:#fff;}
.ser-sec .ser-bx img { border-radius: 5%; border: 7px solid #000; margin:0 auto; transition:.4s; /*width:150px;*/ position:relative;}
.ser-sec .ser-bx:hover img{border: 7px solid #ceff6b; margin:0 auto;}
.ser-sec .ser-bx .ser-cont {
    border: 1px solid #000;
    border-radius: 5px;
    margin-top: -10px;
    padding: 10px 15px;
    min-height: 120px;
    /* padding-top: 15px; */
    background: #000;
    box-shadow: 1px 3px 4px #ccc;
    color: #fff;
}
#RadDockZone3{z-index:inherit !important;}
/*....form....*/
.sec-9{
    background: url(./image/query-bg.jpg) no-repeat;
    background-attachment: fixed;
    background-size: 100% 100%;
    float:left;
    width:100%;
    padding:10px 0 50px;
    /*background:#eee;*/
    }
.sec-9 .smt-btn{cursor: pointer; color: #000; background: #c6ff6b; padding: 10px 30px;   line-height: 26px;    border: 2px solid #000; border-radius:45px; font-size: 16px; font-weight:bold; letter-spacing:1px;}
.sec-9 .smt-btn:hover{background: #000; color:#fff;}
.sec-9 .form-lft{/*background:rgba(0,0,0,.3);*/ transition: all 0.3s ease-in-out; position:relative;}
.sec-9 .box111 {/*background:rgba(0,0,0,.3);*/ transition: all 0.3s ease-in-out; position:relative;}

.form-lft .col-md-6 img{margin:0 auto;}
.sub-bx{background:#000; padding:0px 10px; margin-top: 20px; border-radius:5px; color:#fff;}
.sub-bx .sub-cont{width:72%; padding:32px 10px;}
.sub-bx .sub-btn, .contact-info .sub-btn{ /*border:1px solid #111;*/text-align:center;margin-top: 32px; transition:.3s;cursor: pointer;    display: inline-block;}
.modal-header{color:#000; text-transform:uppercase; font-size: 20px; font-weight: bold;}
.modal-body input{display:inline-block; margin:7px auto;}
.modal-body center input{padding:7px 20px; color:#000; background:#c6ff6b; border-radius:40px; transition:.3s;}
.modal-body center input:hover{color:#fff; background:#000;}
.modal-header .close{ background: #c6ff6b; padding: 5px 10px; color: #000; opacity:.9;}
.modal{top:50px;}
.modal-backdrop{z-index:9;}
.modal-open .modal-dialog{z-index:9999;}
.sub-bx .sub-btn a, .contact-info .sub-btn a{font-weight:bold; color:#111; display:block; padding:15px 25px; cursor:pointer; background:#ccff66; border-radius:50px;}
.sub-bx .sub-btn:hover a{color:#fff; background:#000; border:1px solid #ccff66;}
.sub-bx .sub-btn:hover a{color:#fff;}
.sub-bx .sub-cont h2{font-size:24px; margin:0; padding:0; line-height:30px;font-weight:bold;}
.sub-bx .sub-cont h4{font-size:17px; margin:0; padding:0; line-height:30px;}
.sec-9 .section-header h3{font-size:25px;color:#fff;}
.contact-form .form-control {
    margin-bottom: 2px;
    padding: 16px 10px;
}
.box111 input, .box111 select{min-height:40px; margin:5px auto;color: #999;}
.box111 label{display:inherit;}
.box111 input::placeholder, .box111 select option{color:#999;}
.modal-open .modal-content{border-bottom-left-radius:0; border-bottom-right-radius:0;}
.modal-open .modal-hm-bg{background-color:#fff; border-top-left-radius:0; border-top-right-radius:0;border-bottom-left-radius:6px; border-bottom-right-radius:6px; padding-bottom:10px;}
.box111 .contact-info {
  margin-bottom: 20px;  margin-left: 50px;
  text-align: center;
  /**border: 1px solid #ddd;*/
}
.box111 .contact-address, .box111 .contact-phone, .box111 .contact-email{  position: relative;    display: flex;
  margin-bottom: 15px;}
.box111 {position:relative;}
.box111 .contact-info .fa {
  font-size: 25px;
  display: inline-block;
  /*margin-bottom: 10px;*/
  background: #000; color:#fff; width:60px; height:60px; line-height:60px; text-align:center; 
}
.box111 .contact-info i:after {content:'';
    width: 0;
    height: 0;
    border-top: 14px solid transparent;
    border-bottom: 14px solid transparent;
    position: absolute;
    top: 17px;
    left: 60px;transform: rotate(180deg);
    border-right: 14px solid #000;
}
.box111 .cont-cont{text-align: left;  padding-left: 40px; padding-right:10px; text-align:justify;}
.box111 .contact-info address,
.box111 .contact-info p {
  margin-bottom: 0;
  color: #fff;    font-size: 16px;
    line-height: 22px;
}
.modal-title{text-align:left;}
.box111 .contact-info h3 {
  font-size: 18px;
  margin-bottom: 15px;
  font-weight: bold;
  text-transform: uppercase;
  color: #eee; margin-bottom:0;
}

.box111 .contact-info a {
  color: #fff;
}

/*....form....*/
/*....sec-10....*/

.sec-10{background: url(../image/career-bg.jpg) no-repeat;
    /*background-attachment: fixed;*/float:left; width:100%;
    background-size: cover;
    padding: 100px 50px 150px; /*padding-top:40px;*/}
.sec-10 h3{ color:#fff;}
.sec-10 h4{font-size:18px; /*font-weight:bold; */line-height:26px; text-align:center; color:#fff;}
.cta-btn-container {
    margin-top: 30px;
    align-items: center;
}
.cta-btn {
    /*text-transform: uppercase;*/
    font-weight: 700;
    font-size: 14px;
    letter-spacing: 1px;
    padding: 12px 30px;
    border-radius: 50px;
    transition: 0.5s;
    margin: 10px;
    color: #111;
    background: #ccff66;
	border:2px solid #ccff66;
}
.cta-btn:hover {
    background: #111;
    color: #ccff66;
}
/*....sec-10....*/
/* ----------------------------------
ser
--------------------------------------- */


/*ser-box*/
.abt-ser{
  color: #fff;
  background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url(./image/bg2.jpg) fixed center center;
  background-size: cover;
  padding: 60px 0;}
.abt-ser h2{text-align:center; font-weight:600; font-size:36px;margin-bottom: 20px !important;}
.abt-ser .head-sep:before, .abt-ser .head-sep:after{background-color: #111 !important;}
.abt-ser .head-sep u:before{border-left: 2px #000 solid; border-right: 2px #000 solid; border-left-color: #333 !important;}
.abt-ser .head-sep u:after{border-left: 2px #000 solid; border-right: 2px #000 solid; border-right-color: #333 !important;}
.hm-abt{margin-top:20px; margin-bottom:30px;}
.hm-abt h2{padding:10px 0; margin:0}
.hm-abt img{/*margin-top:80px;*/}
.hm-serv-bx {transition: 0.5s;background: #fff;border-bottom: 5px solid #111;margin-top: 30px;margin-bottom: 20px; text-align:center;}
.hm-serv-bx p{padding: 10px 5px;}
.hm-serv-bx-img {height: 240px;overflow: hidden;transition: 0.5s;position: relative;}
.hm-serv-bx-img img {transition: 0.6s ease-in;}
.hm-serv-bx-img h2 {position: absolute;bottom: 0;left: 0;width: 100%;background: rgba(15, 16, 16, 0.95);color: #fff;font-size: 20px;margin: 0;line-height: 26px;transition: 0.5s;padding: 8px 0;text-align: center;}
.hm-serv-bx  .hm-serv-bx-cnt{text-align:justify;min-height: 210px;background: #eee;padding: 0 8px;}
.hm-serv-bx .rd-mr{background:#000; display:inline-block; padding:10px 5px;}
.hm-serv-bx .rd-mr a{color:#fff;}
.abt-ser .left.carousel-control, .abt-ser .right.carousel-control{background-image:none;position: absolute; bottom: -20px;}
.abt-ser .carousel-control{position:absolute; width: 90.5%;}
.carousel-control{opacity: 1 !important;}
.abt-ser .carousel-control-next,.abt-ser .carousel-control-prev{t;top: inherit;bottom: -36px;}
.abt-ser .carousel-control-prev {left: 37%;}
.abt-ser .carousel-control-next {right: 37%;}
.abt-ser .fa-angle-left, .abt-ser .fa-angle-right{background-color: #3c3c3c;width: 70px;height: 42px;display: flex;align-items: center;justify-content: center;font-size: 30px;}

/*ser-box*/
/* ----------------------------------

--------------------------------------- */
/*....footer....*/
footer{
    background: url(./image/bg1.jpg) no-repeat;
    background-attachment: fixed;
    background-size: 100% 100%;
    padding:25px 0px;
    }
footer a, footer a:hover, footer a:focus{color:#fff;}
footer ul{margin:0; padding:0; list-style:none;}
footer .container-fluid li{margin:10px .5%; color:#fff;}	
footer h2{font-size:26px; line-height:36px; text-transform:uppercase; border-bottom:1px dashed #eee; font-weight:bold; color: #fff;}	
footer .container-fluid li li{width:100%; margin:0;font-size: 14px;
    line-height: 28px; transition:.3s; font-weight:500;}
.ul-li li:before {
    content: "\f0a4";
    font-family: fontawesome;
    color: #ccff66;
    margin-right: 10px;
}
footer p{font-size:15px; text-align:justify; line-height:22px; color:#fff; min-height:32px;}
.ft-cont p{line-height:28px; color:#fff;}
footer p a{font-weight:bold; padding:5px 10px; background:#111;}
footer p .fa{font-size:20px; width:40px; height:40px; border:1px solid #fff; text-align:center; color:#fff; line-height:36px; float: left;
    margin-right: 10px;}
footer p:hover .fa{background:#c6ff6b; color:#000;}
footer *{transition: all .5s;}
.img-responsive, img{max-width: 100%;}
#divmainenquiry11 label {
  display: block;
}
.modal-header .btn-close {
 /* background: #c6ff6b;*/
  padding: 5px 10px;
  color: #000;
  opacity: .9;
}
.fx-footer-btn .smt-btn {
  cursor: pointer;
  color: #000;
  background: #c6ff6b;
  padding: 10px 30px;
  line-height: 26px;
  border: 2px solid #000;
  border-radius: 45px;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 1px;
}
.fx-footer-btn{position: relative;z-index: 9999;}
.fx-footer-btn .btn-primary{background: #c6ff6b; padding: 10px 30px;  line-height: 26px; color: #111;position: fixed; bottom: 0px; right: 20px;}
.ul-li li:hover {
    padding-left: 8px;
}
.ul-li li:hover a{
    color:#fff;
}
.copyrht {
    background: #000;
    color: #fff;
    font-size: 14px;
    padding: 8px 0;
}
.copyrht a{
    color: #fff;
}
.social-links .fa {
    margin: 5px;
}

.social-links {
    text-align: center;
}
/*....footer....*/



/*inner-pg*/
.inner-pg .tp-img{position:relative;}
.inner-pg .tp-img:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, #111 , transparent);
    z-index:1; top:0; left:0;    opacity: .5;
}
.inner-pg .innr-pg-heading{position: absolute;color: #fff;top:160px;z-index: 9;left: 100px;font-weight:bold;font-size: 38px;text-transform:uppercase;}
.team-inner-pg .abt-team-bx{margin-top:0;}
.inner-pg .sec{padding-top:30px;}
.inner-pg h2{text-align:center; font-size:35px; font-weight:bold; text-transform:uppercase; margin-bottom:30px;}
.inner-pg p, .inner-pg ul li, .panel-body{text-align:justify; font-size:17px;}
.panel-title{text-align:left; }
.inner-pg .abt-sec-1{background:#3b3838; padding-bottom:50px;}
.inner-pg .abt-sec-1 .section-title{color:#fff;}
.inner-pg .abt-sec-1 p{color:#fff;}
.inner-pg .abt-sec-2{background:#f5f5f5;padding-bottom:50px;}
.inner-pg .abt-sec-2 .nav-tabs .nav-item.show .nav-link, .inner-pg .abt-sec-2 .nav-tabs .nav-link.active {color: #fff;  background-color: #000;  border-color: #eee;
}
.inner-pg .abt-sec-2 .nav-tabs .nav-link{color: #000;  background-color: #fff;  border-color: #dee2e6;}
.inner-pg .abt-sec-3{background:url(../Image/abt-sec-3-bg.jpg); background-size:100% 100%; padding:0 0 20px;}

.inner-pg .abt-sec-3 h3{font-size:30px; text-align: center; margin-top: 50px; color:#fff;}
.inner-pg .abt-sec-3 h4{font-size:24px;margin-top: 50px; padding: 10px;margin-bottom: 85px; line-height: 40px;  text-align: center;  font-style: italic; color:#fff;}
.inner-pg .abt-sec-3 .col-md-5{background:rgba(0,0,0,.35); animation: fadeInRight 1000ms ease-in-out;}
.inner-pg .sec7_class .abt-values h4{min-height:40px;}
.inner-pg .sec7_class .carousel-caption{top:inherit; bottom:0;}
.inner-pg .sec7_class .carousel-caption h2{font-size:35px;animation: fadeInRight 2000ms ease-in-out;}
/*inner-pg*/
/*about us page*/
.member-dilog h2{font-size:40px; text-transform:uppercase; color:#111; line-height:40px; margin-top:100px;}
.member-dilog h2 span{font-size:30px; text-transform:uppercase; color:#333; line-height:40px; font-style:italic; font-weight:400;}
.member-dilog h3{font-size:23px;  color:#222; line-height:40px;}
/*about us page*/

.abt-team-bx{/*display: inline-block;  margin: 0 15px;*/ margin-top:50px; background: #b4b4b4; padding:0;}
.member-cont-bx{text-align:center; background:#eee;  padding-top:20px ;}
.team-inner-pg .col-md-4 h5{ padding: 5px 10px;
    border: 1px solid #fff; font-size: 25px;
    margin: 0;
    line-height: 35px;
    background: #000;}
.team-inner-pg .col-md-4 h5 a{color:#fff;}
.member-cont-bx p{padding:0 30px;}
.member-cont-bx a{color:#fff;}
.member-cont-bx ul{background:#000; color:#fff;padding: 10px 50px;}
.member-cont-bx ul li{transition:.5s; border-bottom: 1px solid #fff;  padding: 3px 0;}
.member-cont-bx ul li:hover{padding-left:10px;}
.member-cont-bx ul li a{color:#fff;}
.member-cont-bx a{color:#333;}
.member-cont-bx .fa{margin-right: 15px;
    border: 1px solid #111;
    padding: 5px;
    width: 30px;
    height: 30px;}
.abt-team-bx img{margin-right:-15px;}
/*ser-inner-pg*/
.panel-title a:after{ content: "-";
    position: absolute;
    right: -2px;
    top: -22px;
    font-size: 51px;}
.panel-title a:after {
    content: "-";
    position: absolute;
    right: -10px;
    top: -22px;
    font-size: 51px;
}
.panel-title a {
    display: block;
    position: relative;font-size: 20px;
    font-weight: bold;
}
.panel-title a.collapsed:after {
    content: "+";
    position: absolute;
    right: -10px;
    top: -5px;
    font-size: 26px;
}
.panel-default>.panel-heading+.panel-collapse>.panel-body{line-height: 24px;}
.inner-pg.ser-inner-pg .accordion-header{margin-bottom: 0;}
.inner-pg.ser-inner-pg .accordion-button{background: #000; color: #fff; font-size: 20px; font-weight: 600;}
.inner-pg.ser-inner-pg .accordion-button:focus{box-shadow: none;}
.inner-pg.ser-inner-pg .accordion-button:not(.collapsed)::after, .inner-pg.ser-inner-pg .accordion-button::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")}
.ser-inner-pg .section-header{padding-top: 10px;}
.container-fluid.ser-inner-pg{margin-bottom:30px;}
.ser-inner-pg img{/*margin-bottom:20px;    height: 250px;*/
    width: 100%;}
.ser-inner-pg .panel-group{text-align:justify;}
/*ser-inner-pg*/

/*widgets7*/
.aside {
    margin-top: 10px;


}
.aside h3 {
    background: #000;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    margin: 0;
    line-height: 36px;
    font-size: 20px;
    color: #fff;
    text-align: center;
    font-weight: bold;
    border-bottom: 1px solid #fff;
}
.aside ul {
    margin: 0;
    padding: 0;
}
.aside ul li {

    border-bottom: 1px solid #fff;
    line-height: 30px;
    padding-left: 20px;
    transition: all .3s;
    list-style: none;
}
.aside ul li a {
    color: #fff;
}
.camn4{background: #222;}
.camn4.active{
  background-color:#666;
  color: white;
}
#WidgetControl7 {margin-top:100px;}
.ser-email-bx {
    background: #eee;
    margin: 0;
    padding: 14px;
}
.ser-email-bx .fa {
    margin-right: 10px;
    border: 1px solid #111;
    padding: 4px;
    width: 25px;
    height: 25px;
}
.ser-email-bx p span {
    font-size: 20px;
}
.ser-email-bx p span span{
    font-size: 18px;
}
.ser-email-bx a {
    color: #111;
}
/*widgets7*/
/*Insights*/
.Insights-inner-pg{background:#eee;}
.Insights-inner-pg .Insights-sec-1 .col-md-4 h4{font-size:20px; min-height:60px; background:#000;    margin: 0;
    color: #fff;
    padding: 5px 10px;}
.Insights-inner-pg .Insights-sec-1 .col-md-4, .Insights-inner-pg .Insights-sec-2 .col-md-4{margin-top: 20px;}
.Insights-inner-pg .section-header p{text-align:center;}
/*Insights*/

/* Contact page
--------------------------------*/
#hm-cont .contact-info {
  padding: 20px;
  text-align: center;
  border: 1px solid #ddd;
}
#hm-cont label{display:block;}
#hm-cont .map-hm-rht .section-header, #hm-cont .map-hm-lft .section-header{
    margin-bottom: 10px;
    padding-top: 0px;
} 
#hm-cont .map-hm-rht .section-header h3, #hm-cont .map-hm-lft .section-header h3{font-size: 24px;
    margin: 0;
} 
#hm-cont .map-hm-rht .smt-btn{    background: #000;
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
    padding: 10px 30px;
    height: inherit;
    border-radius: 40px;
    margin-top: 20px;
    border: 2px solid #ceff63;}
#hm-cont .map-hm-rht .form-control {
    height: 36px;
    margin: 19px 0;
    }
#hm-cont .map-hm-rht select {color:#999;}
#hm-cont .contact-info .fa {
  font-size: 32px;
  display: inline-block;
  /*margin-bottom: 10px;*/
  background: #000;
  color:#fff;
  width: 60px;
  height: 60px;
  line-height: 60px;
  text-align:center;
}
#hm-cont .contact-info i:after {
    content:'';
    width: 0;
    height: 0;
    border-top: 14px solid transparent;
    border-bottom: 14px solid transparent;
    position: absolute;
    top: 18px;
    left: 60px;
    transform: rotate(180deg);
    border-right: 14px solid #000;
}
#hm-cont .cont-cont{text-align: left;padding-left: 25px;padding-right:10px;text-align:justify;margin-bottom: 8px;}
#hm-cont .contact-info address,
#hm-cont .contact-info p {
  margin-bottom: 0;
  color: #000;
}

#hm-cont .contact-info h3 {
  font-size: 18px;
  margin-bottom: 12px;
  font-weight: bold;
  text-transform: uppercase;
  color: #999;
}

#hm-cont .contact-info a {
  color: #000;
}

#hm-cont .contact-info a:hover {
  color: #333;
}

#hm-cont .contact-address,
#hm-cont .contact-phone,
#hm-cont .contact-email {
  margin-bottom: 0;
  position: relative;
  /* min-height: 80px; */
  display: flex;
}

/* Contact page
--------------------------------*/


@media(max-width:1170px){
	.tp-bx{ min-height: 200px;}
}
@media(max-width:991px){
.abt-hm .col-md-4 h4{text-align:center;}
#team .member img{margin:0 auto;}
.sub-bx{display: inline-flex;  width: 100%;}
.ser-sec .ser-bx p{text-align:center;}
footer ul.container-fluid li {
    width: 46%;}
.carousel-caption h2{font-size:30px;}
.banner-sec .carousel-inner .item > img{height:450px;}
.sec-5 .sec-5-bx h5 {text-align:center;}
	.abt-hm .banner-scrol .item .row .col-md-4:nth-child(3){display:none;}
}
@media(max-width:767px){
	.abt-hm .banner-scrol .item .row .col-md-4:nth-child(3){display:block;}
  #hm-cont .contact-info .fa{font-size: 26px;width: 50px; height: 50px; line-height: 50px;}
  #hm-cont .contact-info i:after{top: 11px; left: 43px;}
.ser-sec ul li{width: 46%;}
.ser-sec .ser-bx img{width:100%;border-radius:0;}
footer ul.container-fluid li {
    width: 100%;}
.carousel-caption h2{font-size:25px;}
.banner-sec .carousel-inner .item > img{height:300px;}
.banner-sec:after{opacity:.7;}
.abt-hm .col-sm-6{margin-top:20px; margin-bottom:20px;}

.sec7_class .carousel-caption h2{font-size:25px;animation: fadeInRight 2000ms ease-in-out;}
.inner-pg .innr-pg-heading{position: absolute; color: #fff;  top:160px;z-index: 9; left: 30px; font-weight:bold; font-size:30px; text-transform:uppercase;}
.abt-video-bx1 .member-dilog h2, .abt-video-bx2 .member-dilog h2{ margin-top:10px;text-transform: capitalize; font-size:30px;}
}

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


@media(max-width:580px){

.inner-pg .tp-img img, .abt-inner-pg .tp-img img {
    height: 50vh;
    width: 100%;
}
.ser-sec ul li{width: 96%;}
.carousel-caption h2{font-size:20px;}
.banner-sec .carousel-inner .item > img{height:250px;}
header .head-cntr h2, header .head-rht h2{font-size: 15px;}
header .head-cntr h2 .fa, header .head-rht h2 .fa{font-size: 20px;}
.tp-bx p{font-size: 16px;}
}
@media(max-width:480px){
.carousel-caption h2{font-size:16px;}
header img{max-width:75%;}
.copyrht-lft, .copyrht-rht, .copyrht .col-xs-2{color:#fff; width:100%; text-align:center;}
.box111 .contact-info{margin-left: 0;}
.box111 .cont-cont{padding-left: 20px;}
}

@media(max-width:470px){

  #hm-cont .contact-info .fa{    display: none;}
}
.modal-backdrop.fade {
  position: relative;
  z-index: 99;
}