@charset "utf-8";

/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Arimo');
@import url('https://fonts.googleapis.com/css?family=Montserrat');
@import url('https://fonts.googleapis.com/css?family=Lato');
@import url('https://fonts.googleapis.com/css?family=Lateef');
@import url('https://fonts.googleapis.com/css?family=Fanwood+Text|Lateef');
@import url('https://fonts.googleapis.com/css?family=Alegreya+Sans');
@import url('https://fonts.googleapis.com/css?family=Caveat+Brush');
@import url('https://fonts.googleapis.com/css?family=Ranga')
@import url('https://fonts.googleapis.com/css?family=Ranga|Shrikhand');

body {
	/* font-family: 'Arimo', sans-serif; */
	/* font-family: 'Montserrat', sans-serif; */
	/* font-family: 'Lato', sans-serif; */
	/* font-family: 'Lateef', cursive; */
	/* font-family: 'Fanwood Text', serif; */
	font-family: 'Alegreya Sans', sans-serif;
	background: url(../images/body-bg.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	height: auto;
	overflow: auto;
}

.container {
	width: 1070px;
}

#header {
	position: fixed;
	z-index: 99;
	width: 100%;
	margin-top: 0px;
	background: #4F8FB3;
	background-position: top;
	background-size: cover;
	background-repeat: no-repeat;
	padding: 0px 0px 0px 0px;
}
#carousel-example-generic{
	margin-top:80px;
}
.navbar-brand>img {
	display: block;
	background: #4F8FB3;
	padding: 15px;
	/* width: 105px; */
	border-radius: 100%;
	margin-top: -36px;
}

.navbar-default {
	background-color: transparent;
	border-color: transparent;
	margin-bottom: 0px;
	padding: 0px 0px;
}

.navbar-nav {
	float: right;
	margin-top: 5px;
	-webkit-transition: all 0.4s linear;
	transition: all 0.4s linear;
	margin-left: 0px;
}

.header-brand {
	float: right !important;
}

.header-brand img {
	margin-right: 20px;
}

.navbar-default .navbar-nav>li>a {
	color: #fff;
	font-weight: 400;
	font-size: 17px;
	padding: 12px 15px;
	text-transform: uppercase;
	margin: 0px 10px;
	border-radius: 10px;
	-webkit-transition: all 0.4s linear;
	transition: all 0.4s linear;
}

.navbar-default .navbar-nav>li>a:hover {
	color: #fff;
	font-weight: 400;
	font-size: 17px;
	padding: 12px 15px;
	text-transform: uppercase;
	margin: 0px 10px;
	border-radius: 10px;
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover {
	color: #000;
	background-color: #ffdb00;
}

.navbar-container {
	padding: 0px 0%;
}

.header-call-zon span {
	color: #272727;
	margin-right: 0px;
	margin-left: 25px;
}

.dropdown-menu {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1000;
	display: none;
	float: left;
	min-width: 160px;
	padding: 5px 0;
	margin: 5px 0 0;
	font-size: 14px;
	text-align: left;
	list-style: none;
	background-color: #4f8fb3;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border: 0px solid #ccc;
	border: 0px solid rgba(0, 0, 0, .15);
	border-radius: 4px;
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
	/* box-shadow: 0 0px 0px rgba(0,0,0,.175); */
}

.dropdown-menu li a {
	font-size: 14px;
	color: #fff;
	padding: 6px 10px;
	text-transform: uppercase;
}

.navbar-brand {
	padding: 0px;
	-webkit-transition: all 0.4s linear;
	transition: all 0.4s linear;
	/* transition:all 0.4s linear; */
}


/*=======affix css start=========*/


/* Effect 5: same word slide in */

.affix .navbar-main {
	/* box-shadow: 0 0px 6px 2px #888; */
	margin-top: 0px;
	-webkit-transition: all 0.4s linear;
	transition: all 0.4s linear;
}

.affix .navbar-container {
	padding: 0px 0%;
}

.affix .navbar-nav {}

.affix #header {
	position: fixed;
	z-index: 99;
	width: 100%;
	margin-top: 0px;
	background: #fff;
	background-position: top;
	background-size: cover;
	background-repeat: no-repeat;
	-webkit-transition: all 0.6s linear;
	transition: all 0.6s linear;
	background: rgba(0, 0, 0, 0.36);
}

.affix {
	top: 0;
	width: 100%;
	-webkit-transition: all 0.5s linear;
	transition: all 0.5s linear;
	background-color: #fff;
	border-color: #468781;
}

.affix .navbar-default {
	margin-bottom: 0px;
	border: 0px;
	padding: 20px 0px;
	border-radius: 0px;
	/* box-shadow: 0px 0px 16px 0px #6d6d6d; */
	/* padding-bottom: 3px; */
	/* transition: all 0.5s linear; */
}

.affix .navbar-brand {
	padding: 0px 0px;
}

.affix .navbar-brand img {}

.top-header {
	background: #B6DAF2;
	height: 40px;
	line-height: 35px;
	text-align: right;
	padding-right: 15px;
}

.top-header p {
	margin-bottom: 0px;
}

.top-header span {
	color: #005a7c;
	font-size: 15px;
	margin-right: 15px;
}

.top-header span a {
	color: #005a7c;
}

.top-header span i {
	margin-right: 7px;
	vertical-align: middle;
}


/*=======affix css end=========*/

.carousel-control.left {
	background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(0, 0, 0, .0)), to(rgba(0, 0, 0, .000)));
	background-image: linear-gradient(to right, rgba(0, 0, 0, .0) 0, rgba(0, 0, 0, .000) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
	background-repeat: repeat-x;
}

.carousel-control.right {
	background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(0, 0, 0, .0)), to(rgba(0, 0, 0, .000)));
	background-image: linear-gradient(to right, rgba(0, 0, 0, .0) 0, rgba(0, 0, 0, .000) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
	background-repeat: repeat-x;
}


/*-- footer --*/

.footer-logo img {
	margin-top: 0px;
	border-radius: 100%;
	padding: 10px;
	background: #fff;
}

.footer-logo h2 {
	color: #fff;
    text-align: left;
    font-size: 22px;
}

.footer-logo h4 {
	color: #0d93c8;
}

.footer-overlay {
	background: #4f8fb3;
	padding: 2em 0;
	margin-top: 0%;
}

.footer {
	background: url(../images/footer-bg.png) no-repeat center center;
	background-size: cover;
	margin-bottom: 0;
	padding-top: 15px;
}

.w3agile_footer_grid h3 {
	font-size: 1.7em;
	color: #fff;
	padding-bottom: .5em;
	margin-bottom: 1em;
	position: relative;
	letter-spacing: 1px;
	border-bottom: 2px solid;
	display: inline-block;
}

.w3agile_footer_grid h3:before {
	content: '';
	position: absolute;
	bottom: 0%;
	left: 0%;
	background: #fff;
	/* width: 30%; */
	height: 2px;
}

.w3agile_footer_grid {
	line-height: 2em;
}

.w3agile_footer_grid ul li {
	list-style-type: none;
	margin-bottom: 2px;
}

.w3agile_footer_grid ul li a {
	text-decoration: none;
	font-size: 17px;
	color: #f5f5f5;
}

.w3agile_footer_grid ul li a:hover {
	/* color:#0d93c8; */
}

.w3agile_footer_grid:nth-child(2) {}

.w3agile_footer_grid:nth-child(3) {}

.w3agile_footer_grid:nth-child(4) {}

ul.w3agile_footer_grid_list li {
	list-style-type: none;
	color: #6e6e6f;
	line-height: 1.9em;
	margin-bottom: 1em;
	font-size: 0.9em;
}

ul.w3agile_footer_grid_list li span {
	display: block;
	margin: 1em 0 0;
}

ul.w3agile_footer_grid_list li span i {
	margin-right: 10px;
	color: #4cc2ff;
}

.w3agile_footer_grid_left {
	float: left;
	width: 33.33%;
	padding: .15em;
}

.w3agile_footer_grid p {
	font-size: 16px;
	color: #f5f5f5;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	line-height: 22px;
}

.w3agile_footer_grid p a {
	color: #fff;
}

.w3agile_footer_grid p i {
	margin-right: 10px;
	vertical-align: middle;
	top: 10px;
	margin-top: 5px;
}

.agileinfo_copy_right {
	/* background: #0d93c8; */
	padding: 15px 0 0px 0px;
	background: rgb(13, 147, 200);
	/* Old browsers */
	/* FF3.6-15 */
	/* Chrome10-25,Safari5.1-6 */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(39%, rgba(13, 147, 200, 1)), to(rgba(8, 127, 175, 1)));
	background: linear-gradient(to bottom, rgba(13, 147, 200, 1) 39%, rgba(8, 127, 175, 1) 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d93c8', endColorstr='#087faf', GradientType=0);
	/* IE6-9 */
	background: #005A7D;
}

.agileinfo_copy_right_left {
	float: left;
}

.agileinfo_copy_right_right {}

.agileinfo_copy_right_left p {
	color: #fff;
	line-height: 1.8em;
	font-size: 16px;
}

.agileinfo_copy_right_left p a {
	color: #fcb314;
	text-decoration: none;
}

.agileinfo_copy_right_left p a:hover {
	color: #fff;
}

.w3agile_footer_grid a i {
	width: 40px;
	background: #fff;
	text-align: center;
	height: 40px;
	line-height: 40px;
	border-radius: 100%;
	margin-right: 10px;
	font-size: 18px;
	color: #005a7d;
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

.w3agile_footer_grid a:hover i {
	width: 40px;
	background: #005a7d;
	text-align: center;
	height: 40px;
	line-height: 40px;
	border-radius: 100%;
	margin-right: 10px;
	font-size: 18px;
	color: #fff;
}

ul {
	padding: 0px;
}

.tag-line{
	
	       color: #005a7c !important;
    font-size: 17px !important;
    line-height: 43px !important;
    margin-left: 10px !important;
	font-family: 'Shrikhand', cursive;
	
}

.tag-line-2{
    font-size: 40px;
    color: #fff;
    margin-top: 20px;
    margin-left: 10px;
    font-weight: bold;
    line-height: 53px;
	/* font-family: 'Caveat Brush', cursive; */
}


.social {
	padding: 0px;
}

.right-brand-name {
	float: right;
}

.right-brand-name p {
	font-size: 16px;
	color: #fff;
	text-align: right;
	margin-right: 10%;
}

.right-brand-name p a {
	color: #fff;
}

.w3lsstatsaitsstats.counter:before {
	content: '+';
	position: absolute;
	width: 375px;
}


/*-- //footer --*/


/**************************  Home Page *****************************/

.about-w3l-agileifo-grid {
	position: relative;
}

.img-ab img,
.about-w3l-agileifo-grid img {
	border: 0px solid #080808;
	padding: 10px;
	-webkit-box-shadow: 0px 0px 5px 0px #b7afaf;
	box-shadow: 0px 0px 5px 0px #b7afaf;
}

.img-ab {
	position: absolute;
	top: 80%;
	right: 29%;
	margin: -10%;
}

.ab-w3l-text h2 {
	font-size: 25px;
	color: #4f8fb3;
}

.ab-w3l-text p {
	color: #333;
	font-size: 15px;
}

#about {
	padding: 5em 0 4em 0;
}

.advantages {
	background: url(../images/banner3.jpg)no-repeat;
	height: auto;
	background-size: cover;
	overflow: hidden;
	background-attachment: fixed;
	margin-bottom: 4%;
}

.advantages-overlay {
	background: #0000009c;
	padding: 4% 0px;
}

h3.title-w3-agileits {
	font-size: 30px;
	color: #FFF;
	font-weight: bold;
	letter-spacing: 0px;
	margin-bottom: 1em;
	text-align: center;
	text-transform: capitalize;
	margin-top: 0px
}

.left-w3ls {
	border-right: 1px solid #b6daf2;
}

style.css:1150 .advantage-grid {
	padding: 0;
}

.advantage-block {
	padding: 0em 0px;
	background: rgba(0, 0, 0, 0.52);
	text-align: center;
	height: 120px;
	line-height: 120px;
	border: 1px solid #b6daf2b0;
}

.advantage-block .fa-credit-card,
.advantage-block .fa-clock-o {
	color: #ffce14;
	font-size: 45px;
	margin-bottom: 10px;
}

.advantage-block h4 {
	font-size: 30px;
	color: #fff;
	margin: 0.5em 0em 0.5em 0em;
	text-transform: capitalize;
	letter-spacing: 1px;
	line-height: 118px;
	margin-top: 0px;
}

.advantage-block p {
	font-size: 16px;
	color: #FFF;
	/* line-height: 1.8em; */
	text-align: left;
	padding-left: 3em;
	line-height: 35px;
	letter-spacing: .8px;
}

.left-pro {
	float: left;
	background: #b6daf2;
	height: 120px;
	width: 130px;
	line-height: 155px;
}

.left-pro i {
	font-size: 65px;
	color: #4f8fb3;
}

.right-pro {
	line-height: 100px;
}

.right-pro:hover {
	line-height: 126px;
	background: #005a7c;
}

.advantage-grid a {
	text-decoration: none;
}

.our-team {
	text-align: center;
}

.our-team .pic {
	position: relative;
}

.our-team .pic:before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.55);
	opacity: 0;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

.our-team .pic:after {
	content: "";
	width: 90%;
	height: 90%;
	border: 1px solid #f5f5f6;
	position: absolute;
	top: 5%;
	left: 5%;
	opacity: 0;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

.our-team:hover .pic:before,
.our-team:hover .pic:after {
	opacity: 1;
}

.our-team .pic img {
	width: 100%;
	height: auto;
}

.our-team .social-links {
	width: 100%;
	list-style: none;
	padding: 0;
	margin: 0;
	position: absolute;
	bottom: 25%;
	left: 0;
	opacity: 0;
	z-index: 1;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

.our-team:hover .social-links {
	opacity: 1;
}

.our-team .social-links li {
	display: inline-block;
	margin-right: 10px;
}

.our-team .social-links li a {
	display: block;
	width: 30px;
	height: 30px;
	line-height: 30px;
	border-radius: 50%;
	font-size: 15px;
	color: #f5f5f6;
	border: 1px solid #f5f5f6;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	text-decoration: none;
}

.our-team .social-links li .fa-twitter:hover {
	background: #00aced;
	border-color: #00aced;
}

.our-team .social-links li .fa-google-plus:hover {
	background: #c03c30;
	border-color: #c03c30;
}

.our-team .social-links li .fa-linkedin:hover {
	background: #0177b5;
	border-color: #0177b5;
}

.our-team .social-links li .fa-facebook:hover {
	background: #4867aa;
	border-color: #4867aa;
}

.our-team .team-content {
	padding: 15px 0;
	background: #323232;
	border-top: 2px solid #4f8fb3;
	overflow: hidden;
	position: relative;
}

.our-team .team-content:before {
	content: "";
	width: 100%;
	height: 100%;
	background: #4f8fb3;
	position: absolute;
	top: -100%;
	left: 0;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}

.our-team:hover .team-content:before {
	top: 0;
}

.our-team .title {
	font-size: 24px;
	color: #b6daf2;
	margin: 0 0 5px;
	text-transform: capitalize;
	z-index: 1;
	position: relative;
	-webkit-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}

.our-team .post {
	display: block;
	font-size: 14px;
	color: #f5f5f6;
	text-transform: capitalize;
	z-index: 1;
	position: relative;
	-webkit-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}

.our-team:hover .title,
.our-team:hover .post {
	color: #fff;
}

@media screen and (max-width: 990px) {
	.our-team {
		margin-bottom: 20px;
	}
}

#team-section {
	margin: 0% 0% 5% 0%;
}

.team-modal-body p{
	
	font-size:16px;
	color:#222;
}

.team-read-more{
	
	color:#222;
	font-size:15px;
	color:#fff;
}

.modal .modal-header {
    background: #4f8fb3;
    color: white;
    padding-bottom: 10px;
}
.modal-title {
    margin: 0;
    line-height: 1.42857143;
    float: left;
    font-size: 24px;
    color: #fff;
}
.close {
    float: right;
    font-size: 45px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2;
}

.modal-body {
    position: relative;
    padding: 25px 30px;
}
.modal-dialog {
    width: 800px;
    margin: 30px auto;
}

.jb-sing {
	
	float:right;
}
/***************************   Contact Us Css ******************************/
#contact-form-section{
	
	overflow:hidden;
}
.address-col {
	border-right: 1px solid #a49e9e;
	height: 200px;
	text-align: center;
}

.address-col i {
	font-size: 35px;
	margin-bottom: 10px;
	color: #ffffff;
	width: 60px;
	height: 60px;
	background: #4f8fb3;
	line-height: 60px;
	border-radius: 100%;
	margin-bottom: 0px;
}

.address-col1 {
	border-right: 0px solid #a49e9e;
	height: 200px;
	text-align: center;
}

.contact-form-full-col {
	margin-top: 60px;
}

.contact-form {
	border: 1px solid #aaa;
	border-radius: 0;
	height: 40px;
	margin-bottom: 18px;
}

.address-col p a {
	color: #030000;
}

.contact-form:focus {
	border-color: #aaa;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0);
}

.contact-btn {
	background: #4f8fb3;
	border: none;
	border-radius: 0px;
	color: #fff;
	font-size: 16px;
	padding: 8px 25px;
	text-transform: uppercase;
	margin-top: 15px;
	border: 2px solid #4f8fb3;
	    margin-right: 10px;
}

.contact-btn:hover {
	background: #fff;
	border: none;
	border-radius: 0px;
	color: #4f8fb3;
	font-size: 16px;
	padding: 8px 25px;
	text-transform: uppercase;
	margin-top: 15px;
	border: 2px solid #4f8fb3;
	    margin-right: 10px;
}

.contact-padding {
	padding-bottom: 29px;
}

.map-col iframe {
	width: 99%;
	height: 300px;
	border: 1px solid #b0b0b0;
}

.map-col {
	margin-top: 40px;
}

#map-section iframe {
	width: 100%;
	height: 400px;
}

.address-col p {
	margin-bottom: 0px;
	font-size: 16px;
}

#contact-address-section {
	margin: 6% 0% 3% 0%;
	overflow: hidden;
	padding-bottom: 0px;
}

#contact-form-section {
	margin: 1% 0% 4% 0%;
	overflow: auto;
}

.social-col a i {
	height: 50px;
	width: 50px;
	text-align: center;
	line-height: 50px;
	background: #504c4c;
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	border-radius: 100%;
	color: #fff;
	font-size: 20px;
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

.social-col a {
	margin: 0px 5px;
	text-decoration: none;
}

.social-col {
	text-align: center;
}

#contact-social-section {
	margin: 25px 0px;
}

.contact-btn-col {
	text-align: center;
}

.fb:hover {
	background: #3b5998;
}

.twitter:hover {
	background: #55acee;
}

.google:hover {
	background: #dd4b39;
}

.linkedin:hover {
	background: #007bb5;
}


/************************ About Us Css *********************/

.heading-line {
	font-size: 35px;
	color: #333;
	font-weight: bold;
	text-align: center;
	    margin-bottom: 25px;
}

.sub-heading-line {
	font-size: 30px;
	color: #333;
	font-weight: bold;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 3%;
}

.inner-about-text {
	margin-top: 20px;
}

.serviceBox {
	padding-left: 30px;
	position: relative;
	margin-bottom: 40px;
}

.serviceBox:before {
	content: "";
	width: 60px;
	height: 60px;
	background: #4f8fb3;
	position: absolute;
	top: 20px;
	left: 5px;
	z-index: 1;
}

.serviceBox .service-icon {
	width: 60px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	background: #4f8fb3;
	font-size: 30px;
	color: #fff;
	position: absolute;
	top: 15px;
	left: 0;
	z-index: 1;
}

.serviceBox .service-content {
	padding: 15px 50px;
	border-width: 1px;
	border-style: solid;
	border-color: #d5d5d5 #d5d5d5 #3f4147;
	position: relative;
	-webkit-transition: all 0.4s ease-in-out 0s;
	transition: all 0.4s ease-in-out 0s;
	height: 200px;
}

.serviceBox:hover .service-content {
	/* background: #3f4147; */
	border-color: #3f4147;
}

.serviceBox .title {
	font-size: 18px;
	font-weight: 600;
	color: #4f8fb3;
	padding-left: 0px;
	margin-bottom: 10px;
	text-transform: capitalize;
	-webkit-transition: all 0.4s ease-in-out 0s;
	transition: all 0.4s ease-in-out 0s;
}

.serviceBox:hover .title {
	/* color: #fff; */
}

.serviceBox .description {
	font-size: 15px;
	color: #403e3e;
	margin: 0;
}

.serviceBox .read-more {
	display: inline-block;
	width: 32px;
	height: 30px;
	line-height: 30px;
	background: #3f4147;
	font-size: 20px;
	font-weight: 900;
	color: #fff;
	position: absolute;
	bottom: 0;
	right: -1px;
	text-align: center;
	-webkit-transition: all 0.4s ease-in-out 0s;
	transition: all 0.4s ease-in-out 0s;
}

.serviceBox .read-more:hover {
	background: #2a2b2c;
}

@media only screen and (max-width:990px) {
	.serviceBox {
		margin-bottom: 50px;
	}
}


#vision-mission-section {
	margin: 2% 0% 5% 0px;
}

.mission-col{
	    /* background: #eee; */
    /* padding: 20px; */
}

.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover {
	color: #555;
	background-color: transparent;
	border-radius: 0;
}

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




.main-timeline{
    overflow: hidden;
    position: relative;
}
.main-timeline:before{
    content: "";
    width: 3px;
    height: 100%;
    background: #d6d5d5;
    position: absolute;
    top: 0;
    left: 50%;
}
.main-timeline .timeline{
    padding-right: 30px;
    position: relative;
}
.main-timeline .timeline:before,
.main-timeline .timeline:after{
    content: "";
    display: block;
    width: 100%;
    clear: both;
}
.main-timeline .timeline:first-child:before,
.main-timeline .timeline:last-child:before{
    content: "";
    width: 13px;
    height: 13px;
    border-radius: 50%;
    border: 2px solid #d6d5d5;
    background: #fff;
    margin: 0 auto;
    position: absolute;
    top: 0;
    left: 0;
    right: -3px;
}
.main-timeline .timeline:last-child:before{
    top: auto;
    bottom: 0;
}
.main-timeline .timeline-icon{
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #fff;
    border: 2px solid #d6d5d5;
    box-sizing: content-box;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: -4px;
}
.main-timeline .timeline-icon:before{
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #737ab4;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
.main-timeline .year{
   display: inline-block;
    padding: 8px 20px;
    margin: 0;
    font-size: 14px;
    color: #fff;
    background: #737ab4;
    text-align: center;
    position: absolute;
    top: 50%;
    right: 30%;
    transform: translateY(-50%);
    width: 150px;
	display: none;
}
.main-timeline .year:before{
    content: "";
    border-right: 18px solid #737ab4;
    border-top: 18px solid transparent;
    border-bottom: 18px solid transparent;
    position: absolute;
    top: 0;
    left: -18px;
}
.main-timeline .timeline-content{
    width: 46.5%;
       padding: 35px 40px;
    margin: 0 20px 0 0;
    background: #f2f2f2;
    position: relative;
}
.main-timeline .timeline-content:after{
    content: "";
    border-left: 20px solid #f2f2f2;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    position: absolute;
    top: 50%;
    right: -20px;
    transform: translateY(-50%);
}
.main-timeline .title{
       float: left;
    font-size: 24px;
    font-weight: 500;
    color: #4f8fb3;
    margin: 0 20px 15px 0;
}
.main-timeline .post{
    display: inline-block;
    font-size: 15px;
    color: #333;
    margin-top: 6px;
}
.main-timeline .description{
    font-size: 14px;
    color: #7d7b7b;
    line-height: 24px;
    margin: 0;
    clear: both;
}
.main-timeline .timeline:nth-child(2n){ padding: 0 0 0 30px; }
.main-timeline .timeline:nth-child(2n) .year{
    right: auto;
    left: 30%;
}
.main-timeline .timeline:nth-child(2n) .year:before{
    border: 18px solid transparent;
    border-right: none;
    border-left: 18px solid #737ab4;
    left: auto;
    right: -18px;
}
.main-timeline .timeline:nth-child(2n) .timeline-content{
    float: right;
    margin: 0 0 0 20px;
}
.main-timeline .timeline:nth-child(2n) .timeline-content:after{
    border-left: none;
    border-right: 20px solid #f2f2f2;
    right: auto;
    left: -20px;
}
@media only screen and (max-width: 1200px){
    .main-timeline .year{ right: 30%; }
    .main-timeline .timeline:nth-child(2n) .year{ left: 30%; }
}
@media only screen and (max-width: 990px){
    .main-timeline .year{ right: 25%; }
    .main-timeline .timeline:nth-child(2n) .year{ left: 25%; }
}
@media only screen and (max-width: 767px){
    .main-timeline:before{ left: 10px; }
    .main-timeline .timeline{
        padding: 0 0 0 30px;
        margin-bottom: 20px;
    }
    .main-timeline .timeline:last-child{ margin-bottom: 0; }
    .main-timeline .timeline:first-child:before,
    .main-timeline .timeline:last-child:before{ display: none; }
    .main-timeline .timeline-icon{
        margin: 0;
        position: absolute;
        top: 7px;
        left: 0;
    }
    .main-timeline .year,
    .main-timeline .timeline:nth-child(2n) .year{
        display: block;
        font-weight: bold;
        margin: 0 0 32px 30px;
        z-index: 1;
        position: relative;
        top: auto;
        left: auto;
        right: auto;
        transform: none;
    }
    .main-timeline .timeline:nth-child(2n) .year:before{
        border-left: none;
        border-right: 18px solid #737ab4;
        right: auto;
        left: -18px;
    }
    .main-timeline .timeline-content{ padding: 20px; }
    .main-timeline .timeline-content,
    .main-timeline .timeline:nth-child(2n) .timeline-content{
        width: auto;
        float: none;
        margin: 0 0 0 30px;
    }
    .main-timeline .timeline-content:after,
    .main-timeline .timeline:nth-child(2n) .timeline-content:after{
        border: none;
        border-bottom: 20px solid #f2f2f2;
        border-left: 20px solid transparent;
        border-right: 20px solid transparent;
        top: -20px;
        left: 50%;
        right: auto;
        transform: translateX(-50%);
    }
}
@media only screen and (max-width: 480px){
    .main-timeline .title{
        float: none;
        margin: 0;
    }
    .main-timeline .year,
    .main-timeline .timeline:nth-child(2n) .year{ margin-left: 20px; }
    .main-timeline .timeline-content,
    .main-timeline .timeline:nth-child(2n) .timeline-content{ margin-left: 10px; }
    .main-timeline .post{ margin: 5px 0; }
}


#core-value-section{
	
	margin:3% 0% 6% 0%;
}







/********************************************** career *****************************************/

#career {
	padding: 40px 0;
}

.cformwrap {
	position: relative;
	overflow: hidden;
	padding-left: 50%;
	padding: 20px 20px 20px 50%;
	-webkit-box-shadow: 2px 2px 15px -4px #777;
	box-shadow: 2px 2px 15px -4px #999;
	border-radius: 10px;
}

.cformwrap>img {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 48%;
	-o-object-fit: cover;
	object-fit: cover;
}

.cformwrap h4 {
	margin-bottom: 35px;
}

.cformwrap form {
	position: relative;
}

.cformwrap:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 5px;
	/* background: -webkit-gradient(linear, right top, left top, color-stop(50%, #efefef), color-stop(50%, #4f8fb3)); */
	/* background: linear-gradient(270deg, #efefef 50%, #4f8fb3 50%); */
	background-size: 200% 200%;
	background-position: right;
	-webkit-transition: 0.4s all ease;
	transition: 0.4s all ease;
}

.cformwrap:hover:after {
	background-position: left;
}

.carwrap {
	padding: 20px;
	text-align: center;
}

.carwrap p {
	font-size: 16px;
	padding: 0px 50px;
}

.productswrap {
	padding: 40px 0;
}

.prowrap {
	padding: 50px;
	position: relative;
}
.

.prowrap:before {
	content: "";
	position: absolute;
	top: 20px;
	left: 20px;
	right: 20px;
	bottom: 20px;
	-webkit-box-shadow: 0px 0px 3px -2px #777;
	box-shadow: 0px 0px 8px -1px #999;
}

.prowrap:after {
	content: "";
	position: absolute;
	top: 100%;
	left: 20px;
	right: 20px;
	bottom: 20px;
	opacity: 0;
	background-color: #4f8fb3ba;
	z-index: 9;
	-webkit-transition: 0.4s all ease;
	transition: 0.4s all ease;
}

.prowrap:hover:after {
	opacity: 1;
	top: 20px;
}

.propmain {
	position: relative;
	text-align: center;
}

.protitle {
	padding: 15px;
	background-color: #005f85;
	color: white;
}

.protitle h2 {
	font-size: 20px;
	margin: 0;
}

.prowrapover {
	position: absolute;
	left: 20px;
	right: 20px;
	bottom: 120px;
	text-align: center;
	opacity: 0;
	z-index: 99;
	-webkit-transition: 0.4s all ease;
	-webkit-transition: 0.4s all ease;
	transition: 0.4s all ease;
}

.prowrap:hover .prowrapover {
	opacity: 1;
	-webkit-transition-delay: 0.4s;
	transition-delay: 0.4s;
}

.prowrapover a {
	text-decoration: none;
	background-color: white;
	border: 1px solid white;
	padding: 10px 15px;
	margin: 0 15px;
}

.prowrapover a:hover {
	color: black;
	border-color: black;
	background-color: #b6daf2;
}

.modal .modal-header {
	background: #c43a03;
	color: white;
}

.modal .close {
	color: white;
	opacity: 1;
}

textarea.form-control {
	height: 157px;
}

td {
	vertical-align: middle;
}

tbody:nth-last-of-type(even) {
	background-color: #e8f6ffb0;
}

.our-team1{
    text-align: center;
	margin: 15px 0px;
	background-color: #fff;
}
.our-team1 .team-img1{
       overflow: hidden;
    position: relative;
    height: 240px;
   
    border: 1px solid #333;
    padding: 10px;
    padding-top: 14%;
}
.our-team1 .team-img1 img{
    width: 100%;
    height: auto;
    object-fit: scale-down;
    max-height: 100%;
}
.our-team1 .social1{
        width: 100%;
    height: 30%;
    background: #efe6cb82;
    position: absolute;
    top: 50%;
    left: 0;
    opacity: 0;
    transform: translateY(-50%) rotate(-30deg);
    transition: all 0.3s ease 0s;
}
.our-team1:hover .social1{
    height: 100%;
    opacity: 1;
    transform: translateY(-50%) rotate(0deg);
}
.our-team1 .social1 ul{
    padding: 0;
    margin: 0;
    width: 100%;
    text-align: center;
    position: absolute;
    top: 45%;
    left: 0;
}
.our-team1 .social1 ul li{
    display: inline-block;
}
.our-team1 .social1 ul li a{
    display: block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 50%;
    font-size: 17px;
    color: #fff;
    margin-left: 10px;
    background: transparent;
    transition: all 0.3s ease 0s;
}
.our-team1 .social1 ul li a:hover{
    background: #fff;
    color: #f3904d;
}
.social1 a{
	
line-height: 200px;
    color: #005a7c;
    background: #fff;
    padding: 10px 20px;
    text-decoration: none;
}
.our-team1 .team-content1{
   padding: 20px 0;
    background: #323232;
    color: #b6daf2;
}
.our-team1 .title1{
    display: block;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 1px;
    /* text-transform: uppercase; */
    margin: 0 0 7px 0;
    color: #fff;
}
.our-team1 .post1{
    display: block;
    font-size: 15px;
    color: #999;
}

.modal {
    z-index: 99999;
    background-color: #0000001a;
}


@media only screen and (max-width: 990px){
    .our-team1{ margin-bottom: 30px; }
}

@media only screen and (max-width: 800px){
	.modal-dialog {
	    width: auto;
	   
	}

}

@media only screen and (max-width: 767px){

.table-responsive>.table>tbody>tr>td {
    white-space: normal;
}

.modal.in .modal-dialog {
    height: auto;
}


.modal.fade {
    overflow-y: auto;
}

}

/*************************************   Leadership CSS ********************************************/


.leadership-left h3{
	font-size: 20px;
    color: #333;
    text-align: center;
    background: #ccc;
    margin: 0px;
    padding: 15px 0px;
    text-transform: uppercase;
	
}

.leadership-right p{
	
	color:#333;
	font-size:16px;
}


.leadership-left  {
	padding: 10px;
    border: 1px solid #ccc;
	
}
#leadership-section{
	
	margin:3% 0% 0% 0%;
}

.leadership-right{
	
	margin-top:5%;
}

.leader-col{
	
	margin-bottom:5%;
}

.report-btn{
	
	
	      position: fixed;
    right: -8%;
    transform: rotate(90deg);
    background: #4f8fb3;
    color: #ffff;
    font-size: 20px;
    font-weight: bold;
    z-index: 9999;
    letter-spacing: 2px;
    padding: 12px 10px;
    border: 1px solid #fff;
}

.report-btn:hover{
	
	
	      position: fixed;
    right: -8%;
    transform: rotate(90deg);
    background: #4f8fb3;
    color: #ffff;
    font-size: 20px;
    font-weight: bold;
    z-index: 9999;
    letter-spacing: 2px;
    padding: 12px 10px;
    border: 1px solid #fff;
}

.report-btn:focus{
	
	
	      position: fixed;
    right: -8%;
    transform: rotate(90deg);
    background: #4f8fb3;
    color: #ffff;
    font-size: 20px;
    font-weight: bold;
    z-index: 9999;
    letter-spacing: 2px;
    padding: 12px 10px;
    border: 1px solid #fff;
}