@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;600;700;800;900&family=Work+Sans:wght@100;200;300;400;500;600;700;800;900&display=swap')

body{ font-family: "Raleway", sans-serif;  font-size: 15px;  color: #333333; line-height: 24px; overflow-x:hidden; margin:0; padding: 0;}

*{ font-family: Raleway !important;}

.fa{ font-family:FontAwesome !important;}

h1,h2,h3,h4,h5,h6{ font-family: "Raleway", sans-serif;}


p{ font-family: "Raleway", sans-serif; font-size: 15px; color:#333; line-height:22px; margin-bottom:10px; text-align:justify; }

img{ max-width:100%;}
:focus{ outline:none;}

/*header*/

header{ padding: 10px 0; position: relative;}
header img{ max-width:100%;}

/*--------------------------------------------------------------
# Services
--------------------------------------------------------------*/

.ser-sec{ background:url(image/ser-bg.jpg); background-size:cover; background-attachment:fixed; padding:100px 0;}
.ser-sec h2{ font-size: 30px; font-weight: 600; color: #fff; text-align: left;}

.ser-sec .nav-pills{background: #e8e1cf;border: 5px #424b4a solid;}
.ser-sec .nav-pills .nav-link.active{ background-color: #424b4a; color: #fff;}
.ser-sec .nav-pills .nav-link{border-radius: 0;color: #424b4a;border-left: 1px #424b4a solid;font-size: 13px;}
.ser-sec .tab-content{ padding-top:50px;}
.ser-sec h3{ margin:0; line-height: 30px; color:#fff; font-size: 22px; font-weight: 700;}
.ser-sec .tab-content ul{ padding-left:20px;}
.ser-sec .tab-content ul li{ color:#fff; font-size: 15px; line-height: 25px; text-align: left;}
.ser-sec .tab-content p{ color:#fff; font-size: 15px; line-height: 25px; text-align: left;}
.ser-sec .tab-content .rd-more{ margin-top:20px;}
.ser-sec .tab-content .rd-more a{ border: 1px dashed #424b4a; padding:10px 15px; background: #e8e1cf; color: #222; text-decoration:none;}


/*--------------------------------------------------------------
# Services
--------------------------------------------------------------*/

.tp-head { background: #424b4a; top: 0;position: absolute;right: 0;}
.tp-head h3{margin:0;font-size:20px;color: #fff;font-weight:bold;line-height: 23px;padding: 35px 30px;display:block;cursor: pointer;}

.tp-head a{ color: #fff;}

.tp-fx-head{ position: fixed; z-index: 9; top: 50%; color: #000; font-weight: bold; left: -58px;}
.tp-fx-head .btn{margin:0;font-size:20px;transform: rotate(90deg);color: #000;font-weight:bold;line-height:25px;padding:10px 20px;display:block;cursor: pointer;background: #e4d5b0;border-top-left-radius:10px;border-top-right-radius:10px;}
.tp-fix a{ color:#fff;}
.tp-fix a:hover{ text-decoration:none;}



/*navbar*/
/*modal*/
.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;}
.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:#87c232; border-radius:40px; transition:.3s;}
.modal-body center input:hover{color:#fff; background:#000;}
.modal-header .close{ /*background: #87c232;*/ padding: 5px 10px; color: #000; opacity:.9;position: absolute; right: 16px;}

.modal{ top:150px; z-index:999999999 !important;}
.modal-content{ padding:15px;}
.modal-backdrop{ z-index:9;}
.modal-open .modal-dialog{z-index:9999;}
.smt-btn {
    cursor: pointer;
    color: #fff;
    background: #ff0000;
    padding: 10px 30px;
    line-height: 26px;
    border: 2px solid #000;
    border-radius: 45px;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 1px;
}

/*modal*/
.smt-btn {
    cursor: pointer;
    color: #fff;
    background: #262626;
    padding: 10px 30px;
    line-height: 26px;
    border: 2px solid #000;
    border-radius: 45px;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 1px;
}
/*modal*/


/*header*/
.banner-main {
    position: relative;
}
/*-----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{ padding:0; position: relative;}
.banner-sec .carousel-inner .item > img { -webkit-animation: zoom 40s;  animation: zoom 40s; width:100%; height:600px;}

.banner-sec .carousel-indicators li{width:20px; height:20px; background-color:#025b65; margin:0; border:5px solid #0391a1;}
.banner-sec .carousel-indicators .active{ background-color:#fff; margin:0; border:5px solid #0391a1;}

/*------carousel capion text displayt--*/
.banner-sec .carousel-caption {
    position: absolute;
    top: 20%;
    color: #fff;
    text-align:left;
	left:10%;
	width:50%;
	/* background: rgba(0,0,0,.85); */
	padding: 20px;
 }
 
.carousel-caption h2{font-size: 65px; /*! font-weight: bold; */ margin-bottom: 16px; text-transform: uppercase; animation: fadeInRight 2000ms ease-in-out;}
.carousel-caption h2 span{color:#fff; display: block;}
.carousel-caption h4{font-size: 22px; font-weight: 300; margin-bottom: 10px; line-height:30px; animation: fadeInRight 2000ms ease-in-out;}
.carousel-caption h4 span{color:#0fa5b6; display: block; font-weight: bold; }

.carousel-caption p{font-size:18px; line-height: 25px; margin-top:50px; animation: fadeInRight 2000ms ease-in-out;}
.carousel-caption p a{font-size:18px; line-height: 25px; color:#fff; background:#0fa5b6; padding:15px 25px; border-radius:40px; border:5px solid #0391a1;text-shadow:none;}
.banner-sec .carousel-control{display:none;}


@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-----*/
/*banner*/


/*banner-bottom*/
.bx-item {
    padding: 30px;
    position: relative;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 0 29px 0 rgba(68, 88, 144, 0.12);
    transition: all 0.3s ease-in-out;
    border-radius: 8px;
    z-index: 1;
    border: 2px dashed #0391a1;
    margin: 10px auto;
    text-align: center;
}
.bx-item::before {
    content: '';
    position: absolute;
    background: #0391a1;
    right: 0;
    left: 0;
    margin: 0 auto;
    bottom: -10px;
    width: 20px;
    height: 20px;
    border-radius: 0px;
    transition: all 0.3s;
    z-index: -1;
    transform: rotate(45deg);
}
.bx-item:hover:before {
    background: #0fa5b6;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    border-radius: 0px;
	transform: rotate(0deg);
}
.bx-item i {
    font-size: 40px;
    color: #0fa5b6;
    margin-bottom: 10px;
}

.bx-item h4 {
    font-size: 20px;
    font-weight: 700;
    margin: 0 0 10px 0;
}

.bx-item p {
    font-size: 15px;
    color: #111;
}

.bx-item a {
    color: #0fa5b6;
}

.bx-item:hover, .bx-item:hover .fa, .bx-item:hover h4, .bx-item:hover p, .bx-item:hover a {
    color: #fff; text-decoration:none;
}

/*banner-bottom*/
/*navbar*/


/*cont-page*/
/*banner-btm*/

#about-hm .hm-abt-lft, .hm-career .hm-abt-lft {
    padding-top: 50px;
}

.banner-btm{ position:relative;}

@media (max-width: 1170px) {
#about-hm .hm-abt-lft, .hm-career .hm-abt-lft, .hm-team .hm-abt-rht {
    padding-top: 50px;
}

}

@media (max-width: 768px) {
.carousel-inner .carousel-item > div {  display: none; }
.carousel-inner .carousel-item > div:first-child {
        display: block;
    }
}


.carousel-inner .carousel-item.active,
.carousel-inner .carousel-item-next,
.carousel-inner .carousel-item-prev {
  display: flex; overflow:hidden; }
	
}	
	

/* display 3 */

.carousel-indicators{ display:none; }
.carousel-item{}
.carousel-inner .carousel-item-right, .carousel-inner .carousel-item-left{ transform: translateX(0);}
.banner-btm .col{ padding:0; margin:0;}
.banner-btm .card{ border-radius:0;border: 1px solid rgba(20,25,80,.5);}
.banner-btm .card-body{ background: rgba(20,150,170,.75); padding:30px 30px; margin: 0; transition:.5s;}
.banner-btm .card-body:hover{ background: #028f9c; }
.banner-btm .card-body a{ color:#fff; font-size:15px; font-weight:600; text-decoration:none;}
.banner-btm .mx-auto{ position: absolute; width: 100%; bottom: 0;}
.carousel-control-prev, .carousel-control-next{ z-index: 0;}

/*banner-btm*/

#HomepagecontentControl_C table{ margin-top:0 !important;}
center #form1 #HomepagecontentControl_C table{ margin-top:0 !important;}

/*hm-abt*/

#about-hm .hm-abt-lft, .hm-career .hm-abt-lft{ padding-top:100px;}
.overlay_img{ position: absolute; width: 100%; height: 100%; background-color: rgb(218,199,149); z-index: 1; transition:1.5s;}
.overlay_img.in-view{ width: 5%; height: 100%; background-color: #424b4a; transition:1.5s;}

.hm-abt .separator-line_left, .hm-team .hm-abt-rht .separator-line_left, .hm-career .separator-line_left{
    width: 70%;
    height: 2px;
    margin: 15px 0;
    opacity: 1;
    background: rgb(163, 163, 163);
    background: -moz-linear-gradient(left, rgba(163, 163, 163, 1) 1%, rgba(255, 255, 255, 1) 100%);
    background: -webkit-linear-gradient(left, rgba(163, 163, 163, 1) 1%, rgba(255, 255, 255, 1) 100%);
    background: linear-gradient(to right, rgba(163, 163, 163, 1) 1%, rgba(255, 255, 255, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#a3a3a3', endColorstr='#ffffff', GradientType=1);
    clear: both;
    float: none;
    display: inline-block;
}

#about-hm  .hm-abt-lft, .hm-career .hm-abt-lft{ text-align:right; padding-right: 50px;}
#about-hm .hm-abt-lft h2{    color: #333;
    font-size: 40px;
    line-height: 1.3;
    float: none;
    letter-spacing: 1px;
    position: relative;}
#about-hm .hm-abt-lft p, .hm-career .hm-abt-lft p{ font-size: 18px;text-align:right;
    font-weight: 300;color: #444;
    letter-spacing: 1px;
    line-height: 30px;}
	
/*hm-abt*/
/*hm-team*/

.hm-team .hm-abt-rht{ padding-top:100px; padding-left: 50px;}
.hm-team .hm-abt-rht p{font-size: 18px;text-align:left; font-weight: 300;color: #444;  letter-spacing: 1px; line-height: 30px;}
	
/*hm-team*/

/*career*/
.map-hm{ padding:50px 0;}
.map-hm .head-main{text-align:center; margin-bottom:20px;}
.map-hm .banner-line{  width: 50%; height: 2px; background: #fff;  margin: 25px auto 15px auto; margin-bottom:40px;
    background: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(200, 200, 200, 1) 51%, rgba(0, 0, 0, 0.02) 99%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(200, 200, 200, 1) 51%, rgba(0, 0, 0, 0.02) 99%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(200, 200, 200, 1) 51%, rgba(0, 0, 0, 0.02) 99%, rgba(0, 0, 0, 0) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#00000000', GradientType=1);}
/*career*/

/*footer*/
footer{ background:#424b4a; color:#fff; padding: 70px 0px 30px; background-image:url(image/footer-bg.jpg); background-attachment:fixed; background-position:top center; background-size:100% 100%;}
footer h3, footer h5 { text-align: left; padding-left: 10px; color:#fff;}
footer p { color: #fff; text-align: left;}

footer .sub-footer ul.socialmedia{ list-style:none; margin:0; padding:0;}
footer ul .socialmedia li { display: inline-block;  padding: 4px; float: left;}
footer .sub-footer p { font-size: 17px; margin-right: 8px;}

footer ul.socialmedia li a { line-height: 40px; width: 40px; height: 40px; background: #fff;
    color: #659099; border-radius: 100%; float: left; text-align: center;
    transition: all 300ms ease-in-out;
}

footer ul.socialmedia li a:hover { 
background: #659099; color: #fff; transition: all 300ms ease-in-out;
}

footer .footer-cntr{border-left: 1px solid #e4d5b0;border-right: 1px solid #e4d5b0;}
footer .footer-cntr .fa{ font-size:20px; line-height:20px; color:#eee; margin-right:10px;}
.footer-rht ul{ list-style:none; padding-left:0; margin:0;}
.footer-rht ul li{ padding: 6px 0px;text-align: left;margin-left: 26px;}
.footer-rht ul li a{ color:#eee; position: relative; padding: 6px 20px; text-decoration: none; transition: all 300ms ease-in-out;}
.footer-rht ul li a:hover{transition:0.5s; color:#fff;}
.footer-rht ul li a:after{content: "\f105";
    position: absolute;
    left: -5px;
    top: 22%;
    display: inline-block;
    font: normal normal normal 16px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

footer .sub-footer{ padding-top: 30px;}

.ft1 p{ text-align:left;}
.ft2 p{ text-align:center;}
.ft3 p{ text-align:right;}



#FooterrControl1_lbl_hitsCounter {
    color: #fff;
}

#FooterrControl1_lbl_hitMessage {
    color: #fff;
}

#FooterrControl1_tr_FooterBackImage td{ height:inherit !important; display: block;}
#FooterrControl1_Footer{ margin-top: -1px !important;}
#FooterrControl1_Footer tbody{ width: 100%; display: block;}
/*footer*/

/*quick-btn*/
.quick-btn{    position: fixed;
    top: 45%;
    right: 0;     z-index: 999;}
	
.quick-btn ul{     margin: 0; position:relative;
    padding: 0;
    list-style: none;
    padding: 6px 6px;
    border-radius: 5px;}
	
.quick-btn ul li{ width: 8px; height: 8px; position: relative; margin: 10px auto;  right: 0;  left: 0; background: #e8d092; border-radius: 50%;  transition:0.5s;}
.quick-btn ul li.active{background:#ccc;border: 8px solid #e4d5b0;position: relative;right: 5px;}	
.quick-btn ul li span{
    position: absolute;
    left: -20px;
    top: -3px;
    background: #e4d5b0;
    color: #fff;
    font-size: 11px;
    padding: 0;
    border-radius: 5px;
    display: none;
    transition: 0.5s;
    width: 58px;
    text-align: center;
    height: 17px;
    line-height: 16px;
    }
	
.quick-btn ul li:hover span{ display:block; transition:0.5s; left: -60px;}	
.quick-btn ul li a{ width: 10px; height: 10px; display: block; transition:0.5s;}
	
/*quick-btn*/
/*main-slider*/

#header .carousel-caption{ top: 25%; bottom: inherit;}
#header .carousel-caption h2{ font-size: 36px; font-weight:600;}
#header .carousel-caption h2 span{ font-size: 50px; font-weight:700;}

/* #header .carousel-caption p{ font-size: 20px; text-align: center; font-weight: 500; color: #fff; letter-spacing: 4px; text-transform: uppercase;} */

.banner-line {  width: 50%; height: 2px; background: #fff;  margin: 25px auto 15px auto;
    background: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, 1) 51%, rgba(0, 0, 0, 0.02) 99%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, 1) 51%, rgba(0, 0, 0, 0.02) 99%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, 1) 51%, rgba(0, 0, 0, 0.02) 99%, rgba(0, 0, 0, 0) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#00000000', GradientType=1);
}

/*main-slider*/
#HeaderControl_C, #HeaderControl{ overflow:inherit !important; height:inherit !important;}
	

@media (min-width: 1366px) {
.carousel-item img{ width:100%; -webkit-animation: zoom 40s;animation: zoom 40s;}

@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);
  }
}

@keyframes MOVE-BG{
	from{-webkit-transform:translateX(0);
	transform:translateX(0);
	-moz-transform:translateX(0);
	-ms-transform:translateX(0);
	-o-transform:translateX(0)}
	to
	{-webkit-transform:translateX(150px);
	transform:translateX(150px);
	-moz-transform:translateX(150px);
	-ms-transform:translateX(150px);
	-o-transform:translateX(150px)}
	}
/*-----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);
  }
}
/*-----carousel zoom effect-----*/


}

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

@media(max-width:1024px){
#header .carousel-caption { top: 10%;}

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

}


@media(max-width:991px){
#header .carousel-caption { top:0%;}
#header .carousel-caption h2 { font-size: 28px;  font-weight: bold;}
}



@media(max-width:767px){

#HeaderControl, #HeaderControl_C{ height: initial !important;}
.tp-lft{display:none;}

.banner-btm .mx-auto{ position: static;}
.quick-btn{ display:none;}
.fix-box{ left:inherit; right: -10px;}
.hm-team .hm-abt-rht, #about-hm .hm-abt-lft, .hm-career .hm-abt-lft{ padding-top: 50px;}
.hm-team, #about-hm, .hm-career{ padding: 50px 0;}

.sub-heading{ Font-size: 16px; text-align:left;}
p{ text-align: left; margin-bottom: 5px;}


}
	
@media(max-width:667px){
	
}
	
@media(max-width:568px){
	
}
	
@media(max-width:480px){
.footer-rht ul li{ font-size: 14px;}

.ft1 p{ text-align:left !important;}
.ft2 p{ text-align:left !important;}
.ft3 p{ text-align:left !important;}

}
	
@media(max-width:375px){
.footer-lft p{ font-size: 14px;}	
.footer-rht ul li a{ padding-left: 5px; margin-left: 5px;}

}