.mu-about-left1 {
    display: inline;
    margin-top: 20px;
    float: left;
    width: 100%;
    /* box-shadow: 0px 8px 71px -9px rgb(0 0 0 / 40%); */
}

.col-three.ft-cont.left10 {
    margin-left: 16%;
}

.mu-about-right1 {
    display: inline;
    /* float: left; */
    /* margin-top: 10px; */
    /* width: 130%; */
    /* background-color: #fff; */
    /* padding: 10px 38px; */
    /* margin-left: -175px; */
    /* box-shadow: 3px 1px 22px -9px #000; */
}

.mu-about-right1 h2 {
    font-weight: 600;
}

.abt-ser{ padding:20px 0;}
.abt-ser h2{ padding:20px 0; color:#00ab24; font-weight:800; text-align: center;}
.ser-bx{ padding: 20px 0;}
.ser-bx i{
    float:left;
    height: 73px;
    width: 65px;
    line-height: 51px;
    text-align: center;
    display:block;    
    border-radius: 100%;
    margin-right: 30px;
    margin-bottom: 110px;
    }
	
.ser-bx:hover i{
    -webkit-animation: bounceIn 0.5s ease-in-out 1 both;
    -moz-animation: bounceIn 0.5s ease-in-out 1 both;
    -ms-animation: bounceIn 0.5s ease-in-out 1 both;
    -o-animation: bounceIn 0.5s ease-in-out 1 both;
    animation: bounceIn 0.5s ease-in-out 1 both;
}
.ser-bx i img{ padding:5px; max-width: 100%;}		
.ser-bx h4 a{ font-size: 20px; color:#333; font-weight: 600;}
.ser-bx p{ font-size:14px; line-height: 22px; text-align: left;}
.chrt-img img{ margin-top:10px;}
.chrt-img h5{ text-align:center;}

/*widget1 .abt-middle*/


#ser-hm {
  padding: 60px 0 60px 0;
  overflow: hidden;
}

#ser-hm .box {
  padding: 20px;
  margin-top: 15px;
  margin-bottom: 15px;
  box-shadow: 0px 0px 30px rgba(73, 78, 92, 0.15);
  background: #fff;
  transition: 0.4s;
  position:relative;    overflow: hidden;
  min-height:115px;
}

.mu-about-right1 h2 {
    color: #27507a;
}
.mu-about-right1 h2::after {
    width: 110px;
    height: 4px;
    background: #c5965e;
    content: "";
    display: block;
    margin: 10px 0px 15px 0px;
}

.mu-about-right1 p {
    font-size: 15px;
}

.INSbg {
    background-image: url(/Image/Perception1.jpg);
    background-repeat: repeat-y;
    margin-top: 30px;
    min-height: 432px;
}
.bgcontacts{
    background-image: url(/Image/contactnew.jpg);
    background-repeat: repeat-y;
    margin-top: 30px;
}


.bgimage{background-image: url(image/services111.jpg);background-repeat: repeat-y;padding-left: 50px;height: 444px;}

body{ font-family: Times New Roman; font-size:14px; overflow-x:hidden;}
*{ font-family: Times New Roman;}
p{font-family: Times New Roman;font-size: 14px;color: #000;line-height:23px;margin-bottom:10px; text-align:justify; }

.container ul li, ol li{ font-family:Times New Roman;; font-weight:normal; Font-size:14px; color:#333; line-height:24px; text-align:left;}
.workforce-bx{background: url(image/Wrok-Space-Dynamics.jpg) no-repeat; background-size:100% 100%; padding: 50px 0 60px; color:#fff;    margin-bottom: 20px;}
.workforce-bx .sub-heading{color: #fff;}
.workforce-bx p{color: #fff;    padding: 15px;}
.photo{ float:left; margin-right:10px; border:1px #ccc solid;}
.ft-cont{/*! width:32%; */margin-bottom: 100px;}

/*.ft-cont{margin-top: -3px;}*/

.us-lk ul{     list-style-type: square;
    font-size: 13px;
    margin-bottom: 0;
    color: #fff;       padding-left: 24px;}

.us-lk ul li{line-height: 20px; margin-bottom: 7px;}

.us-lk ul li:hover{padding-left: 5px;}

.us-lk ul li a{color:#fff;}

.us-lk ul li:hover a{color:#256fb4 !important;}

footer a{color:#fff;}

.ft-soc ul{font-size: 16px;     margin-bottom: 0;     list-style: none;}
	
.ft-cont strong{color:#fff;}

.ft-cont p{/*! margin-bottom:12px; */ font-size: 22px; line-height: 20px;     color: #fff; line-height: 35px; 
    /*! min-height: 25px; */
    transition: 0.5s;
\.cprht-lft\{float: left;
\}\ \.cprht-rht\{float: right;
\}\ \.cprht-rht\ a\{color: #fff;
\}\ p\.cprht-rht\ img\ \{\ height: 25px;
transition: 0.5s;
\}\ p\.cprht-rht\ img: hover{transform:rotate(360deg) transition:0.5s} .ft-cont i { width: 35px height: 21px text-align: center border: 1px solid #fff font-size: 19px line-height: 0 margin-right: 11px margin-top: 4px vertical-align: baseline float: left transition: 0.5s padding: 8px 0px } .ft-cont p:hover i{background:#0f5d9d transition:0.5s};
padding-top: 0px;
font-weight: 600;
font-family: ;
font-family: Times New Roman;
}

#mu-about {
    background-
    color: #f2f2f2;
    /* box-shadow: 3px 1px 22px -9px #000; */
    display: inline;
    /* padding: 32px 0px; */
    float: left;
    width: 100%;
}
.cprht-lft{float:left;}

.cprht-rht{float:right;}

.cprht-rht a{color:#fff;}

p.cprht-rht img {
    height: 25px; transition:0.5s;
}

p.cprht-rht img:hover{transform:rotate(360deg); transition:0.5s;}

.ft-cont i {    width: 50px;
    height: 55px;
    text-align: center;
    border: 1px solid #fff;
    font-size: 25px !important;
    line-height: 0;
    margin-right: 11px;
    margin-top: 10px;
    vertical-align: baseline;
    float: left;
    transition: 0.5s;
    padding: 27px 0px;
}

.ft-cont p:hover i{background:#0f5d9d; transition:0.5s;}
.ft-cont p:hover i{background:#cba355; transition:0.5s;}
.mu-about-area {
    /* display: inline; */
    /* float: left; */
    /* padding: 30px 0; */
    /* width: 100%; */
}
#mu-about .btn{ text-align:left; display: inherit;}
#mu-about .btn a{ font-size: 14px; line-height:30px; text-align: left; color: #fff; background: #27507a;  padding: 10px 14px; border-radius: 4px; text-decoration:none;}

.mu-about-left {
    display: inline;
    margin-top: 20px;
    float: left;
    width: 105%;
    /* box-shadow: 0px 8px 71px -9px rgba(0,0,0,0.4); */
}
.mu-about-leftt {
    /* display: inline; */
    /* float: right; */
    /* margin-top: 20px; */
    margin-bottom: 10px;
    /* width: 100%; */
    /* box-shadow: 0px 8px 71px -9px rgba(0,0,0,0.4); */
    /*! overflow: hidden; */
    /*! z-index: inherit; */
    /*! overflow: unset; */
}
.mu-about-right h2 {
	color: #27507a;
}
.mu-about-rightt h2 {
	color: #27507a;
}
.mu-about-right {
    /* display: inline; */
    /* float: left; */
    /* margin-top: 35px; */
    /* width: 130%; */
    /* background-color: #fff; */
    /* padding: 10px 38px; */
    margin-left: 9px;
    /* box-shadow: 3px 1px 22px -9px #000; */
}
.mu-about-rightt {
    /* display: inline; */
    /* float: left; */
    /* margin-top: 39px; */
    /* width: 130%; */
    /* background-color: #fff; */
    /* padding: 10px 36px; */
    /* margin-right: -175px; */
    /* box-shadow: 3px 1px 22px -9px #000; */
    /* position: absolute; */
    /* z-index: 1; */
}
.mu-about-right h2::after {
    width: 110px;
    height: 4px;
    background: #c5965e;
    content: "";
    display: block;
    margin: 10px 0px 15px 0px;
}
.mu-about-right h2{
	font-weight: 600;
}
.mu-about-right p {
    font-size: 15px;
}

.mu-about-rightt h2::after {
    width: 110px;
    height: 4px;
    background: #c5965e;
    content: "";
    display: block;
    margin: 10px 0px 15px 0px;
}
.mu-about-rightt h2{
	font-weight: 600;
}
.mu-about-rightt p {
    font-size: 15px;
}
.mu-scrolldown {
    font-size: 35px;
    color: #27507a;
    display: inline-block;
    margin-top: 14px;
}

img{ max-width:100%;}

.logo1 {background: #010101;
    /* text-align: center; 
    padding-top: 10px;*/
}

.body-fx .logo {
    text-align: inherit;
    padding-top: 10px;
    padding-left: 30px;
}

.four-col{ margin-top: -64px; z-index: 9; position: relative;}
.four-col-inner{float:left; width:25%; text-align:center; background:#c59944; padding: 18px 0 0;}
.four-col-inner:nth-child(2){background:#deac4c;}
.four-col-inner:nth-child(3){background:#c59944;}
.four-col-inner:nth-child(4){background:#deac4c;}
.four-col-inner .fa{ font-size: 34px; color: #222; width: 80%; height: 45px;
    border: 1px solid #222; line-height: 42px; transition:0.5s;
}

.four-col-inner:hover .fa{ transition:0.5s; border-radius:45px; background:#333; color:#fff;}
.four-col-inner h3{ font-weight: bold; color: #222; font-size: 22px; margin-top: 10px;}
.four-col-inner p{ text-align:center;}
.four-col-inner p a{ color:#222;}
#MenuControl{background: #010101;}
.navbar-default{border:0;background: #010101;}
.navbar .navbar-right{ margin-top: 8px;}
.navbar-default{ margin-bottom: 0; padding: 16px 0; transition:0.5s;}
.navbar-default .navbar-nav>li>a{color: #cba355;padding-top: 8px;padding-bottom: 9px;}
.navbar-default .navbar-brand{ padding:0;}

.body-fx #HeaderControl {
    float: Left; 
    position: fixed;
    width: 37%;
    padding: 0;
    padding-left: 0;
    z-index: 99;
    text-align: left;
    height: 68px !important;
    top: 0;
}

.body-fx #MenuControl {
    float: Right;
    position: fixed;
    right: 0;
    width: 65%;
    padding: 0;
    padding-right: 0;
    transition: 0.5s;
    top: 0;
    height: 68px !important;
}

.navbar-fixed-top .nav>li>a{ padding-left:20px; padding-right:20px;}

.navbar-fixed-top.navbar-default{ padding: 9px 0; background: rgba(255,255,255,0.95);
    transition: 0.5s; border-bottom: 1px solid #ccc; box-shadow: 0px 1px 4px #ccc; }


/*-- Slider --*/
#slider {
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	margin: 0 auto;
}
.rslides_tabs {
	list-style: none;
	padding: 0;
	background: rgba(0,0,0,.25);
	box-shadow: 0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,1.0);
	-moz-box-shadow: 0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,1.0);
	-webkit-box-shadow: 0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,1.0);
	font-size: 18px;
	list-style: none;
	margin: 0 auto 50px;
	max-width: 540px;
	padding: 10px 0;
	text-align: center;
	width: 100%;
}
.rslides_tabs li {
	display: inline;
	float: none;
	margin-right: 1px;
}
.rslides_tabs a {
	width: auto;
	line-height: 20px;
	padding: 9px 20px;
	height: auto;
	background: transparent;
	display: inline;
}
.rslides_tabs li:first-child {
	margin-left: 0;
}
.rslides_tabs .rslides_here a {
	background: rgba(255,255,255,.1);
	color: #fff;
	font-weight: bold;
}
.events {
	list-style: none;
}
.callbacks_container {
    position: relative;
    float: none;
    text-align: center;
    width: 100%;
}
.callbacks {
	position: relative;
	list-style: none;
	overflow: hidden;
	width: 100%;
	padding: 0;
	margin: 0;
}
.callbacks li {
	position: absolute;
	left: 0;
	top: 0;
}
.callbacks img {
	position: relative;
	z-index: 1;
	height: auto;
	border: 0;
}
.callbacks .caption {
	display: block;
	position: absolute;
	z-index: 2;
	font-size: 20px;
	text-shadow: none;
	color: #fff;
	left: 0;
	right: 0;
	padding: 10px 20px;
	margin: 0;
	max-width: none;
	top: 10%;
	text-align: center;
}
.callbacks_nav {
    position: absolute;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    top: 50%;
    left: 0;
    z-index: 3;
    text-indent: -9999px;
    overflow: hidden;
    text-decoration: none;
    width: 50px;
    height: 50px;
    background: transparent url(image/arrows.png) no-repeat left top;
}
.callbacks_nav.next {
  left: auto;
    background-position: right top;
  right: 22px;
 }
 .callbacks_nav.prev {
    right: auto;
    background-position: left top;
    left:22px;
}
.callbacks_nav:active {
	opacity: 1.0;
}

.callbacks2_nav:active {
	opacity: 1.0;
}

#slider-pager a {
	display: inline-block;
}

#slider-pager span {
	float: left;
}
#slider-pager span {
	width: 100px;
	height: 15px;
	background: #fff;
	display: inline-block;
	border-radius: 30em;
	opacity: 0.6;
}
#slider-pager .rslides_here a {
	background: #FFF;
	border-radius: 30em;
	opacity: 1;
}
#slider-pager a {
	padding: 0;
}
#slider-pager li {
	display: inline-block;
}
.rslides {
	position: relative;
	list-style: none;
	overflow: hidden;
	padding: 0;
	margin: 0;
	width: 100%;     height: 560px;
}
.rslides li {
	-webkit-backface-visibility: hidden;
	position: absolute;
	display: none;
	left: 0%;
	top: 0;
	width: 100%;
}
.rslides li {
	position: relative;
	display: block;
	float: none; height:100%;
}
.rslides img {
	height: auto;
	border: 0;
}
.callbacks_tabs {
	list-style: none;
	position: absolute;
	top: 66.5%;
	z-index: 999;
	left: 45%;
	padding: 0em 0.6em 1em 0.3em;
	margin: 0; display:none;
}
.callbacks_tabs li {
	display: inline-block;
	margin: 0.5em;
}
.callbacks_tabs a {
	visibility: hidden;
}
.callbacks_tabs a:after {
	content: "\f111";
	font-size: 0;
	font-family: FontAwesome;
	visibility: visible;
	display: block;
	width:12px;
	height: 12px;
	display: inline-block;
	background: #fff;
	border: none;
	border-radius: 50%;
}
.callbacks_here a:after {
	background: #168eea;
}
.slider-info {
    /* background: #fff; */
    /* opacity: 0.85; */
    /* box-shadow: 3px 1px 22px -9px #000; */
    position: absolute;
    top: 9em;
    z-index: 999;
    left: 0;
    width: 68%;
    padding: 30px 0px;
    border-radius: 5px;
    /* height: 100%; */
    right: 0;
    margin: 0 auto;
}
.ban-logo{
    width: 105px;
    margin: 0 auto;
    margin-bottom: 20px;
}

.arrow-dn{    width: 55px;
    height: 55px;
    border-radius: 50%;
    border: 2px double #fff;
    line-height: 50px;
    margin: 0 auto;
    background: #7a90ff;
    margin-top: 40px;}
	
.slider-img{height: 100%;}

.slider-img img {
    height: 100%;
    width: 100%;
	box-shadow: 3px 1px 22px -9px #000;
}

.slider-info h3 {
    font-size: 31px;
    font-weight: 600;
    color: #fff;
    font-family: Bodoni MT Black !important;
    font-weight: bold;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin: 10px 10px;
    text-shadow: 3px 3px #121212;
}

.slider-info p {
    font-size: 22px;
    font-weight: 500;
    color: #c5965e; text-align:center;
    margin: 0 auto;
    line-height: 35px;
    letter-spacing: 1px;
}

.slider-info h4 {
    font-size: 30px;
    color: #c5965e;
    letter-spacing: 3px;
    text-transform: uppercase;
    margin-top: 7px;
}
h6 {
	margin:0 auto;
	z-index:999;
}
h6 a{
	cursor:pointer;
	font-size:15px;
	text-transform:uppercase;
}
.slider-top span{
font-weight:600;
}
.callbacks_tabs li{
       display: inline-block;
    margin: 0 7px;
}
/*-- //Slider --*/

/*About-us*/

.sec-about{padding-bottom:50px; padding-top:50px;}

.sec-about-rht .nav-tabs .fa{    display: block;
    font-size: 28px;
    text-align: center;
    margin-bottom: 8px;}
	
.sec-about-rht .nav-tabs>li a{border:1px solid #eee; border-radius: 0; color:#777; padding: 22px 0 30px; position:relative;}
	
.sec-about-rht .nav-tabs>li.active>a, 
.sec-about-rht .nav-tabs>li.active>a:focus, 
.sec-about-rht .nav-tabs>li.active>a:hover{border:1px solid #eee; border-radius: 0; color:#fff; padding: 22px 0 30px; position:relative;     background: #c59944;}
.sec-about-rht .nav-tabs{border:0;}
.sec-about-rht .nav-tabs>li{    width: 32.3%;
    text-align: center;
    margin-right: 1%;
    font-weight: bold;
    font-size: 17px;}
	
.sec-about-rht .nav-tabs>li.active>a:after{height:5px; content:""; left:0; bottom:0; width:100%; background:#465210; position:absolute}
.sec-about-rht .nav-tabs>li.active>a:before{content: "";
    left: 0;
    bottom: 5px;
    position: absolute;
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 12px solid #465210;
    right: 0;
    margin: 0 auto;}
	
.sec-about-rht .nav-tabs>li.active .fa{color:#fff;}

.sec-about-rht .hm-head{    text-align: left;
    font-size: 23px;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 20px;
    position: relative;
    border-bottom: 1px solid #eee;
    padding-bottom: 14px; position:relative;}
	

.sec-about-rht .hm-head i{position:relative;}	
.sec-about-rht .hm-head i:after{content:""; left:0; width:100%; height:3px; background:#c59944; position:absolute; bottom:-15px;}
	
.sec-about-rht .hm-head span{color:#c59944;}
.sec-about-rht .tab-content{    min-height: 350px;}

/*services*/

.service {
    background: #010101;
    /* padding: 40px 0 100px; */
    /* background: #f2f2f2; */
}
.service .section-title {
    margin-top: 45px;
}
.section-title {
    text-align: center;
}
.section-title h2 {
    color: #c5965e;
    font-size: 36px;
    text-transform: uppercase;
    position: relative;
    font-weight: 600;
}
.service .section-title span {
    color: #fff;
}
.section-title h2 span {
    color: #42bc7f;
}
.service .single-service {
    position: relative;
    margin-top: 25px;
    padding-left: 75px;
}
.service .single-service i {
    font-size: 30px;
    color: #ffffff;
    position: absolute;
    left: 0;
    top: 0;
    border-right: 2px solid #c5965e;
    height: 60px;
    width: 60px;
    line-height: 60px;
    text-align: center;
    border-radius: 50%;
}
.service .single-service h5 {
    font-size: 18px;
    color: #c59944;
	line-height:24px;
    font-weight: 600;
    margin-bottom: 10px;
    text-transform: capitalize;
}
.service .single-service p {
    color: #fff;
    font-size: 14px;
    text-align: left;
    line-height:22px;
}

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.fa-pencil:before {
    content: "\f040";
	
}
.section-title h2:after {
    width: 110px;
    height: 4px;
    background: #fff;
    content: "";
    display: block;
    margin: 10px auto 0;
}


/*contact-form*/

.section {
    padding: 14px 0 40px 0px;
}
.contact-form {
    padding: 40px 0 20px 0px;
	background: #f2f2f2;
    box-shadow: 3px 1px 22px -9px #000;
}
.section h3 {
    font-size: 33px;
	color: #222;
    font-weight: 600;
}
.section-title {
    margin-top: 25px;
    text-align: center;
    margin-bottom: 40px;
}
.section-title h3 {
    font-family: Times New Roman;
    margin-bottom: 20px;
}
.section-title h3::after {
    width: 90px;
    height: 4px;
    background: #27507a;
    content: "";
    display: block;
    margin: 10px auto 0;
}
span.alternate {
    color: #c5975c;
    font-weight: 400;
}
.section p{  font-size: 20px;
    line-height: 26px;
    color: #848484;
    margin-bottom: 0;
}
.contact-form .form-control {
    margin-bottom: 20px;
}

.form-control{ background: transparent;
border: 1px solid #b3b3b3;
border-radius: 0;
font-size: 15px;
padding: 22px 20px;
margin-bottom: 20px;
color: #b3b3b3;
box-shadow: 1px 10px 20px -12px rgba(0,0,0,0.2);}



}
.contact-form button {
    margin-top: 30px;
    margin-bottom: 30px;
}
.btn-main-md {
    padding: 15px 40px;
    border-radius: 0;
    background: #c5965e;
    color: #fff;
    outline: none;
    font-size: 0.9375rem;
}
.btn {
    text-transform: uppercase;
    transition: all .3s ease;
}
.btn {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: 14px 27px;
    font-size: 16px;
    line-height: 1.25;
    border-radius: .25rem;
    transition: all .15s ease-in-out;
    padding-left: 0;
}
.btn-main-md:hover {
    color: #fff;
    background: #27507a;
}
.btn:hover {
    text-decoration: none;
}

.rdm{ color: #263240; font-size: 15px; line-height:24px; font-weight:600; margin-top:10px; text-align:center;}
.btn-link a{ color:#c59944;}



footer{ background: #232323; position: relative;
    border-top: 10px solid #232323;
    box-shadow: -5px -2px 5px #999;}
	
.links-use{padding-top: 12px;}
	
.cont-ft ul{ padding-left:0; list-style:none; margin-top: 16px; margin-bottom: 0;}
.cont-ft ul li{background: #5f375a;color: #fff;margin-bottom:10px;position:relative;padding: 5px 0;padding-left: 44px;}
.cont-ft ul li .fa{
    position: absolute;
    left: 0;
    width: 35px;
    text-align: center;
    height: 100%;
    line-height: 30px;
    font-size: 18px;
    background: #5f375a;
    top: 0;
    color: #fff;
    }	
	
.cont-ft ul li:first-child .fa{ line-height: 50px;}

.ft-head{    color: #fff;
    border-bottom: 1px dashed #666;
    margin-top: 0;
    margin-bottom: 18px;
    padding-bottom: 8px;}
	
.links-use ul{ padding-left: 25px; font-weight: 300; margin-bottom: 0;}
.links-use ul li a{ color:#ccc;}
.links-use ul li{ margin-bottom:7px; transition:0.5s;}
.links-use ul li:hover{ padding-left:10px; color:#fff; transition:0.5s;}
.links-use ul li:hover a{ color:#fff; text-decoration:none;}

.copyrht{ background: #c59944; color: #fff; font-size: 14px; padding: 8px 0; line-height:24px; margin-top:5px;}
	
.copyrht a{ color:#fff; text-decoration:none; }

.copyrht-lft{ color: #fff; font-size: 14px;}
.copyrht-rht{ color: #fff; font-size: 14px;}
.copyrht-ctr{ color: #fff; font-size: 14px; text-align:center;}
.icsize {
    width: 30px;
    padding-left: 5px;
}


.top{ position: fixed;
    right: 18px;
    bottom: 30px;
    text-align: center;
    color: #fff;
    background: #434343;
    padding: 10px 10px;
    z-index: 99;
    border-radius: 50%;
    border: 2px solid #c59944; cursor:pointer; opacity:0; transition:ease-in 0.5s;}
	
.top.scll-top{ opacity:1; transition:ease-in 0.5s; bottom: 50px;}
	
.top .fa{ display:block !important;}


@media(max-width:1024px){
.animatedParent{overflow:hidden;}
.nav>li>a{ padding: 9px 9px;}	
.three-cl-inner{height: auto;}
.hm-serv-bx-cnt p{ line-height: 18px; margin-bottom: 7px; font-size: 14px;}
.hm-serv-bx-cnt h3{ font-size: 19px; margin-bottom: 18px;}

.navbar-fixed-top .nav>li>a {
    padding-left: 13px;
    padding-right: 12px;
}

.hm-serv-bx-cnt p {
    line-height: 22px;
    margin-bottom: 7px;
    font-size: 15px;
}

.hm-serv-bx-cnt h3{ font-size: 25px; margin-bottom: 20px;}
.hm-serv-bx{ height: auto;}	
.hm-serv-bx-cnt p{margin-bottom: 25px;}
 
}


	
@media(max-width:769px){
.three-cl h3{ font-size: 24px;}	
.copyright-rht ul li{ padding-left: 10px; margin-left: 10px;}

.navbar .navbar-right{    width: 100%;
    margin: 0;
    margin-top: 10px;
}
.nav>li>a {
    padding: 9px 15px;
}
#logo-web{height: 100%;}



.navbar-fixed-top {
    background: #fff;
	position: static;
}
.body-fx #HeaderControl {
    width: 100%;
}

.body-fx #MenuControl {
    top: 100px;
    width: 100%;
}

.three-cl h3{ font-size: 22px;}	
.copyright-rht ul li{ padding-left: 10px; margin-left: 10px;}

.navbar .navbar-right{ width: 100%; margin: 0; margin-top: 10px;}

.nav>li>a { padding: 9px 15px;}

#logo-web{ height: 100%;}


}

	
	
@media(max-width:767px){
.navbar{text-align:center;}
.navbar-toggle{float:inherit !important;}
.mu-about-right {
    width: 100%;
    margin-left: 0px;
}
.slider-info h4{    font-size: 35px;}	
.slider-info h3{font-size: 30px;}
.rslides{    height: 300px;}
.ban-logo{width: 75px;}
.slider-info{top: 59px;}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{border-color: #27507a;     background-color: #27507a;}
.navbar-toggle{background-color: #f26520; border-color: #27507a;}
.navbar-default .navbar-toggle .icon-bar{    background-color: #fff;}
.cont-rht ul, .copyright-lft, .copyright-rht{font-size: 13px;}

#bs-example-navbar-collapse-1{    margin: 0;  padding: 0; border-top: 0;
}
.navbar-default .navbar-nav>li>a{    color: #fff;
   padding: 5px 10px;
    background: #f26520; border-bottom:1px solid #fff;}

	
.top-nav-lft{float:left; width:70%;}	
.top-nav-rht{float:left; width:30%;}
.mu-about-right {
    width: 100%;
    margin-left: 0px;
}
.slider-info h4{    font-size: 35px;}	
.slider-info h3{font-size: 28px;}
.rslides{    height: 300px;}
.ban-logo{width: 75px;}
.slider-info{top: 59px;}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{ border-color: #fff; background-color: #27507a;}
.navbar-toggle{background-color: #c5965e;border-color: #27507a;} 
.navbar-default .navbar-toggle .icon-bar{ background-color: #fff;}
.cont-rht ul, .copyright-lft, .copyright-rht{ font-size: 14px; }

#bs-example-navbar-collapse-1{    margin: 0;  padding: 0; border-top: 0;}

.navbar-default .navbar-nav>li>a{ color: #fff; padding: 5px 10px; background:transparent; border-bottom:1px solid #fff; }	
.table-responsive{ border: none !important;}
	
}

	
@media(max-width:667px){
.three-cl h3{ font-size: 16px;}
.mu-scrolldown{ margin-top: 7px;}
.slider-info { width: 70% !important;}

}

	
@media(max-width:568px){
.cont-rht{ padding-bottom: 15px; width: 100%;}
.cont-lft{ width: 100%; margin-right: 0;}	
.copyright-lft, .copyright-rht{width:100%; text-align:center;}
.copyright-rht ul{ text-align: center; margin-top: 10px; font-size: 14px;}
.copyright-rht ul li{ font-size: 13px;}
.top-nav-lft{ width:100%;}	
.top-nav-rht{ display:none;}

}
	
	
	
@media(max-width:480px){
.ban-logo{ width: 60px;}
.slider-info h4{ font-size: 22px;}

.slider-info h3{ font-size: 16px;}
.slider-info p{ font-size: 14px;  line-height: 5px;}

.arrow-dn{display:none;}
.callbacks_nav{ background-size: 198% 100%; width: 40px; height: 40px; top: 110px;}
	
.hm-serv-bx-img{ width: 40%;}
.hm-head{ margin-bottom: 0; font-size: 32px;}

.container{ font-size: 14px;}
.hm-about p{ line-height: 21px;}
.three-cl .col-md-4{ width:100%;}
.three-cl-inner{ margin-bottom: 10px;}

.body-fx #HeaderControl{ width: 100%; left:0 !important;}
.body-fx #MenuControl { top: 70px; width: 100%;}
.body-fx .logo { text-align: center !important;  padding-top: 10px; padding-left: 0 !important;}
	
}

	
@media(max-width:414px){
.hm-serv-bx-img{display:none;}	
.hm-serv-bx-cnt{padding: 0 20px 0 20px;}

}
	
@media(max-width:375px){
.hm-serv-bx-cnt h3{font-size: 20px;}	
.two-cl .hm-head{ font-size: 24px;}
.callbacks_nav.next{right: 6px;}
.callbacks_nav.prev{LEFT: 6px;}
.rslides { height: 210px;}
.callbacks_nav{ top: 86px;}
.slider-info{ top: 35px;}
.hm-about .carousel{ height: 170px;}

.logo img { max-width: 85% !important;}
.body-fx .logo img { max-width: 85% !important;}

}


@media(max-width:360px){	
.logo img { max-width: 85% !important;}
.body-fx .logo img { max-width: 85% !important;}
	
}


	/*contact*/
.map-cont{     margin-top: 10px;
    width: 56%;
    float: left;
    border: 1px solid #ddd;
    text-align: center; padding: 10px 0;}
.map-cont img{max-width:100%;}
	
.bx-rht-cont{    width:40%;
    float: left;
    margin-left: 3%; text-align: left;}
	
.bx-rht-cont a{cursor:pointer;}
.bx-rht-cont h2{text-align: left;
    font-size: 16px;
    font-weight: bold;     line-height: 18px; margin-top: 10px; margin-bottom:5px;}
	
.bx-rht-cont p{margin-bottom:0;}
.brn-off{width:31%; padding:1%; float:left;     padding-bottom: 0;}
.cont-page h3{ margin: 0; font-size: 19px;text-transform: uppercase;}
.cont-page p{font-size:14px; color:#fff;     line-height: 24px !important;}

.cont-page h2 span{    display: block;
    font-size: 14px;
    color: #999;
    font-weight: 500;
    margin-bottom: 10px;}
	
.head-bx{float: left;
    width: 50%;}
	
.contd-bx{float: left;
    width: 50%;}
	
.brn-bx h2{text-align:center;}

.map-cont img{max-width:100%;}

.cont-page .st-feature-box{
    /* background: #263240; */
    padding-top: 10px;
    padding-bottom: 2px;
    margin-bottom: 2px;
    padding-right: 10px;
    }
	
.cont-page .feature-box-image{    margin-top: 13px;}

/*contact*/

.cont-page h2{font-weight:bold; Font-size:24px; color:#004488; line-height:31px; text-transform:uppercase; margin:0;}
.st-custom-heading-layout2.st-custom-heading-wraper {
    margin-bottom: 24px;
}
.cont-page h5{Font-size:15px; color:#004488; line-height:31px; text-transform:uppercase; margin:0;}

.st-custom-heading-layout2 .st-heading-title {
    position: relative;
    margin-bottom: 0;
    text-transform: uppercase;
    font-size: 25px;
    line-height: 25px; font-weight:bold;
	margin-top: 0;
}

.st-custom-heading-layout2 .st-heading-title>span {
	    position: relative;
    margin-bottom: 0;
    text-transform: uppercase;
    font-size: 25px;
    line-height: 25px;
    display: block;
    margin-bottom: 11px;
}

.st-custom-heading-layout2 .heading-line {
    width: 26px;
    height: 1px;
    background: #114366;
    margin: 0;
}

.st-feature-box {
    padding-left: 90px;
    position: relative;
    margin-bottom: 8px;
}

.st-feature-box .st-feature-box-icon {
	color: #114366;
	display: block;
	position: absolute;
	width: 52px;
	height: 52px;
	line-height: 0px;
	top: 20px;
	left: 8px;
	text-align: center;
	font-size: 60px;
	-webkit-transition: all .3s;
	-khtml-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

.st-feature-box h3 {
    color: #000;
    margin-bottom: 8px;
    font-size: 18px;
    line-height: 20px;
    font-weight: normal;
    text-align: left;
    text-transform: uppercase;
}

.contact {padding:10px 0 80px;}
.contact .map-hm-rht {
  box-shadow: 0 0 30px rgba(214, 215, 216, 0.6);
  padding: 30px;
  background: #fff;
}



.contact .map-hm-rht input{
  border-radius: 0;
  box-shadow: none;
  font-size: 14px;
}

.contact .map-hm-rht input::focus{
  background-color: #ffb03b;
}

.contact .map-hm-rht input {
  padding: 20px 15px;
}


.contact .map-hm-rht [type="submit"] {
  background: #ffb03b;
    border: 0;
    padding: 10px 24px;
    color: #fff;
    transition: 0.4s;
    font-weight: bold;
    font-size: 17px;
    border-radius: 5px;
}

.contact .php-email-form button[type="submit"]:hover {
  background: #8ec4dd;
}


#service  .rd-mr1 {
  display: inline-block;
  /* background: #263240; */
  /* padding: 6px 20px 8px 20px; */
  color: #fff;
  /* border-radius: 50px; */
  /* transition: 0.3s; */
  position: relative;
  font-weight:800;
  font-size:15px;
  /* float: right; */
  margin-bottom: 10px;
}
#service .rd-mr a {text-decoration: none;}
#service .rd-mr i {
  font-size: 18px;
  position: absolute;
  right: 18px;
  top: 9px;
}
#service  .rd-mr:hover {
  background: #00295a;
}

.rd-mr {
  display: inline-block;
  background: #263240;
  padding: 6px 20px 8px 20px;
  color: #fff;
  border-radius: 50px;
  transition: 0.3s;
  position: relative;
  font-weight:800;
  font-size:15px;
  float: left;
  margin-bottom: 10px;
}
.rd-mr a {text-decoration: none;}
.rd-mr i {
  font-size: 18px;
  position: absolute;
  right: 18px;
  top: 9px;
}
.rd-mr:hover {
  background: #00295a;
}



.banner-dis1{background:url(../image/Careers12.jpg) no-repeat; background-size:cover; color:#fff; min-height:450px; }
.banner-dis1 p{color:#313131;     font-size: 15px;}
.banner-dis1 h3{font-size: 48px;
    font-weight: 700;
    letter-spacing: 0px;
    text-transform: none;
    color: #27507a;     margin-bottom: 20px;}
.banner-dis1 h3 span{    color: #27507a;}
.banner-dis1 a{     color: #eee;
    background: #263240;
    padding: 10px 21px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 13px;
    border-radius: 30px;
    display: inline-block; transition:0.5s;}
.banner-dis-cnt1{
    width: 50%;
    float: left;
    margin-top: 55px;
    /* background-color: #fff; */
    /* background-color: #fff; */
    padding: 10px 38px;
    /* margin-left: -175px; */
    /* box-shadow: 3px 1px 22px -9px #000; */
}
.banner-dis1 a:hover{    background: #478ee8;
    color: #fff;}




.banner-dis{background:url(../image/Careers1.jpg) no-repeat; background-size:cover; color:#fff; min-height:450px; }
.banner-dis p{color:#313131;     font-size: 15px;}
.banner-dis h3{font-size: 48px;
    font-weight: 700;
    letter-spacing: 0px;
    text-transform: none;
    color: #27507a;     margin-bottom: 20px;}
.banner-dis h3 span{    color: #27507a;}
.banner-dis a{     color: #eee;
    background: #263240;
    padding: 10px 21px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 13px;
    border-radius: 30px;
    display: inline-block; transition:0.5s;}
.banner-dis-cnt{
    width: 50%;
    float: left;
    margin-top: 55px;
    /* background-color: #fff; */
    /* background-color: #fff; */
    padding: 10px 38px;
    /* margin-left: -175px; */
    /* box-shadow: 3px 1px 22px -9px #000; */
}
.banner-dis a:hover{    background: #478ee8;
    color: #fff;}

.fix-box{    position: fixed;
    top:35%; left:0; z-index:999; font-size: 14px;}
	
/*.whats-new{color: #fff;
    transform: rotate(90deg);
    margin-left: -45px;
    background: #e64a54;
    padding: 9px 10px;
    font-size: 16px;
    font-family: sans-serif;
    font-weight: bold;
    border-radius: 5px;}*/
	
.whats-new{color: #fff;
   background:#242c42;
    font-size: 16px;
    font-family: sans-serif;
    font-weight: bold;
    border-radius: 0px; width: 154px; padding-left: 10px; margin-left: -110px; transition:0.5s;}
	
.whats-new span{     width: 45px;
    height: 45px;
    display: inline-block;
    background: #e64a54;
    text-align: center;
    line-height: 44px;
    margin-left: 9px;}
	
.whats-new a{color:#fff;}
.whats-new:hover{margin-left:0; transition:0.5s;}
.social-fx{list-style:none; padding-left:0; margin:0;}
.social-fx li{    background: #242c42;
    width: 148px;
    padding-left: 10px;
    clear: both;
    height: 45px;
    line-height: 48px;
    margin-top: 2px;
    margin-left: -104px;
    transition: 0.5s;
    overflow: hidden;}
.social-fx li a{color:#fff;}
.social-fx li strong{font-weight:normal;font-size: 16px;}
.social-fx li span{float: right; margin-top: -3px;}
.social-fx li:hover{margin-left:0; transition:0.5s;}.social-fx li:hover{margin-left:0; transition:0.5s;}

/* Services Section
--------------------------------*/





#ser-hm {
  padding: 60px 0 60px 0;
  overflow: hidden;
}

#ser-hm .box {
  padding: 25px;
  margin-bottom: 30px;
  box-shadow: 0px 0px 30px rgba(73, 78, 92, 0.15);
  background: #fff;
  transition: 0.4s;
  position:relative;    overflow: hidden;
}
.head-tittle{
  font-size: 32px;
  font-family: Times New Roman;
  color: #27507a;
  text-transform: uppercase;
  text-align: center;
  font-weight: 700;
  position: relative;
  padding-bottom: 15px;
  }
.head-tittle::before {
  content: '';
  position: absolute;
  display: block;
  width: 120px;
  height: 1px;
  background: #232c2b;
  bottom: 1px;
  left: calc(50% - 60px);
}

.head-tittle::after {
  content: '';
  position: absolute;
  display: block;
  width: 40px;
  height: 3px;
  background: #27507a;
  bottom: 0;
  left: calc(50% - 20px);
}
.section-header h3 {
  font-size: 32px;
  color: #111;
  text-transform: uppercase;
  text-align: center;
  font-weight: 700;
  position: relative;
  padding-bottom: 15px;
}

.section-header h3::before {
  content: '';
  position: absolute;
  display: block;
  width: 120px;
  height: 1px;
  background: #232c2b;
  bottom: 1px;
  left: calc(50% - 60px);
}
#ser-hm .icon {
  float: left;position:relative;top: 20px;}

#ser-hm .icon i {
  color: #27507a;
  font-size: 38px;
  transition: 0.5s;
  line-height: 0;
}


#ser-hm h4 {
  margin-left: 75px;
  font-weight: 700;
  margin-bottom: 15px;
  font-size: 16px;
}

#ser-hm h4 a {
  color: #111;
}

#ser-hm p {
  font-size: 14px;
  margin-left: 100px;
  margin-bottom: 0;
  line-height: 24px;
}

/* what we do */

.why-choose-agile {
    background: url(../image/bg10.jpg) no-repeat center;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
}

.why-choose-agile,
.wthree_features_grid,
.wthree_features_grid i {
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
    transition: 0.5s all;
}

.wthree_features_grid i {
    font-size: 28px;
    color: #fd9b01;
}

.agile-why-text h4 {
    font-size: 27px;
    letter-spacing: 1px;
}

.agile-why-text p {
    color: #c5c5c5;
}

a.service-button {
    color: #fd9b01;
}

a.service-button:hover {
    color: #fff;
}

.wthree_agile_us:hover .wthree_features_grid {
    background: #fd9b01;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
    transition: 0.5s all;
}

.wthree_agile_us:hover .wthree_features_grid i {
    color: #fff;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
    transition: 0.5s all;
}


.title.text-capitalize.font-weight-light.text-white.text-center.mb-5 {
font-size: 32px;
font-family: Times New Roman;
color: #fff;
text-transform: uppercase;
text-align: center;
font-weight: 700;
position: relative;
padding-bottom: 15px;
}