body
{
   font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}


/*Button 1*/


.button_slide {
  color: #FFF;
  background:#36b8e9;
  border: 2px solid #36b8e9);
  border-radius: 0px;
  padding: 20px;
  display: inline-block;
  font-family: "Lucida Console", Monaco, monospace;
  font-size: 14px;
  letter-spacing: 1px;
  margin: 10px 0 10px 0;
  cursor: pointer;
  text-transform: uppercase;
letter-spacing: 5px;
font-size: 12px;
  box-shadow: inset 0 0 0 0 #343a40;
  -webkit-transition: ease-out 0.4s;
  -moz-transition: ease-out 0.4s;
  transition: ease-out 0.4s;
}
@media(min-width:1440px)
{
	.careerbtn{
		    bottom: -8px;
    position: absolute;
	}
	.SecBusi .effect-winston figcaption img
{
    width: 53%;
    vertical-align: middle;
    margin: auto;
	margin-left:69px;
}
.SecBusi .last figcaption img
{
    width: 53%;
    vertical-align: middle;
    margin: auto;
	top: 1px;
	margin-left: 25px;
}
}
@media(max-width:1440px)
{
	.careerbtn{
	bottom: -8px;
    position: absolute;
	}
	.SecBusi .effect-winston figcaption img
{
    width: 53%;
    vertical-align: middle;
    margin: auto;
	margin-left:49px;
}
.SecBusi .last figcaption img
{
    width: 53%;
    vertical-align: middle;
    margin: auto;
	top: 3px;
	margin-left: 13px;
}
}
.slide_righ{
	    z-index: 1;
    position: absolute;
    margin-top: -21px;
}

.slide_down:hover {
  box-shadow: inset 0 100px 0 0 #343a40;
}

.slide_right:hover {
  box-shadow: inset 400px 0 0 0 #343a40;
}

.slide_left:hover {
  box-shadow: inset 0 0 0 50px #343a40;
}

.slide_diagonal:hover {
  box-shadow: inset 400px 50px 0 0 #343a40;
}
.button_slide .fa
{
    padding: 0;
    text-align: right;
    font-size: 20px;
    padding-left: 50px;
}
.button_slide img
{
    padding-left: 50px;
}


/*Button 2*/


.button_slide1 {
  color: #FFF;
  background:#36b8e9;
  border: 2px solid #36b8e9);
  border-radius: 0px;
  padding: 20px;
  display: inline-block;
  font-family: "Lucida Console", Monaco, monospace;
  font-size: 14px;
  letter-spacing: 1px;
  margin: 10px 0 10px 0;
  cursor: pointer;
  text-transform: uppercase;
letter-spacing: 5px;
font-size: 12px;
    width: 60px;
height: 180px;
  box-shadow: inset 0 0 0 0 #343a40;
  -webkit-transition: ease-out 0.4s;
  -moz-transition: ease-out 0.4s;
  transition: ease-out 0.4s;

}
.button_slide1 img
{
    position: absolute;
    right: 37%;
    top: 150px;
}
.slide_down1:hover {
  box-shadow: inset 0 180px 0 0 #343a40;
}

.slide_right1:hover {
  box-shadow: inset 400px 0 0 0 #343a40;
}

.slide_left1:hover {
  box-shadow: inset 0 0 0 50px #343a40;
}

.slide_diagonal1:hover {
  box-shadow: inset 400px 50px 0 0 #343a40;
}
.button_slide1 .fa
{
    padding: 0;
    text-align: right;
    font-size: 20px;
    padding-left: 50px;
}
.button_slide1 img
{
    padding-left: 50px;
}

/*.btn1 button {
    background: #36b8e9;
    border: 1px solid #36b8e9;
    color: #fff;
    padding: 15px 15px 15px 15px;
    letter-spacing: 5px;
    text-transform: uppercase;
    font-size: 14px;
    margin: 10px 0 10px 0;
}
.btn1 button .fa
{
    padding: 0;
    text-align: right;
    font-size: 20px;
    padding-left: 50px;
}*/
/*
.btn {
    border: none;
    font-family: inherit;
    font-size: inherit;
    color: inherit;
    background: none;
    cursor: pointer;
    padding: 25px 80px;
    display: inline-block;
    margin: 15px 30px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 700;
    outline: none;
    position: relative;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.btn-1 {
    border: 3px solid #fff;
    color: #fff;
}
.btn-1c::after {
    width: 0%;
    height: 100%;
    top: 0;
    left: 0;
    background: #fff;
}
.btn::after {
    content: '';
    position: absolute;
    z-index: -1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
*/


.btn2 button
{
    /*border-bottom: 50px solid #fff;
	border-left: 0 solid transparent;
	border-right: 25px solid transparent;
	height: 0;
	width: 80%;*/
    background: #fff;
    color: #36b8e9;
    border: 1px solid #fff;
    font-size: 14px;
    padding: 7px;
    cursor: pointer;
    transition: 0.5s ease;
}
.btn2 button:hover
{
    /*border-bottom: 50px solid #fff;
	border-left: 0 solid transparent;
	border-right: 25px solid transparent;
	height: 0;
	width: 80%;*/
    background: #a1e5ff;
    color: #36b8e9;
    border: 1px solid #a1e5ff;
}


/*verticleDevider*/
.verticleDevider
{
    width: 1px;
    height: 40px;
    background: #006776;
    margin: auto;
}
.verticleDevider1
{
    width: 1px;
    height: 40px;
    background: #fff;
    margin: auto;
}
.verticleDevider2
{
    width: 1px;
    height: 40px;
    background: #36b8e9;
    margin: auto;
}
.HorizontaleDevider
{
    width: 100px;
    height: 1px;
    background: #006776;
    margin: auto;
    margin-bottom: 25px;
}
.HorizontaleDevider1
{
    width: 100px;
    height: 1px;
    background: #fff;
    margin: auto;
    margin-bottom: 25px;
}
.heading1
{
    font-size: 28px;
    letter-spacing: 3px;
	    margin-bottom: 2px;
   /*  color: #006776; */
    text-align: center;
    text-transform: uppercase;
	padding-top: 10px;
	color: #333;
	font-family: Copperplate Gothic Bold;
	/* font-family: 'Roboto', sans-serif; */

}

.heading2
{
    text-align: center;
    color: #333;
    letter-spacing: 1px;
    line-height: 40px;
    font-size: 26px;
    font-weight: 100;
    padding-bottom: 6px;
	font-family: franklin gothic book;
}
#myNav .nav-link
{
    color: #fff;
    border-bottom: 1px solid transparent;
}


@media(max-width:800px)
{
    #myNav .navbar-nav li
    {
        display: flex;
    }
    #myNav .navbar-nav
    {
        display: flex;
    }
}
@media(min-width:800px)
{
    #myNav .navbar-nav li
    {
        display: block;
        padding: 5px;
    }
    #myNav .navbar-nav
    {
        display: block;
    }
}
.menuDrop
{
    border-left: 1px solid #888;
    height: 100vh;
}
#myNav .navbar-nav {
    list-style: none;
    text-align: right;
}
#myNav .dropdown-menu::before {
    content: "";
    height: 3000px;
    width: 100%;
    position: absolute;
    top: -1000px;
    bottom: 0;
    left: 0;
    background-color: #1f1f1f;
    z-index: -1;
}

 #myNav .bg-dark1 {

    background-color: transparent;
     position: absolute;
right:0;

}
#myNav .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 1rem;
    padding-left: 1rem;
	
}
.divider{
	border-bottom: 1px solid #fff;
}
#myNav .dropdown-menu {
    position: absolute;
    left: -100%;
    top: -100%;
    z-index: 1000;
    display: none;
    width: 100%;
    float: left;
    min-width: 10rem;
    padding: .5rem 0;
    margin: .125rem 0 0;
    font-size: 1rem;
    color: #fff;
    text-align: left;
    list-style: none;
    background-color: #000;
    background-clip: padding-box;
    border-top: 1px solid rgba(255, 255, 255, 0.31);
    border-right: 0;
    border-left: 0;
    border-bottom: 0;
    border-radius: 0;
    transition: 0.5s ease;
}

#myNav .dropdown-item {

    display: block;
    width: 100%;
    padding: .5rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #fff;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
    text-align: right;
    transition: 0.5s ease;
	border-bottom:1px solid #fff;

}

#myNav .dropdown-item:focus, #myNav .dropdown-item:hover {

    color: #36b8e9;
    text-decoration: none;
    background-color: transparent;

}
#myNav .navbar-dark .navbar-nav .nav-link:focus, #myNav .navbar-dark .navbar-nav .nav-link:hover {

    color: #36b8e9;
   /*  border-bottom: 1px solid #36b8e9; */

}
#myNav .navbar-dark .navbar-nav .active > .nav-link, #myNav .navbar-dark .navbar-nav .nav-link.active, #myNav .navbar-dark .navbar-nav .nav-link.show, #myNav .navbar-dark .navbar-nav .show > .nav-link {
    color: #36b8e9;
}

#myNav .dropdown:hover>.dropdown-menu {
  display: block;
}



/*Footer*/

.footer
{
    /* background-image: linear-gradient(to right, #07505e , #0e6f7d); */
	background:#333;
    color: #FFF;
    padding-top: 20px;
    padding-bottom: 50px;
}
.footer .ft
{
    padding-top: 30px;
}
.footer .ft li
{
    display: inline-block;
    color: #fff;
    text-align: center;
    padding: 15px 30px 15px 30px;
}

.footer .ft li > a
{
    text-align: center;
    color: #fff;
    letter-spacing: 1px;
    font-weight: 400;
    transition: 0.5s ease;
}
.footer .ft li > a:hover
{
    color: #36b8e9;
    text-decoration-line: none;
}

/* .ft, .ftimg, .ftsocialMedia, .ftbottomMenu
{
    text-align: center;
} */
.footer .ftimg img
{
    vertical-align: middle;
    margin: auto;
    width: 188px;
    padding-top: 30px;
	padding-left: 15px;
}

.footer .ftsocialMedia
{
    padding-top: 21px;
	text-align: center;
	padding-right: 0;
}
.footer .ftsocialMedia li > a
{
    display: inline-block;
    color: #fff;
	border:2px solid #ccc;
	border-radius:50px;
    text-align: center;
    padding: 7px 11px 7px 16px;
    font-size: 20px;
    transition: 0.5s ease;
}
.footer .ftsocialMedia li > a:hover
{
    color: #36b8e9;
    text-decoration-line: none;
}

.footer .ftsocialMedia li
{
    display: inline-block;
}
.footer .ftCopyRight
{
    padding-top: 70px;
}
.footer .ftCopyRight p
{
    text-align: center;
    font-size: 13px;
}
.footer .ftbottomMenu li
{
    display: inline-block;
    color: #fff;
    text-align: center;
    padding: 15px 15px 15px 15px;
    font-size: 13px;
    
}
.footer .ftbottomMenu li a
{
    text-align: center;
    color: #fff;
    letter-spacing: 1px;
    transition: 0.5s ease;
}

.footer .ftbottomMenu li a:hover
{
    color: #36b8e9;
    text-decoration-line: none;
}



/*Slider*/

.mainSlider .carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
    height: 700px;
}
.mainSlider .carousel-control-next, .mainSlider .carousel-control-prev {
    position: absolute;
    top: 70%;
    bottom: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 5%;
    color: #fff;
    text-align: center;
    opacity: 1;
    font-size: 35px;
}
.mainSlider .carousel-control-next {
    left: 175px;
}
.mainSlider .carousel-control-prev {
    left: 100px;
}
.mainSlider .left
{
    background: #343a40;
    padding: 20px;
}

.mainSlider .right
{
    background: #242323;
    padding: 20px;
}



.mainSlider  .carousel-caption {
    position: absolute;
    top: 40%;
    left: 48%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: left;
    right: 0;
}
.mainSlider .Cbox1
{
    background: rgba(200,200,200,0.5);
    padding: 10px;
    border-top: 3px solid #333;
}
.mainSlider .Cbox2
{
    background: #343a40;
    padding: 10px;
    margin-top: 10px;
}
.mainSlider .Cbox1 h4
{
   color: #fff;
    font-weight: 900;
    font-size: 35px;
	font-family:forza;
	text-transform:uppercase;

}
.mainSlider .Cbox1 h5
{
   color: #000;
    font-weight: bolder;
    font-size: 31px;
	font-family:forza;
	text-transform:uppercase;
	font-weight: 900;
}

/*----------------Bussiness & Sector----------*/



figure.effect-winston {
	background: #162633;
	text-align: left;
}

/* figure.effect-winston .img {
	-webkit-transition: opacity 0.45s;
	transition: opacity 0.45s;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
} */

figure.effect-winston figcaption::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../img/triangle.svg) no-repeat center center;
	background-size: 100% 100%;
	content: '';
	-webkit-transition:  0.45s;
	transition: 0.45s;

}

figure.effect-winston h2 {
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,20px,0);
	transform: translate3d(0,20px,0);
}
figure.effect-winston h4 {
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,20px,0);
	transform: translate3d(0,20px,0);
}


figure.effect-winston p {
}

figure.effect-winston a {
	margin: 0 10px;
	color: #5d504f;
	font-size: 170%;
}

figure.effect-winston a:hover,
figure.effect-winston a:focus {
	color: #00677685;
}

figure.effect-winston p a button {
	opacity: 0;
    margin-top: 30px;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,50px,0);
	transform: translate3d(0,50px,0);
}

/*figure.effect-winston:hover img {
	background: red;
}*/

figure.effect-winston:hover h2 {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
figure.effect-winston:hover h4 {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}


figure.effect-winston:hover figcaption::before {
    background-color: #36b8e950;
}

figure.effect-winston:hover p button {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-winston:hover figcaption img{
		display:block;
		position:absolute;
		margin-top: 13px;
}

figure.last:hover figcaption img{
		display:block;
		position:absolute;
}

figure.effect-winston > figcaption img{
	display:none;
}

figure.effect-winston:hover p a:nth-child(3) button {
	-webkit-transition-delay: 0.05s;
	transition-delay: 0.05s;
}

figure.effect-winston:hover p a:nth-child(2) button {
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}

figure.effect-winston:hover p a:first-child button {
	-webkit-transition-delay: 0.15s;
	transition-delay: 0.15s;
}

/*dding: 1em 0 4em;
	max-width: 1000px;
	list-style: none;
	text-align: center;
}*/

/* Common style */
.SecBusi
{
   /*  margin-top: 60px; */
    /* margin-bottom: 60px; */
	background:#fff;
}

.grid figure {
	position: relative;
	overflow: hidden;
    width: 100%;
	background: #000;
	text-align: center;
    margin-bottom: 0;
}

.grid figure .img {
	display: block;
	opacity: 0.6;
    width: 100%;
}

.grid figure figcaption {
	padding: 1em;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
	pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}
@media (min-width: 1440px) {
	.grid figure h2 {
		word-spacing: 0.15em;
		font-weight: 300;
		/* padding-top: 15px; */
		padding-top: 130px;
		font-size: 25px;
	}
}
@media (max-width: 1440px) {
	.grid figure h2 {
		word-spacing: 0.15em;
		font-weight: 300;
		/* padding-top: 15px; */
		padding-top: 85px;
		font-size: 25px;
	}
}
.grid figure h2 span {
	font-weight: 800;
}

.grid figure h2,
.grid figure p {
	margin: 0;
}
.grid figure h4 {
	word-spacing: 7px;
	font-weight: 300;
    /* padding-top: 15px; */
	padding-top: 45px;
    font-size: 13px;
}

.grid figure h4 span {
	font-weight: 800;
}

.grid figure h4,
.grid figure p {
	margin: 0;
}


.grid figure p {
	letter-spacing: 1px;
	font-size: 68.5%;
}

.effect-winston .divder
{
    width: 100px;
    height: 5px;
    background: #36b8e9;
   /*  margin-top:13px;
	margin-left:40px; */
	margin:auto;
    transition: 0.35s;
    -webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,20px,0);
	transform: translate3d(0,20px,0);
    
}

/* figure.effect-winston:hover .divder {
    background: #fff;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
} */


/*who We are*/

.Who-we-are
{
    padding-bottom: 50px;
    padding-top: 10px;
   /* background: #e4e4e4;  */
     background:#000000; 
    
}
.Who-we-are h3
{
    text-align: center;
    /* color: #535353; */
    letter-spacing: 1px;
	 color: #fff;
    line-height: 40px;
    font-size: 28px;
    font-weight: 100;
    font-family: Copperplate Gothic Bold; 
    /* font-family: 'Roboto', sans-serif; */
}

.Who-we-are .headtext
{
   /*  color: #5f5f5f; */
    color: #fff;
    letter-spacing: 1px;
    line-height: 25px;
    font-size: 15px;
    font-weight: 100;
	/* font-family:Franklin Gothic Book; */
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
   
}
.Who-we-are-slide1
{
    padding-left: 50px;
}
.Who-we-are-slide2
{
    padding-right: 50px;
}

.hwaSlidBox
{
    background: #00677685;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    padding: 100px;
    margin: auto;
}
.hwaSlidBox h1
{
    color: #36b8e9;
    letter-spacing: 1px;
    padding: 5px;
}
.hwaSlidBox h5
{
    color: #36b8e9;
    letter-spacing: 1px;
    padding: 5px;
}
.hwaSlidBox h4
{
    color: #36b8e9;
    letter-spacing: 1px;
    padding: 5px;
}
.Who-we-are-slide2 .carousel
{
    -webkit-box-shadow: 0px 0px 34px 0px rgba(0,0,0,0.38);
-moz-box-shadow: 0px 0px 34px 0px rgba(0,0,0,0.38);
box-shadow: 0px 0px 34px 0px rgba(0,0,0,0.38);
}

/*slider 2*/

.hwaslide2 .carousel-control-next, .hwaslide2 .carousel-control-prev {
    position: absolute;
    top: 70%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 5%;
    color: #fff;
    text-align: center;
    opacity: 1;
    font-size: 35px;
}
.hwaslide2 .carousel-control-next {
    left: -15px;
    bottom: 70px;
}
.hwaslide2 .carousel-control-prev {
    left: -15px;
    bottom: -80px;
}
.hwaslide2 .left
{
    background: #343a40;
    padding: 20px;
}

.hwaslide2 .right
{
    background: #36b8e9;
    padding: 20px;
}

.hwabox1 .hs1
{
    color: #fff;
    font-weight: normal;
    font-size: 17px;
    letter-spacing: 3px;
    text-align: left;
}
.hwabox1 .hs2
{
    color: #fff;
    font-weight: bold;
    font-size: 18px;
    letter-spacing: 1px;
    text-align: left;
/*     padding-left: 10px; */
}
.hwabox1 .hs3
{
    color: #36b8e9;
    font-weight: normal;
    font-size: 18px;
    letter-spacing: 0px;
    text-align: left;
/*     padding-left: 20px; */
}
.hwabox1
{
    position: absolute;
    bottom: -20px;
    right: -115px;
    padding: 25px;
    background: #36b8e97a;
    width: 65%;
}

/*Get In Touch*/

.GetInTouch
{
    margin-top: 50px;
    margin-bottom: 50px;
    text-align: center;
}
.GetInTouch h3
{
    letter-spacing: 3px;
    margin-top: 35px;
    margin-bottom: 0px;
	font-family: Copperplate Gothic Bold;
}

.GetInTouch p
{
    color: #666;
    font-size: 15px;
    letter-spacing: 1px;
    font-size: 16px;
    margin-bottom: 30px;
}


/*Latest News */


.latestNews
{
    margin:0;
    background: url(../images/post-block-bg.jpg)0 100% no-repeat;
    padding: 0px 5px 0px 0px; 
}
.latestNews .LNimg-col
{
    padding: 0;
}


.NewsImgBox {
  position: relative;
  width: 100%;
}

.image {
  display: block;
  width: 100%;
      height: 920px;
    padding-top: 24px;
}

.overlay {
  position: absolute;
  padding: 0;
  bottom: 0;
  left: 0;
  right: 0;
/*   background-color: #0009; */
	 background: url(../images/worldmap3.png);
	     background-color: #0009;
  overflow: hidden;
  width: 0;
  height: 100%;
  transition: .3s ease;
}

.NewsImgBox:hover .overlay {
  width: 100%;
}

.overlay1 {
  position: absolute;
  padding: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #0009;
  overflow: hidden;
  width: 0;
  height: 100%;
  transition: .3s ease;
}
.overlay2 {
  position: absolute;
  padding: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #0009;
  overflow: hidden;
  width: 0;
  height: 100%;
  transition: .3s ease;
}
.clients:hover .overlay1 {
  width: 100%;
}

.text {
  color: white;
  margin: 20px;
  font-size: 20px;
  top: 30%;
	position: relative;
    text-align: center;
	margin-top: 30%;
}

.text1:hover{
	font-size:14px;
}

.text01 {
  color: #36b8e9;
  font-size: 35px;
  position: absolute;
  top: 40%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  white-space: nowrap;
}


.NewsImgBox .dateBox
{
    position: absolute;
    top: 0;
    left: 0;
    background-image: linear-gradient(to bottom, #0e6f7d , #07505e);
    padding: 10px 15px;
    margin: 0;
    text-align: center;
    color: #fff;
}

.NewsImgBox .dateBox h4
{
    margin: 0;
    color: #fff;
    font-size: 22px;
    font-weight: bold;
}
.NewsImgBox .dateBox h5
{
    margin: 0;
    color: #36b8e9;
    font-size: 20px;
    text-transform: uppercase;
}
 .LNimg-col li
{
    display: inline-block;
    color: #006776;
    font-size: 30px;
    padding-right: 30px;
}
 .LNimg-col li a
{
    color: #075160;
    transition: 0.5s ease;
}
 .LNimg-col li a:hover
{
    color: #333;
    text-decoration-line: none
}
.LNimg-col .folowtxt2
{
    color: #075160;
    font-size: 19px;
    margin: 30px;
    padding-left: 10px;
    text-align:left;
}
.LNimg-col .folowtxt
{
    color: #666;
    font-size: 18px;
    padding-left: 40px;
    letter-spacing: 2px;
    text-align:left;
}


/*5 column grid System*/


.col-xs-5-cols,
.col-sm-5-cols,
.col-md-5-cols,
.col-lg-5-cols {
  position: relative;
  min-height: 1px;
  padding:.15625rem;
}

.col-xs-5-cols {
  width: 20%;
  float: left;
}

@media (min-width: 768px) {
  .col-sm-5-cols {
      width: 20%;
      float: left;
  }
}

@media (min-width: 992px) {
  .col-md-5-cols {
      width: 25%;
      float: left;
  }
}

@media (min-width: 1200px) {
  .col-lg-5-cols {
      width: 20%;
      float: left;
  }
}




/*counter Text*/
.counter
{
    background: #0b6270;
}
.counter-Txt 
{
    text-align: center;
    margin: auto;
}
.counter-Txt .fa
{
    text-align:center; 
    font-size:20px; 
    font-weight:bold; 
    text-transform:uppercase; 
    margin-top:20px;
    color: #333;
    font-size: 40px;
}
.counter-Txt span
{
    display: block;
    font-size: 50px;
    color: #fff;
    text-align: center;
}
.counter-Txt p
{
    text-align: center;
    font-size: 20px;
    font-weight: normal;
    margin-top: 0;
    color: #fff;
}

.counter .head h1
{
    text-align: center;
    letter-spacing: 2px;
    padding-bottom: 20px;
    margin: auto;
}
.counter .head h4
{
    text-align: center;
    letter-spacing: 1px;
    padding-bottom: 20px;
    color: #93afc1;
    line-height: 40px;
    margin-bottom: 20px;
}
.counter .head h4 > span
{
    text-align: center;
    letter-spacing: 1px;
    padding-bottom: 20px;
    color: #333;
    font-weight: bold;
}


.commonHeading
{
    text-align: center;
    letter-spacing: 2px;
}


/*page Contet*/

/* CSS used here will be applied after bootstrap.css */

header {
    min-height: 300px;
}

section {
    min-height:calc(100% - 70px);
}

.affix {
  position: fixed;
  top:0;
  width: 100%;
  opacity: 1;
}

.affix-top {
  position: static;
  opacity: 0.8;
}



/*Layer Menu bar*/



.menu-overlay 
{
    height: 0%;
    width: 45%;
    position: fixed;
    z-index: 10;
    top: 0;
    right: 0;
    /*background-color: rgb(0,0,0);*/
    background-image: url('../images/cbg.jpg');
    overflow-y: hidden;
    transition: 0.3s;
}
.menu-overlay:before 
{
    content: "";
    background: rgba(0, 0, 0, 0.72);;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.overlay-content 
{
    position: relative;
    top: 5%;
    width: 100%;
    margin-top: 30px;
    display: inline-block;
}

.menu-overlay a 
{
    text-decoration: none;
    font-size: 20px;
    display: inline-block;
    transition: 0.3s;
}

.menu-overlay a:hover, .menu-overlay a:focus 
{
    color: #36b8e9;
}

/*.menu-overlay .closebtn 
{
    position: absolute;
    right: 70px;
    height:60px;
    top: 70px
}

@media screen and (max-height: 450px) 
{
    .menu-overlay {overflow-y: auto;}
    .menu-overlay a {font-size: 20px}
    .menu-overlay .closebtn 
    {
        font-size: 40px;
        right: 70px;
        height:60px;
        top: 70px;
    }
}*/
.header
{
    background: #fff;
    height: 80px;
    position: fixed;
    z-index: 9;
    width: 100%;
    height: auto;
    -webkit-box-shadow: 0px 2px 18px -8px rgba(0,0,0,0.64);
    -moz-box-shadow: 0px 2px 18px -8px rgba(0,0,0,0.64);
    box-shadow: 0px 2px 18px -8px rgba(0,0,0,0.64);
}
.menu-icon
{
    padding-top: 20px;
}
.header .line1
{
    border-bottom: 1px solid #333;
    width: 30px;
    height: 1px;
    padding-top: 10px;
    transition: 0.5s ease;
}
.menu-txt
{
    color: #333;
    letter-spacing: 2px;
    font-size: 16px;
    position: absolute;
    left: 80px;
    top: 35%;
    transition: 0.5s ease;
}
.menusec:hover .line1
{
    border-bottom: 1px solid #fff;
}
.menusec:hover .menu-txt
{
    color: #fff;

}

.menusec
{
    width: 100%;
    background: #fff;
    height: 100%;
    padding-bottom: 30px;
    padding-left: 30px;
    transition: 0.5s ease;
    border-left: 1px solid #ccc;
}
.menusec:hover
{
    background: #1e636f;
}

.header img
{
    /*position: absolute;
    top: 5px;
    right: 30px;*/
    padding: 5px;
    width: 18%;
}

.caseStudy
{
    color: #333;
    letter-spacing: 1px;
    font-size: 12px;
    position: absolute;
    left: 45%;
    top: 35%;
    transition: 0.5s ease;
    font-weight: bold;
    text-align: center;
	font-family: 'Roboto', sans-serif;
}
.clsbtnmain{
    width: 60px;
    height: 60px;
}
.closebtn .clsLine1
{
    border-bottom: 1px solid #fff;
    width: 30px;
    height: 1px;
    transform: rotate(-45deg);
    position: absolute;
    top:50%;
    right:50%;
    left: 30%;

}
.closebtn .clsLine2
{
    border-bottom: 1px solid #fff;
    width: 30px;
    height: 1px;
    transform: rotate(45deg);
    position: absolute;
    top:50%;
    right:50%;
    left: 30%;
}
.menu-overlay .closebtn {
    position: absolute;
    top: 20px;
    right: 45px;
    font-size: 60px;
}


.menu-overlay .closebtn {
    position: absolute;
    top: 20px;
    right: 45px;
    font-size: 60px;
}

@media screen and (max-height: 450px) {
  .menu-overlay {overflow-y: auto;}
  .menu-overlay a {font-size: 20px}
  .menu-overlay .closebtn {
    font-size: 40px;
    top: 15px;
    right: 35px;
  }
}


.closebtn:hover .clsLine2
{
    border-bottom: 1px solid #36b8e9;
}
.closebtn:hover .clsLine1
{
    border-bottom: 1px solid #36b8e9;
    
}
.closebtn:hover
{
    content: 'Close';
    
}

/*inner page content*/

.PageContent
{
    background: fixed;

    
}

.PageContent .bgcolor
{
    background-color: #04445099;

}
@media (max-width:800px)
{
    .PageContent .scontent
    {
        margin-top: 100px;
        margin-left: 10px;
        margin-right: 10px;
        margin-bottom: 50px;
    }
}
@media (min-width:800px)
{
    .PageContent .scontent
    {
        margin-top: 400px;
        margin-left: 50px;
        margin-right: 50px;
        margin-bottom: 200px;
    }
}
.scontent h4
{
    color: #36b8e9;
    background: #000;
    padding: 10px;
    letter-spacing: 1px;
}
.scontent h2
{
    background: #004c5c;
    padding: 10px;
    color: #fff;
    font-size: 28px;
    line-height: 35px;
    letter-spacing: 1px;
    
}

#subMenu
{
    margin-top: -80px;
}
#subMenu .bg-dark {
    background-color: #004c5c99 !important;
    min-height: 80px;
}
#subMenu .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 2rem;
    padding-left: 2rem;
}
#subMenu .nav-link {
    display: block;
    padding: .5rem 1rem;
    padding-right: 1rem;
    padding-left: 1rem;
    font-size: 16px;
    letter-spacing: 1px;
    text-transform: uppercase;
}


/*Page COntent Body*/


.pageContentBody .Head
{
    margin-top: 50px;
}

.pageContentBody .paragraph
{
    margin-top:-30px;
}

.pageContentBody .paragraph p
{
    color: #5f5f5f;
    letter-spacing: 1px;
    line-height: 25px;
    font-size: 15px;
    font-weight: 100;
    padding-top: 30px;
    text-align: center;
}
.heading11
{
    font-size: 14px;
    letter-spacing: 3px;
    color: #006776;
    text-align: center;
    text-transform: uppercase;
}

.heading22
{
    text-align: center;
    color: #535353;
    letter-spacing: 1px;
    line-height: 30px;
    font-size: 20px;
    font-weight: 100;
    padding-bottom: 30px;
}

.InnerslideBtn
{
    position: absolute;
    bottom: 0;
    right: 50px;
    z-index: 1;
    transition: 0.5s ease;
}

.InnerslideBtn:hover 
{
    bottom: -50;
}





/*Overlay Menu 2*/

/*Layer Menu bar*/



.menu-overlay1
{
    height: 0%;
    width: 100%;
    position: fixed;
    z-index: 10;
    top: 83px;
    left: 0;
    /*background-color: rgb(0,0,0);*/
    overflow-y: hidden;
    transition: 0.3s;
}
.menu-overlay1:before 
{
    content: "";
    background: rgba(255, 255, 255, 0.42);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.overlay-content1 
{
    position: relative;
    width: 100%;
    display: inline-block;
}

.menu-overlay1 a 
{
    text-decoration: none;
    font-size: 20px;
    display: inline-block;
    transition: 0.3s;
    position: absolute;
}

.menu-overlay1 a:hover, .menu-overlay1 a:focus 
{
    color: #36b8e9;
}

.clsbtnmain{
    width: 60px;
    height: 60px;
}
.closebtn .clsLine1
{
    border-bottom: 1px solid #fff;
    width: 30px;
    height: 1px;
    transform: rotate(-45deg);
    position: absolute;
    top:50%;
    right:50%;
    left: 30%;

}
.closebtn .clsLine2
{
    border-bottom: 1px solid #fff;
    width: 30px;
    height: 1px;
    transform: rotate(45deg);
    position: absolute;
    top:50%;
    right:50%;
    left: 30%;
}
.menu-overlay .closebtn {
    position: absolute;
    top: 20px;
    right: 45px;
    font-size: 60px;
}


.menu-overlay .closebtn {
    position: absolute;
    top: 20px;
    right: 45px;
    font-size: 60px;
}

@media screen and (max-height: 450px) {
  .menu-overlay1 {overflow-y: auto;}
  .menu-overlay1 a {font-size: 20px}
  .menu-overlay1 .closebtn {
    font-size: 40px;
    top: 15px;
    right: 35px;
      position: absolute;
  }
}


.closebtn:hover .clsLine2
{
    border-bottom: 1px solid #36b8e9;
}
.closebtn:hover .clsLine1
{
    border-bottom: 1px solid #36b8e9;
    
}
.closebtn:hover
{
    content: 'Close';
    
}



/*topSecondMenu*/
.topSecondMenuBox
{
    width: 100%;
overflow-x: scroll;
display: flex;
}
.topSecondMenu
{
    display: inline-block;
}
.topSecondMenu .imgBox
{
    width: 300px;
}

.topSecondMenu .imgBox img
{
    width: 100%;
}

.topSecondMenu .overlayBox
{
    
    width: 300px;
    background: rgba(30, 30, 30, 0.7);
    position: absolute;
    transition: 0.5s ease;
}
.topSecondMenu h5
{
    padding-left: 10px;
    padding-right: 10px;
    color: #fff;
    margin-top: 25%;
    margin-bottom: 29%;

}
.topSecondMenuBox li
{
    display: inline-block
}

.outerbox
{
    position: relative;
}
.topSecondMenu:hover .overlayBox
{
    background: rgba(30, 30, 30, 0.9);
}





/*career*/

.cartext h2	{
    text-align: justify;
    letter-spacing: 0;
    line-height: 36px; 
    font-size: 16px;
	color:#ffffffed;
	padding-left:25px;
	padding-right:35px;
	/* font-family: 'PT Sans', sans-serif !important; */
	/* font-family: Palatino Typeeleven; */
	font-family:Franklin Gothic Book; 
	
}
.cartext h2	span{
    text-align: justify;
    letter-spacing: 0;
    line-height: 36px; 
    font-size: 16px!important;
	color:#ffffffed;
	padding-left:25px;
	padding-right:35px;
	/* font-family: "Helvetica Neue",Helvetica,Arial,sans-serif!important; */
	/* font-family: Palatino Typeeleven; */
	font-family:Franklin Gothic Book; 
}
.cartext p	span{
    text-align: justify;
    letter-spacing: 0;
    line-height: 36px; 
    font-size: 16px!important;
	color:#ffffffed;
	padding-left:25px;
	padding-right:35px;
	/* font-family: Palatino Typeeleven; */
	font-family:Franklin Gothic Book; 
}
.cartext h2 p span{
    text-align: justify;
    letter-spacing: 0;
    line-height: 36px; 
    font-size: 16px!important;
	color:#ffffffed;
	padding-left:25px;
	padding-right:35px;
	/* font-family: Palatino Typeeleven; */
	font-family:Franklin Gothic Book; 
}
.cartext p	{
   
    color: #fff;
    letter-spacing: 1px;
    line-height: 29px;
    font-size: 16px;
    font-weight: 100;
	padding-top: 20px;
	padding-left:0px;
	/* font-family: Palatino Typeeleven; */
	font-family:Franklin Gothic Book; 
	
}
.cartext{
	    background: -webkit-linear-gradient(left bottom, rgb(60, 127, 57), rgb(125, 192, 75));
}
.Clientslideouter
{
    background: url('../images/slidebg1.png');
}
.Clientslideinner
{
    background: #00000080;
}


.latestNews .slideimg img
{
    width: 100px;
}

/*Time Line SLider*/
.timeLineSlider .carousel-control-next-icon, .timeLineSlider .carousel-control-prev-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: #000 no-repeat center center;
        background-image: none;
        background-size: auto auto;
    background-size: 100% 100%;
}
.timeLineSlider
{
    margin: 20px;
}
.timeLineSlider h5
{
    text-align: center;
    margin: 10px;
    letter-spacing: 1px;
    font-size: 16px;
}



.searchh{
	    display: inline;
    font-size: 22px;
    padding: 30px;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
	padding-bottom:35px;
	    transition: 0.5s ease;
   
}
.searchh:hover{
    background: #1e636f;
	color:#fff;
	z-index:9999999999999999999999;
}

.intro h5{
	text-align:left;
	
}
.intro{
	padding-left:0;
}
.imag{
	padding-right:0;
	padding-left:67px;
}

 .cols1{
	width:20%;
}

.tft h3{
	padding-top:15px;
}
.tft li{
	list-style:none;
	
}
.tft li a{
	
	color:#ffffff;
}

.tftp li{
	margin-top:20px;
	list-style:none;
}
.tftp li a{
	
	color:#ffffff;
}
#footer1{
	background:#232121;
}
.conditions p{
	float:right;
	color:#ffffff;
	padding:15px;
}
.copyright p{
	padding:15px;
	color:#ffffff;
}
.tftp li a:hover{
	
	text-decoration:none;
	color:#36b8e9;
}
.tft li a:hover{
	
	text-decoration:none;
	color:#36b8e9;
}
.careers{
	margin-top:-79px;
	width:100%;
}

.search {
    padding: 5px 0;
    width: 230px;
    height: 30px;
    position: relative;
    left: 10px;
    float: right;
    line-height: 22px;
}

 

        .searchh:hover input, .search input:focus {
            width: 250px;
            margin-left: 0px;
			border-color: #ccc;
        }
		

.Cbox1 h4,h5 {
  animation: move 3s;
  -webkit-animation: move 1s;
}
.Cbox3 h4,h5 {
  animation: move 5s;
  -webkit-animation: move 2s;
}
/* .Cbox1 h5 {
  animation: move 3s;
  -webkit-animation: move 3s;

} */
.Cbox2 p{
	  animation: move 3s;
  -webkit-animation: move 5s;

}
.secondhead p{
	text-align:left;
	font-size:20px;
	padding-top: 5px;
    margin-bottom: 6px;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-weight:bold;
}
@keyframes move {
  from {
    margin-left: 100%;
    width: 300%; 
  }

  to {
    margin-left: 0%;
    width: 100%;
  }
}
            
@-webkit-keyframes move {
  from {
    margin-left: 100%;
    width: 300%; 
	
  }

  to {
    margin-left: 0%;
    width: 100%;
  }
}
@media(max-width:1440px ){
	.SecBusi .bsust img{
		width:100%;
		position:absolute;
}
   .search input {
	position: absolute;
	width: 0px;
	float: right;
   /*  margin-left: 210px; */
	-webkit-transition: all 0.7s ease-in-out;
	-moz-transition: all 0.7s ease-in-out;
	-o-transition: all 0.7s ease-in-out;
	transition: all 0.7s ease-in-out;
	height: 75px;
	line-height: 18px;
	padding: 0 2px 0 2px;
	border-radius:1px;
	left:-611px;
		border-color: #fff;
}
	.text1 {
  color: #0000fa;
  margin: 20px;
  font-size: 13px;
  left:16%;
  top: 41%;
  position: relative;
  text-align: center;
      font-weight: bold;
}
.image {
  display: block;
  width: 100%;
      height: 100%;
    padding-top: 24px;
}
}
@media(min-width:1440px ){
	.SecBusi .bsust img{
		width:100%;
		height:100%;
		position:absolute;
}
	   .search input {
        position: absolute;
        width: 0px;
        float: right;
       /*  margin-left: 210px; */
        -webkit-transition: all 0.7s ease-in-out;
        -moz-transition: all 0.7s ease-in-out;
        -o-transition: all 0.7s ease-in-out;
        transition: all 0.7s ease-in-out;
        height: 75px;
        line-height: 18px;
        padding: 0 2px 0 2px;
        border-radius:1px;
		left:-662px;
		    border-color: #fff;
    }
	.text1 {
  color: #0000fa;
  margin: 20px;
  font-size: 13px;
  left:13%;
  top: 39%;
  position: relative;
  text-align: center;
      font-weight: bold;
}
.image {
  display: block;
  width: 100%;
      height: 100%;
    padding-top: 24px;
}
}

.Who-we-are p {
    text-align: center;
    /* color: #535353; */
    letter-spacing: 1px;
    color: #fff;
    line-height: 28px;
    font-size: 20px;
    font-weight: 100;
    padding-bottom: 0px;
    font-family: 'Roboto', sans-serif;
}

.hover06 figure .img {
	-webkit-transform: rotate(0) scale(1);
	transform: rotate(0) scale(1);
}
.hover06 figure:hover .img {
	
	-webkit-transform: rotate(15deg) scale(1.4);
	transform: rotate(15deg) scale(1.4);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

#carouselExampleFade:hover .overlay2{
	display:block;
}
.tftp{
	    padding-top: 25px;
}
.topspace{
    margin:100px auto;max-width:805px;
    }
	
	
	
.carousel-control-prev, .carousel-control-next{
	display:none;
}
.clientss:hover .carousel-control-prev{
	display:block;
}
.clientss:hover .carousel-control-next{
	display:block;
}


#map{
	background: url(../images/map2.jpg) no-repeat center center;
	height:590px;
}



	.text1  {
    color: #ffffff;
    margin: 20px;
    margin-top: 35px;
    font-size: 15px;
     left: 36%; 
    /* top: 74%; */
    position: absolute;
    text-align: center;
    font-weight: bold;
}

	.text2 {
    color: #ffffff;
    margin: 20px;
       margin-top: 234px;
    font-size: 15px;
    left: 42%;
    /* top: 74%; */
    position: absolute;
    text-align: center;
    font-weight: bold;
}

	.text3  {
    color: #ffffff;
    margin: 20px;
    margin-top: 291px;
    font-size: 15px;
    left: 47%; 
    /* top: 74%; */
    position: absolute;
    text-align: center;
    font-weight: bold;
}

	.text4 {
    color: #fff;
    margin: 20px;
    margin-top: 376px;
    font-size: 15px;
    left: 40%; 
    /* top: 74%; */
    position: absolute;
    text-align: center;
    font-weight: bold;
}

	.text5 {
    color: #fff;
    margin: 20px;
    right: 15%;
    font-size: 15px;
    left: -14%;
    /* top: 74%; */
    position: absolute;
    text-align: center;
    font-weight: bold;
    margin-top: 405px;
}

	.text6 {
    color: #fff;
    margin: 20px;
    font-size: 15px;
            left: 35%;
    margin-top: 424px;
    /* top: 74%; */
    position: absolute;
    text-align: center;
    font-weight: bold;
}
	.text7 {
    color: #fff;
    margin: 20px;
    font-size: 15px;
        left: 33%;
    margin-top: 274px;
    /* top: 74%; */
    position: absolute;
    text-align: center;
    font-weight: bold;
}
	.text8 {
    color: #ffffff;
    margin: 20px;
    margin-top: 258px;
    font-size: 15px;
     left: 41%; 
    /* top: 74%; */
    position: absolute;
    text-align: center;
    font-weight: bold;
}
	.text9 {
    color: #ffffff;
    margin: 20px;
    margin-top: 324px;
    font-size: 15px;
     left: 40%; 
    /* top: 74%; */
    position: absolute;
    text-align: center;
    font-weight: bold;
}
	.text10 {
    color: #ffffff;
    margin: 20px;
    margin-top: 349px;
    font-size: 15px;
     left: 44%; 
    /* top: 74%; */
    position: absolute;
    text-align: center;
    font-weight: bold;
}
	.text11 {
    color: #ffffff;
    margin: 20px;
    margin-top: 346px;
    font-size: 15px;
     left: 36%; 
    /* top: 74%; */
    position: absolute;
    text-align: center;
    font-weight: bold;
}
	.text12 {
    color: #ffffff;
    margin: 20px;
    margin-top: 410px;
    font-size: 15px;
     left: 29%; 
    /* top: 74%; */
    position: absolute;
    text-align: center;
    font-weight: bold;
}
	.text13 {
    color: #ffffff;
    margin: 20px;
        margin-top: 384px;
    font-size: 15px;
    left: 32%;
    position: absolute;
    text-align: center;
    font-weight: bold;
}
	.text14 {
    color: #ffffff;
    margin: 20px;
    margin-top: 185px;
    font-size: 15px;
     left: 47%; 
    /* top: 74%; */
    position: absolute;
    text-align: center;
    font-weight: bold;
}
.text16 {
    color: #ffffff;
    margin: 20px;
   margin-top: 198px;
    font-size: 15px;
    left: 64%;
    /* top: 74%; */
    position: absolute;
    text-align: center;
    font-weight: bold;
}
.text17 {
    color: #ffffff;
    margin: 20px;
    margin-top: 432px;
    font-size: 15px;
    left: 43%;
    position: absolute;
    text-align: center;
    font-weight: bold;
}
.text18 {
    color: #ffffff;
    margin: 20px;
  margin-top: 176px;
    font-size: 15px;
    left: 67%;
    position: absolute;
    text-align: center;
    font-weight: bold;
}
.text19 {
    color: #ffffff;
    margin: 20px;
      margin-top: 297px;
    font-size: 15px;
    left: 40%;
    position: absolute;
    text-align: center;
    font-weight: bold;
}
.text20 {
    color: #ffffff;
    margin: 20px;
 margin-top: 323px;
    font-size: 15px;
    left: 29%;
   position: absolute;
    text-align: center;
    font-weight: bold;
}
.text21 {
    color: #ffffff;
    margin: 20px;
     margin-top: 366px;
    font-size: 15px;
    left: 28%;
    position: absolute;
    text-align: center;
    font-weight: bold;
}
.text22 {
    color: #ffffff;
    margin: 20px;
      margin-top: 323px;
    font-size: 15px;
    left: 33%;
    position: absolute;
    text-align: center;
    font-weight: bold;
}
.text23 {
    color: #ffffff;
    margin: 20px;
      margin-top: 322px;
    font-size: 15px;
    left: 20%;
    position: absolute;
    text-align: center;
    font-weight: bold;
}

.text24 {
    color: #ffffff;
    margin: 20px;
     margin-top: 271px;
    font-size: 15px;
    left: 56.5%;
    position: absolute;
    text-align: center;
    font-weight: bold;
}
.text25 {
    color: #ffffff;
    margin: 20px;
          margin-top: 247px;
    font-size: 15px;
    left: 51%;
    position: absolute;
    text-align: center;
    font-weight: bold;
}
.text26 {
    color: #ffffff;
    margin: 20px;
      margin-top: 499px;
    font-size: 15px;
    left: 39%;
    position: absolute;
    text-align: center;
    font-weight: bold;
}
.text27 {
    color: #ffffff;
    margin: 20px;
      margin-top: 480px;
    font-size: 15px;
    left: 30.5%;
    position: absolute;
    text-align: center;
    font-weight: bold;
}


.text28 {
    color: #ffffff;
    margin: 20px;
    margin-top: 63px;
    font-size: 15px;
    left: 39.5%;
    position: absolute;
    text-align: center;
    font-weight: bold;
}
.text29 {
    color: #ffffff;
    margin: 20px;
   margin-top: 453px;
    font-size: 15px;
    left: 27.5%;
    position: absolute;
    text-align: center;
    font-weight: bold;
}
.text30 {
	color: #ffffff;
	margin: 20px;
	margin-top: 194px;
	font-size: 15px;
	left: 31.5%;
	position: absolute;
	text-align: center;
	font-weight: bold;
}
.text31 {
    color: #ffffff;
    margin: 20px;
        margin-top: 222px;
    font-size: 15px;
    left:49.5%;
    position: absolute;
    text-align: center;
    font-weight: bold;
}
.text32 {
    color: #ffffff;
    margin: 20px;
    margin-top: 164px;
    font-size: 15px;
    left: 34.5%;
    position: absolute;
    text-align: center;
    font-weight: bold;
}

.text33 {
    color: #ffffff;
    margin: 20px;
    margin-top: 306px;
    font-size: 15px;
    left: 51.5%;
    position: absolute;
    text-align: center;
    font-weight: bold;
}





.tabsss {
    float: right;
    border: 1px solid #89abd4d6;
    margin-right: 10px;
    margin-top: 72px;
    height: 320px;
    /* background: #33333361; */
    background:#89abd4d6;
}
.tabsss .box{
	text-align: center;
	  /*   background-color: #ffffffe3;
		 border:1px solid #000;
		box-shadow: 2px 1px 5px 0px rgba(0,0,0,0.75); */
		border-radius:1px;
		    margin-bottom: 33px;

}
.tabsss h3{
	    color: #fff;
    font-weight: bold;
   /*  text-align: center; */
    padding: 10px;
    font-size: 24px;
}
.tabsss p{
	    color: aliceblue;
    padding: 5px;
}

.panel-title{
	padding:15px;
	background:#36b8e9;
	border-radius: 10px;
	transition:.5s ease;
}
.panel-title a{
	font-size:18px;
	color:#fff;
}
.panel-title i{
	font-size: 18px;
}
.panel-title:hover{
	background: #1e636f;
	color:#fff;
}

.panel-title a:hover{
	text-decoration:none;
	color:#fff;
}
@media(min-width:1440px)
{
	.valbtn{
		position:relative;
		top:-84px;
		left:50%;
	}
	.valbtn:hover{
	margin-left:-69px;
}
}
@media(max-width:1440px)
{
	.valbtn{
		position:relative;
		top:-84px;
		left:46%;
	}
	.valbtn:hover{
	margin-left:-48px;
}
}
.verticleDevidergt {
    width: 1px;
    height: 40px;
    background: #006776;
    margin: auto;
    margin-top: 13px;
    margin-bottom: 13px;
}
.careerbtntmp{
	    position: absolute;
    bottom: 90px;
}
.valbtn{
	transition:.5s ease;
}
.tabsss h5 a{
	bottom:2px;
	color:#ff8400;
}
.tabsss h5{
	padding-top:70px;
}
.tabsss h5 a:hover{
	color:#ffffff;
}
.tabsss h6{
	color:#000;
	font-size:18px;
	font-weight:bold;
	/* float:right; */
}
.tabssss h5{
	padding-top:50px;
}
.newshead h2{
	text-align: center;
    /* color: #535353; */
    letter-spacing: 1px;
    color: #161616;
    line-height: 40px;
    font-size: 28px;
    font-weight: 100;
    font-family: Copperplate Gothic Bold;
	margin-top:30px;
	margin-bottom:30px;
}
.nav-tabs-dropdown {
  display: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.nav-tabs-dropdown:before {
  content: "\e114";
  font-family: 'Glyphicons Halflings';
  position: absolute;
  right: 30px;
}

@media screen and (min-width: 769px) {
  #nav-tabs-wrapper {
    display: block!important;
  }
}
@media screen and (max-width: 768px) {
    .nav-tabs-dropdown {
        display: block;
    }
    #nav-tabs-wrapper {
        display: none;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        text-align: center;
    }
   .nav-tabs-horizontal {
        min-height: 20px;
        padding: 19px;
        margin-bottom: 20px;
        background-color: #f5f5f5;
        border: 1px solid #e3e3e3;
        border-radius: 4px;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
   }
    .nav-tabs-horizontal  > li {
        float: none;
    }
    .nav-tabs-horizontal  > li + li {
        margin-left: 2px;
    }
    .nav-tabs-horizontal > li,
    .nav-tabs-horizontal > li > a {
        background: transparent;
        width: 100%;
    } 
    .nav-tabs-horizontal  > li > a {
        border-radius: 4px;
    }
    .nav-tabs-horizontal  > li.active > a,
    .nav-tabs-horizontal  > li.active > a:hover,
    .nav-tabs-horizontal  > li.active > a:focus {
        color: #ffffff;
        background-color: #0b6270;
    }
}
.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
}

.tabpanel p{
	    font-family: franklin gothic book;
}
.date1 {
    float: left;
    font-weight: 400;
    font-size: 17px;
    display: block;
    line-height: 22px;
    color: #171717;
    font-family: "freight-micro-pro",Georgia,serif;
}

.nav-pills li{
	    border-bottom: 1px solid #cccccc78;
}





.nav-stacked>li {
    width: 100%;
    float: none;
	border-bottom: 1px solid #e55f2f;
}
.nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus {
    color: #fff;
    background-color: #002147;
}
.career h3{
    color: #000000;
    font-family: "Roboto", sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 35px;
	margin-bottom: 25px;
    margin-top: 25px;
}
.career h2 {
    margin-bottom: 20px;
    margin-top: 0;
	
}
.myform .form-control {
    background-color: transparent;
    border: 1px solid #bdbdbd;
    border-radius: 0;
    box-shadow: none;
    height: 40px;
    font-family: 'Raleway', sans-serif;
    font-size: 14px;
    color: #666666;
    margin-bottom: 10px;
    resize: none;
}
.myform .gender {
    margin-bottom: 10px;
}
select.form-control:not([size]):not([multiple]) {
	height: 40px;
}
#ctl00_ContentPlaceHolder1_Gender tr td {
    width: 100px;
    margin-top: 5px;
    float: left;
}

.full_page h2{
    text-align: center;
    /* color: #535353; */
    letter-spacing: 1px;
    color: #000000;
    line-height: 40px;
    font-size: 27px;
    font-weight: 100;
    padding-bottom: 0px;
}
.full_page p{
	color: #000000;
    letter-spacing: 1px;
    line-height: 25px;
    font-size: 18px;
    font-weight: 100;
    font-family: Franklin Gothic Book;
	text-align: center;
}

.full_page1 p{
	color: #000000;
    letter-spacing: 0px;
    line-height: 23px;
    font-size: 16px;
    font-weight: 100;
    font-family: 'PT Sans', sans-serif;
	text-align: center;
}

a:hover , a:focus{ text-decoration: none;}
ul{ margin: 0px; padding: 0px;}
ul li{ list-style-type: none;}
.clear{ clear: both;}

/*Accordion css start*/
.accordion_panelbox{ margin-bottom:15px;}
.accordion_panelbox.active .accordion_title h4{ background:url(images/minus.png) no-repeat right center;}
.accordion_title{ border: 1px solid #999; padding: 10px 15px; cursor: pointer;background: #0B626F;color: #fff;}
.accordion_title h4{ font-size: 17px; background: url(images/plus.png) no-repeat right center; margin: 0px;} 
.accordion_content{ border: 1px solid #999; border-top: 0px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; padding: 10px 15px; background: #cccccc38; display: none;}
.accordion_panelbox.in .accordion_content{ display: block;}
/*Accordion css end*/

.contactt h2{
	font-size: 22px;
    font-weight: bold;
}

@media(min-width:740px)
{
	.carousel2{
		margin-right: -55px;
		margin-top: 50px;
		z-index: 1;
	}
	.Who-we-are-slide2{
		margin-top:0;
	}
	.heading2 {
		text-align: center;
		color: #333;
		letter-spacing: 1px;
		line-height: 40px;
		font-size: 21px;
		font-weight: 100;
		padding-bottom: 6px;
		/* font-family: franklin gothic book; */
		font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	}
	.map1 iframe{
		width:420px;
		height:420px;
	}
	.form_con{
		padding-left: 108px;
	}
	.content_temp{
		position:absolute;
	}
	.mobile{
		display:none;
	}
	
}

@media(max-width:740px)
{
	.carousel2{
		margin-right: 0px;
		margin-top: 50px;
		z-index: 1;
	}
	.Who-we-are-slide2{
		margin-top:70px;
	}
	.hwaslide2 a{
		margin-left:40px;
	}
	.heading2 {
		text-align: center;
		color: #333;
		letter-spacing: 1px;
		line-height: 28px;
		font-size: 19px;
		font-weight: 100;
		padding-bottom: 6px;
		font-family: franklin gothic book;
	}
	.servicelead{
		margin-top:80%;
	}
	.grid figure h4 {
		word-spacing: -0.15em;
		font-weight: 300;
		/* padding-top: 15px; */
		padding-top: 92px;
		font-size: 28px;
	}
	.timeLineSlider {
		margin: 0px;
	}
	.imag {
		padding-right: 0;
	    padding-left: 0px;
		text-align: center;
	}
	.intro h5 {
		text-align: center;
	}
	#counter .col-xs-6{
		width:50%;
	}
	.counter-Txt span {
		display: block;
		font-size: 30px;
		color: #fff;
		text-align: center;
	}
	.counter-Txt p {
		text-align: center;
		font-size: 15px;
		font-weight: normal;
		margin-top: 0;
		color: #fff;
	}
	.cartext h2 {
		text-align: center;
		letter-spacing: 0;
		line-height: 36px;
		font-size: 16px;
		color: #ffffffed;
		padding-left: 35px;
		padding-right: 35px;
		padding-bottom: 40px;
	}
	.mainSlider .carousel-inner {
		position: relative;
		width: 100%;
		overflow: hidden;
		height: auto;
	}
	#carouselExampleIndicators .d-block{
		margin-top:150px;
	}
	.footer .col-xs-6{
		width:50%;
	}
	.tft li{
		font-size:12px;
	}
	.conditions p {
		float: none;
		color: #ffffff;
		padding: 0px;
		margin-bottom: 6px;
		font-size: 14px;
	}
	.mainSlider .left {
		background: #343a40;
		padding: 10px;
	}
	.mainSlider .right {
		background: #343a40;
		padding: 10px;
	}
	.menu-overlay {
		height: 0%;
		width: 100%;
		position: fixed;
		z-index: 10;
		top: 0;
		right: 0;
		/* background-color: rgb(0,0,0); */
		background-image: url(../images/cbg.jpg);
		overflow-y: hidden;
		transition: 0.3s;
	}
	.search{
		display:none;
	}
	.searchh{
		display:none;
	}
	.header img {
		padding: 5px;
		width: 50%;
	}
	.Cscolor{
		display:none;
	}
	.header .col-md-10{
		text-align: center;
	}
	.Who-we-are p {
		text-align: center;
		/* color: #535353; */
		letter-spacing: 1px;
		color: #fff;
		line-height: 40px;
		font-size: 18px;
		font-weight: 100;
		padding-bottom: 0px;
	}
	#myNav .dropdown-menu {
		position: absolute;
		left: -50%;
		top: -100%;
		z-index: 1000;
		display: none;
		width: 100%;
		float: left;
		min-width: 10rem;
		padding: .5rem 0;
		margin: .125rem 0 0;
		font-size: 1rem;
		color: #fff;
		text-align: left;
		list-style: none;
		background-color: #000;
		background-clip: padding-box;
		border-top: 1px solid rgba(255, 255, 255, 0.31);
		border-right: 0;
		border-left: 0;
		border-bottom: 0;
		border-radius: 0;
		transition: 0.5s ease;
	}
	.map1 iframe{
		width:300px;
		height:300px;
	}
	.form_con{
		padding-left: 10px;
	}
	.content_temp{
		position:relative;
	}
	.car_first{
		margin-top: 30px;
	}
	.car_second{
		margin-top: 30px;
	}
	.heading_who{
		padding-bottom:0px;
	}
	.desktop{
		display:none;
	}
	.deski{
		display:none;
	}
	
}

@media(max-width:1440px)
{
	.search input {
		position: absolute;
		width: 0px;
		float: right;
	   /*  margin-left: 210px; */
		-webkit-transition: all 0.7s ease-in-out;
		-moz-transition: all 0.7s ease-in-out;
		-o-transition: all 0.7s ease-in-out;
		transition: all 0.7s ease-in-out;
		height: 75px;
		line-height: 18px;
		padding: 0 2px 0 2px;
		border-radius:1px;
		left:-611px;
			border-color: #fff;
	}
}



@media(min-width:1440px)
{
	.search input {
		position: fixed;
		width: 0px;
		float: right;
	   /*  margin-left: 210px; */
		-webkit-transition: all 0.7s ease-in-out;
		-moz-transition: all 0.7s ease-in-out;
		-o-transition: all 0.7s ease-in-out;
		transition: all 0.7s ease-in-out;
		height: 75px;
		line-height: 18px;
		padding: 0 2px 0 2px;
		border-radius:1px;
		left:320px;
		border-color: #fff;
		top:10px;
	}
}

.indexcar h2 {
    text-align: justify;
    letter-spacing: 1px;
    line-height: 29px;
    font-size: 16px;
    color: #ffffffed;
    padding-left: 25px;
    padding-right: 35px;
    /* font-family: 'PT Sans', sans-serif !important; */
   font-family: franklin gothic book;
}