@import url(https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,600,700,300,800);


/*************************
*******Typography******
**************************/ 

@font-face {
  font-family: 'Open Sans';
  src: url('../fonts/OpenSans.eot');
  src: url('../fonts/OpenSans.eot?#iefix') format('embedded-opentype'),
    url('../fonts/OpenSans.woff2') format('woff2'),
    url('../fonts/OpenSans.woff') format('woff'),
    url('../fonts/OpenSans.ttf') format('truetype'),
    url('../fonts/OpenSans.svg#OpenSans') format('svg');
  font-weight: normal;
  font-style: normal;
}

body {
  background: #fff;
 /* font-family: 'Open Sans';*/
 font-family: 'Open Sans';
  color:#333333;
}
p { text-align:justify;}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 500; 
  font-family: 'Open Sans';
  color:#333333;
  margin:10px 0 10px 0;
}
.pageSubTitleGap { margin-top:20px;}
h1, .pageTitle {
  font-size: 30px;
  color:#115e67;
  margin-bottom:20px;
}
a { color:blue;}

h2{
  font-size: 24px;
  color:#5e3c58;
}

h3{
  font-size: 18px;
  color: #333333;
  font-weight: 600;
  line-height: 24px;
}

h4{
  font-size: 16px;
  color: #333333;
  font-weight: 600;
  line-height: 24px;
}

a {
 /* color: #e87465;*/
  -webkit-transition: color 300ms, background-color 300ms;
  -moz-transition: color 300ms, background-color 300ms;
  -o-transition:  color 300ms, background-color 300ms;
  transition:  color 300ms, background-color 300ms;
}

a:hover, a:focus {
  color: #d43133;
}
p strong { color:#333333;}
hr {
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #fff;
}

.row-no-padding [class*="col-"] {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.nopadding {
   padding-left: 0 !important;
   margin-left: 0 !important;
}
.btn-primary {
  padding: 8px 20px;
  background: #e87465;
  color: #fff;
  border-radius: 4px;
  border:none;
  margin-top: 10px;
}


.btn-primary:hover, 
.btn-primary:focus{
  background: #c52d2f;
  outline: none;
  box-shadow: none;
} 

.btn-transparent {
  border: 3px solid #fff;
  background: transparent;
  color: #fff;
}

.btn-transparent:hover {
  border-color: rgba(255, 255, 255, 0.5);
}

a:hover,
a:focus {
  color: #111;
  text-decoration: none;
  outline: none;
}

.dropdown-menu {
  margin-top: -1px;
  min-width: 180px;
}

.center h2{
  font-size: 24px;
  margin-top: 0;
  margin-bottom: 20px;
  display:inline-block;
}

.media>.pull-left{
  margin-right: 20px;
}

.media>.pull-right{
  margin-left: 20px;
}

body > section {
  padding: 20px 0;
}
.well { border-radius:0;}
.center {
  text-align: center;
  padding-bottom: 10px;
}

.scaleIn {
  -webkit-animation-name: scaleIn;
  animation-name: scaleIn;
}

.lead{
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.transparent-bg {
  background-color: transparent !important;
  margin-bottom: 0;
}
.navbar-toggle { background:#333;}
@-webkit-keyframes scaleIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes scaleIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}


/*************************
*******Header******
**************************/

#header .search{
  display: inline-block;
}

.navbar>.container .navbar-brand{
  margin-left: 0;
}

.top-bar {
 background: #323232 none repeat scroll 0 0;
    border-bottom: 1px solid #222;
}

.top-number{
  color: #fff;
}

.top-number p{
  margin: 0
}

.social{
  text-align: right;
}

.social-share{
 display: inline-block;
 list-style: none;
 padding: 0;
 margin: 0;
}

ul.social-share li {
  display: inline-block;
}

ul.social-share li a {
  display: inline-block;
  color: #fff;
  background: #404040;
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  border-radius: 2px;
}

ul.social-share li a:hover {
  background: #c52d2f;
  color: #fff;
}

.search i {
  color: #fff;
}

input.search-form{
  background: transparent;
  border: 0 none;
  width: 180px;
  padding: 1px 10px 0px 10px; 
  color: #FFF;
  -webkit-transition: all 400ms;
  -moz-transition: all 400ms;
  -ms-transition: all 400ms;
  -o-transition: all 400ms;
  transition: all 400ms;
  font-size:12px;
}

input.search-form::-webkit-input-placeholder{
  color: transparent;
}

input.search-form:hover::-webkit-input-placeholder {
  color: #fff;
}

input.search-form:hover {
  width: 180px;
}
#imaginary_container{
    margin-top:20%; /* Don't copy this */
}
form.gsc-search-box {
    margin-bottom: 0 !important;
}
table.gsc-search-box {
    margin-bottom: 0 !important;
}
.gsc-search-box-tools .gsc-search-box .gsc-input {
    padding-right: 0 !important;
}
input.gsc-input {
    font-size: 14px !important;
    padding-left: 5px !important;
}
input.gsc-search-button, input.gsc-search-button:hover, input.gsc-search-button:focus {
    background-color: #917b4c !important;
}
.cse .gsc-search-button input.gsc-search-button-v2, input.gsc-search-button-v2 {
    height: 31px !important;
    margin-top: 4px !important;
    min-width: 13px !important;
    padding: 8px 10px 9px !important;
    width: auto !important;
}
.cse input.gsc-search-button, input.gsc-search-button {
    border-radius: 0 !important;
}
.gsc-input {
    height: 26px !important;
}
.gsc-input-box {
    height: 31px !important;
}
.stylish-input-group { width:240px; float:right;}
.stylish-input-group .input-group-addon{
    background-color: transparent; 
  border-color:#4d4d4d;
  color:#fff;
}
.stylish-input-group .form-control{
  border-right:0; 
  border-color:#4d4d4d;
  background:none;
  color:#fff;
  height:31px;
}
.stylish-input-group button{
    border:none;
    background:transparent;
}
.stylish-input-group button .glyphicon-search { color:#fff;}
.search .search-form { position:relative; border:1px solid #505050; padding:0px 10px 12px 10px;}
.search button { padding:0px 10px 2px 10px; background:#84754e; border:none;}
.navbar-brand {
  padding: 20px 0 0;
  margin:0;
}
.topnav {
    margin-top: 8px;
}
.topnav ul li.dropdown:hover .dropdown-menu { display:block; border-radius:0; margin-left:10px; padding-top:0; padding-bottom:0;}
.topnav ul li .dropdown-menu { min-width:130px;}
.topnav ul li .dropdown-menu li a {border-bottom: 1px solid #eee;  color: #333; width:190px; font-size: 12px; font-weight: 500; padding: 6px 10px;}
.topnav ul li .dropdown-menu li a:hover { background:#eee;}
.navbar {
  border-radius: 0;
  margin-bottom: 0;
  background: #fff;
  padding: 0;
  padding-bottom: 0;
  box-shadow:0 1px 3px rgba(0, 0, 0, 0.118);
}

 .navbar-nav{
  margin-top: 0;
    position: relative;
 }

.navbar-nav>li{
  margin-left: 24px;

}

.navbar-inverse .navbar-nav > li > a {
    color: #333333;
    display: inline-block;
    line-height: 24px;
    margin: 0;
    padding: 31px 12px;
    text-transform: uppercase;
  font-weight:600;
}

.navbar-inverse .navbar-nav > li > a:hover{
  background-color: #004943;
    color: #fff;
}

.navbar-inverse {
  border: none;
}

.navbar-inverse .navbar-brand {
  font-size: 36px;
  line-height: 50px;
  color: #fff;
}

.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus,
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
  background-color: #004943;
  color: #fff;
}
.navbar-inverse .navbar-nav .dropdown .mega-dropdown-menu > li a:hover {
    background: #eee none repeat scroll 0 0;
}
.navbar-inverse .navbar-nav .dropdown-menu {
  /*background-color: rgba(132, 117, 78, 0.8);*/
    background:#fff;
    border: 0 none;
    border-radius: 0;
    box-shadow: 0 5px 8px #000;
    margin-top: 0;
    padding: 0;
    right: 0;
}
.navbar-inverse .navbar-nav .dmleft { left:0!important;}
/*.navbar-inverse .navbar-nav .mega-dropdown-menu { padding: 10px 0; width: 678px; }*/
.navbar-inverse .navbar-nav .mega-dropdown-menu { padding: 10px 0; width: 678px; }
.navbar-inverse .navbar-nav .dropdown-menu:before{
  position: absolute;
  top:0;
}

.navbar-inverse .navbar-nav .dropdown-menu > li > a {
  padding: 8px 15px;
  color: #676767;
}

.navbar-inverse .navbar-nav .dropdown-menu > li:hover > a,
.navbar-inverse .navbar-nav .dropdown-menu > li:focus > a,
.navbar-inverse .navbar-nav .dropdown-menu > li.active > a {
  background-color: #004943;
  color: #fff;
}
.navbar-inverse .navbar-nav .dropdown .dropdown-menu > li a,
.navbar-inverse .navbar-nav .dropdown .dropdown-menu > li:hover > a,
.navbar-inverse .navbar-nav .dropdown .dropdown-menu > li:focus > a,
.navbar-inverse .navbar-nav .dropdown .dropdown-menu > li.active > a {
  background-color: transparent;
    color: #333333;

}
.navbar-inverse .navbar-nav .dropdown-menu > li:last-child > a {
  border-radius: 0 0 3px 3px;
}

.navbar-inverse .navbar-nav .dropdown-menu > li.divider {
  background-color: transparent;
}

.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
  border-top: 0;
  padding-bottom: 0;
}
/*First level menu*/
.navbar-inverse .navbar-nav .dropdown-firstLevel { /*left:0!important;*/ left:0; width:331px;}
.navbar-inverse .navbar-nav .lastDropdownPosition {left:-162%;}
.navbar-inverse .navbar-nav .lastbutOneDropdownPosition {left:-150%;}
.dropdown-submenu ul { display:none;}
.dropdown-submenu:hover ul { list-style-type:none; background:#fff; margin:-34px 0 0 20px; padding:0; box-shadow:#000 0 0 5px; display: block; position:absolute; left:170px; }
.dropdown-submenu ul li { width:220px;}
.dropdown-submenu ul li a { font-size:13px; padding:6px 10px; display:block; border-bottom:1px solid #eee; font-weight:500;}
.dropdown-submenu ul.spaceAdjust { margin-left:-60px;}
/*************************
*******Home Page******
**************************/


/*mindteck home page carousel slider*/
.carousel-indicators li{border-radius:0}
.carousel-control:focus, .carousel-control:hover{opacity:1;}
.carousel-control.left,.carousel-control.right{background-image:none}
.carousel-control{opacity:1}
.carousel-caption { left: 20%; padding-bottom: 30px; right: 20%; top:10%;}
.carousel-indicators .active { background:#a4935f;}
.carousel-indicators li { background:#c3e0f2;}
.carousel-caption p.mtGreen {background-color: rgba(11, 77, 67, 0.5); padding:10px;} 
.carousel-caption p.mtGreen {background-color: rgba(11, 77, 67, 0.5); padding:10px;}

.mtHomeSlider .item:nth-child(n+1) .carousel-caption p  {background-color: rgba(11, 77, 67, 0.5); padding:10px 10px 20px 10px;} 
.mtHomeSlider .item:nth-child(n+2) .carousel-caption p  {background-color: rgba(169, 168, 171, 0.8); padding:10px 10px 20px 10px;} 
.mtHomeSlider .item:nth-child(n+3) .carousel-caption p  {background-color: rgba(16, 58, 113, 0.5); padding:10px 10px 20px 10px;} 
.mtHomeSlider .item:nth-child(n+4) .carousel-caption p  {background-color: rgba(134, 117, 77, 0.5); padding:10px 10px 20px 10px;}

.carousel-control .fa-angle-right, .carousel-control .fa-angle-left {display: inline-block; font-size: 60px; font-weight: normal; position: absolute; right: 50%; top: 45%;}


.carousel-indicators {
  bottom: 0;
}
.carousel-control.right,
.carousel-control.left {
  background-image: none;
}
.carousel .item {
  /*min-height: 350px; */
  height: 100%;
  width:100%; 
}
.carousel-caption h3,
.carousel .icon-container,
.carousel-caption button {
  background-color: rgb(0, 0, 0, 0.5);
}
.carousel-caption h3 {
  padding: .5em;
}
.carousel .icon-container {
  display: inline-block;
  font-size: 25px;
  line-height: 25px;
  padding: 1em;
  text-align: center;
  
  border-radius: 50%;
}
.carousel-caption button {
  border-color: #00bfff;
  margin-top: 1em; 
}

/* Animation delays */
.carousel-caption h3{
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
  font-size: 46px; color:#ffffff; font-weight:bold; line-height:56px;
}
.carousel-caption p{
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
   text-align: center; font-size:35px; line-height:40px;
   color:#fff;
   font-weight:500;
    text-shadow:0px 3px 2px #000;
}
.carousel-caption button {
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
}
/*mindteck home page carousel slider*/


#main-slider {
  position: relative;
}

.no-margin {
  margin: 0;
  padding: 0;
}

#main-slider .carousel .carousel-content {
  margin-top: 150px;
}

#main-slider .carousel .slide-margin{
  margin-top:0px;
}

#main-slider .carousel h2 {
  color: #fff;
}

#main-slider .carousel .btn-slide {
  padding: 8px 20px;
  color: #fff;
  border:1px solid #fff;
  margin-top: 25px;
  display: inline-block;
}

#main-slider .carousel .slider-img{
  text-align: right;
  position: absolute;
}


#main-slider .carousel .item {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  left: 0 !important;
  opacity: 0;
  top: 0;
  position: absolute;
  width: 100%;
  display: block !important;
  height: 560px;
  -webkit-transition: opacity ease-in-out 500ms;
  -moz-transition: opacity ease-in-out 500ms;
  -o-transition: opacity ease-in-out 500ms;
  transition: opacity ease-in-out 500ms;
}

#main-slider .carousel .item:first-child {
  top: auto;
  position: relative;
}

#main-slider .carousel .item.active {
  opacity: 1;
  -webkit-transition: opacity ease-in-out 500ms;
  -moz-transition: opacity ease-in-out 500ms;
  -o-transition: opacity ease-in-out 500ms;
  transition: opacity ease-in-out 500ms;
  z-index: 1;
}

#main-slider .prev,
#main-slider .next {
  position: absolute;
  top: 50%;
  color: #fff;
  display: inline-block;
  margin-top: -25px;
  height: 40px;
  line-height: 40px;
  width: 40px;
  line-height: 40px;
  text-align: center;
/*border-radius: 4px; background-color: #c52d2f;*/
  z-index: 5;
}

#main-slider .prev:hover,
#main-slider .next:hover {
 /* background-color: #000;*/
}

#main-slider .prev {
  left: 10px;
}

#main-slider .next {
  right: 10px;
}

#main-slider .carousel-indicators li {
  width: 20px;
  height: 20px;
  background-color: #fff;
  margin: 0 15px 0 0;
  position: relative;
}



#main-slider .carousel-indicators li:after {
  position: absolute;
  content: "";
  width: 24px;
  height: 24px;
  border-radius: 0%;
  background:#c1dff2;
  border: 1px solid #FFF;
  left: -3px;
  top: -3px;
}

#main-slider .carousel-indicators .active{
  width: 20px;
  height: 20px;
  background-color: #c52d2f;
   margin: 0 15px 0 0;
   border: 1px solid #c52d2f;
   position: relative;
}

#main-slider .carousel-indicators .active:after {
  position: absolute;
  content: "";
  width: 24px;
  height: 24px;
  border-radius: 0%;
  background: #a29061;
  border: 1px solid #fff;
  left: -3px;
  top: -3px;
}

#main-slider .active .animation.animated-item-1 {
  -webkit-animation: fadeInUp 300ms linear 300ms both;
  -moz-animation: fadeInUp 300ms linear 300ms both;
  -o-animation: fadeInUp 300ms linear 300ms both;
  -ms-animation: fadeInUp 300ms linear 300ms both;
  animation: fadeInUp 300ms linear 300ms both;
}

#main-slider .active .animation.animated-item-2 {
  -webkit-animation: fadeInUp 300ms linear 600ms both;
  -moz-animation: fadeInUp 300ms linear 600ms both;
  -o-animation: fadeInUp 300ms linear 600ms both;
  -ms-animation: fadeInUp 300ms linear 600ms both;
  animation: fadeInUp 300ms linear 600ms both;
}

#main-slider .active .animation.animated-item-3 {
  -webkit-animation: fadeInUp 300ms linear 900ms both;
  -moz-animation: fadeInUp 300ms linear 900ms both;
  -o-animation: fadeInUp 300ms linear 900ms both;
  -ms-animation: fadeInUp 300ms linear 900ms both;
  animation: fadeInUp 300ms linear 900ms both;
}

#main-slider .active .animation.animated-item-4 {
  -webkit-animation: fadeInUp 300ms linear 1200ms both;
  -moz-animation: fadeInUp 300ms linear 1200ms both;
  -o-animation: fadeInUp 300ms linear 1200ms both;
  -ms-animation: fadeInUp 300ms linear 1200ms both;
  animation: fadeInUp 300ms linear 1200ms both;
}

#feature {
  background: #f2f2f2;
  padding-bottom: 40px;
}

.features{
  padding: 0;
}

.feature-wrap {
  margin-bottom: 35px;
  overflow: hidden;
}

.feature-wrap h2{
  margin-top: 10px;
}

.feature-wrap .pull-left {
  margin-right: 25px;
}

.feature-wrap i{
  font-size: 48px;
  height: 110px;
  width: 110px;
  margin: 3px;
  border-radius: 100%;
  line-height: 110px;
  text-align:center;
  background: #ffffff;
  color: #c52d2f;
  border: 3px solid #ffffff;
  box-shadow: inset 0 0 0 5px #f2f2f2;
  -webkit-box-shadow: inset 0 0 0 5px #f2f2f2;
  -webkit-transition: 500ms;
  -moz-transition: 500ms;
  -o-transition: 500ms;
  transition: 500ms;
  float: left;
  margin-right: 25px;
}

.feature-wrap i:hover {
  background: #c52d2f;
  color: #fff;
  box-shadow: inset 0 0 0 5px #c52d2f;
  -webkit-box-shadow: inset 0 0 0 5px #c52d2f;
  border: 3px solid #c52d2f;
}

#recent-works .col-xs-12.col-sm-4.col-md-3{
  padding: 0;
}

#recent-works{
    padding-bottom: 70px;
}

.recent-work-wrap {
  position: relative;
}

.recent-work-wrap img{
  width: 100%;
}

.recent-work-wrap .recent-work-inner{
  top: 0;
  background: transparent;
  opacity: .8;
  width: 100%;
  border-radius: 0;
  margin-bottom: 0;
}

.recent-work-wrap .recent-work-inner h3{
  margin: 10px 0;
}

.recent-work-wrap .recent-work-inner h3 a{
  font-size: 24px;
  color: #fff;
}

.recent-work-wrap .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;


  opacity: 0;
  border-radius: 0;
  background: #c52d2f;
  color: #fff;
  vertical-align: middle;
  -webkit-transition: opacity 500ms;
  -moz-transition: opacity 500ms;
  -o-transition: opacity 500ms;
  transition: opacity 500ms;  
  padding: 30px;
}

.recent-work-wrap .overlay .preview {
  bottom: 0;
  display: inline-block;
  height: 35px;
  line-height: 35px;
  border-radius: 0;
  background: transparent;
  text-align: center;
  color: #fff;
}

.recent-work-wrap:hover .overlay {
  opacity: 1;
}

#services {
  background: #00403e url(../images/wmap.png);
  background-size: cover;
}

#services .lead,
#services h2{
  color: #fff;
}

.services-wrap {
  padding: 40px 30px;
  background: #fff;

  margin: 0 0 40px;
}

.services-wrap h3 {
  font-size: 20px;
  margin: 10px 0;
}

.services-wrap .pull-left {
  margin-right: 20px;
}

#middle {
  background: #f2f2f2;
}

.skill h2{
  margin-bottom: 25px;
}

.progress-wrap{
  position: relative;
}

.progress .color1,
.progress .color1 .bar-width{
  background: #2d7da4;
}

.progress .color2,
.progress .color2 .bar-width{
  background: #6aa42f;
}

.progress .color3,
.progress .color3 .bar-width{
  background: #ffcc33;
}

.progress .color4,
.progress .color4 .bar-width{
  background: #db3615;
}

.progress, 
.progress-bar {
  height: 15px;
  line-height: 15px;
  background: #e6e6e6;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border-radius: 0;
  overflow: visible;
  text-align: right;
}

.progress{
  position: relative;
}

.progress .bar-width{
  position: absolute;
  width: 40px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  font-size: 12px;
  font-weight: 700;
  top: -30px;
  border-radius: 2px;
  margin-left: -30px;
}

.progress span{
  position: relative;
}

.progress span:before{
  content: " ";
  position: absolute;
  width: auto;
  height: auto;
  border-width: 8px 5px;
  border-style: solid;
  bottom: -15px;
  right: 8px;
}

.progress .color1 span:before{
  border-color: #2d7da4 transparent transparent transparent;
}

.progress .color2 span:before{
  border-color: #6aa42f transparent transparent transparent;
}

.progress .color3 span:before{
  border-color: #ffcc33 transparent transparent transparent;
}

.progress .color4 span:before{
  border-color: #db3615 transparent transparent transparent;
}

.accordion h2{
  margin-bottom: 25px;
}

.panel-default{
  border-color: transparent;
}

.panel-default>.panel-heading,
.panel{
  background-color: #e6e6e6; 
  border:0 none;
  box-shadow:none;
}



.panel-default>.panel-heading+.panel-collapse .panel-body{
  background: #fff;
  color: #858586;
}

.panel-body{
  padding: 20px 10px;
}

.panel-group .panel+.panel{
  margin-top: 0;
  border-top: 1px solid #d9d9d9;
}

.panel-group .panel{
  border-radius: 0;
}

.panel-heading{
  border-radius: 0;
}

a>.panel-title{
  color: #333333;
}

.accordion-inner img{
  border-radius: 4px;
}

.accordion-inner h4{
  margin-top: 0;
}

.panel-heading.active{
  background: #004943;
}

.panel-heading.active a>.panel-title{
  color:#fff;
}

.subpanel.panel-heading.active{
  background-color: #e6e6e6;
  border: 0 none;
  box-shadow: none;
      margin: 0;
    border-top: 1px solid #ffffff;
}

.subpanel.panel-heading.active a>.panel-title{
  color:#060606;
}


a.accordion-toggle  i{
  width: 45px;
  line-height: 44px;
  font-size: 20px;
  margin-top: -10px;
  text-align: center;
  margin-right: -15px;
  background: #c9c9c9;
}

.panel-heading.active a.accordion-toggle i{
  background-color: #84754e;
  color: #fff;
}

.subpanel.panel-heading a.accordion-toggle.collapsed i{
  background-color: #e6e6e6
  color: #c9c9c9;
}


.subpanel.panel-heading a.accordion-toggle i{
  background: #e6e6e6 none repeat scroll 0 0;
  color: #c9c9c9;
}

.subpanel.panel-heading.active a.accordion-toggle.collapsed i {
    background: ##e6e6e6;
    color: #c9c9c9;
}
.subpanel.panel-heading{

    margin-top: 0;
    border-top: 1px solid #ffffff;
}

.accordionTableStyle table thead tr th { color:#333333; padding:5px 10px;}
.accordionTableStyle table tr td a, .accordionTableStyle table tr td, .accordionTableStyle table tr td p { color:#666666; padding:5px 10px;} 
.panel-heading.active a.accordion-toggle.collapsed i{
  background: ##e6e6e6;
  color: #fff;
}

.nav-tabs>li{
  margin-bottom: 0px;
}

.nav-tabs{
  border-bottom: transparent;
  border-right: 1px solid #e6e6e6;
}

.nav-tabs>li>a {
 
  color: #666;
  border-radius: 0;
  border: 0 none;
  line-height: 24px;
  margin-right:0;
  padding: 5px 15px;
}

.nav-tabs li:last-child{
  border-bottom: 0 none;
} 

.nav-stacked>li+li{
  margin-top: 0;
}

.nav-tabs>li>a:hover{
  background: #1f1f20;
  color:#fff;
}

.nav-tabs>li.active>a, 
.nav-tabs>li.active>a:hover, 
.nav-tabs>li.active>a:focus {
  border: 0;
  color:#fff;
  position: relative;
}

.nav-tabs>li.active>a:after {
/*  position: absolute;
  content:  "";
  width: auto;
  height: auto;
  border-width: 25px 22px;
  right: -44px;
  top:0;*/
  background:#004943;
  
}

.tab-wrap{
  border:1px solid #e6e6e6;
  margin-bottom: 20px;
}

.tab-content{
  padding: 20px;
}

.tab-content h2{
  margin-top: 0;
}

.tab-content img{
  border-radius: 4px;
}

.testimonial h2{
  margin-top: 0;
}

.testimonial-inner {
  color:#858586;
  font-size: 14px;
}

.testimonial-inner .pull-left{
  border-right: 1px solid #e7e7e7;
  padding-right: 15px;
  position: relative;
}

.testimonial-inner .pull-left:after{
  content: "";
  position: absolute;
  width: 9px;
  height: 9px;
  top: 50%;
  margin-top: -5px;
  background: #FFF;
  -webkit-transform: rotate(45deg);
  border: 1px solid #e7e7e7;
  right: -5px;
  border-left: 0 none;
  border-bottom: 0 none;
}

#partner {
  background: url(../images/15593093_l.jpg) 50% 50% no-repeat;
  background-size: cover;
  min-height:500px;
}

#partner {
  color: #fff;
  text-align: left;

 
}
.padiv { background:rgba(161,127,69,0.7); padding:50px;}
#partner h2, 
#partner h3 {
  color: #fff;
}

.partners ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.partners ul li{
  display: inline-block;
  float: left;
  width: 20%;
}

#conatcat-info{
  background: #fff url(../images/contact.png) no-repeat 90% 0;
  padding: 30px 0;
}

.contact-info i{
  width: 60px;
  height: 60px;
  font-size: 40px;
  line-height: 60px;
  color: #fff;
  background: #000;
  text-align: center;
  border-radius: 10px;
}

.contact-info h2{
  margin-top: 0;
  color: #000;
}

.contact-info{
  color:#000;
}

/*************************
********* About Us Page CSS ******
**************************/

.about-us {
  margin-top: 110px;
  margin-bottom: -110px;
}

.about-us h2, 
.skill_text h2 {
  color:#4e4e4e;
  font-size: 30px;
  font-weight: 600;
}

.about-us p {
  color:#4e4e4e;
}

#carousel-slider {
  position: relative;
}

#carousel-slider .carousel-indicators {
  bottom: -25px;
}

#carousel-slider .carousel-indicators li {
  border: 1px solid #ffbd20;
}

#carousel-slider a i {
  border: 1px solid #777;
  border-radius:50%;
  font-size: 28px;
  height: 50px;
  padding: 8px;
  position: absolute;
  top: 50%;
  width: 50px;
  color:#777;
}

#carousel-slider a i:hover {
  background:#bfbfbf;
  color:#fff;
  border: 1px solid #bfbfbf;
}

#carousel-slider 
.carousel-control {
  width:inherit;
}

#carousel-slider .carousel-control.left i {
  left:-25px
}

#carousel-slider .carousel-control.right i {
  right: -25px;
}

#carousel-slider
.carousel-control.left, 
#carousel-slider
.carousel-control.right {
  background: none;
}

.skill_text {
  display: block;
  margin-bottom: 60px;
  margin-top: 25px;
  overflow: hidden;
}

.sinlge-skill {
  background:#f2f2f2;
  border-radius: 100%;
  color: #FFFFFF;
  font-size: 22px;
  font-weight: bold;
  height: 200px;
  position: relative;
  width: 200px;
  text-transform: uppercase;
  overflow: hidden;
  margin: 30px 0;

}

.sinlge-skill p em {
  color: #FFFFFF;
  font-size: 38px;
}

.sinlge-skill p {
  line-height: 1;
}

.joomla-skill, 
.html-skill, 
.css-skill, 
.wp-skill {
  position: absolute;
  height: 100%;
  bottom: 0;
  width:100%;
  border-radius: 100%;
  padding: 70px 0;
  text-align: center;
}


.joomla-skill {
  background: rgb(242,242,242); /* Old browsers */
  background: -moz-linear-gradient(top, rgba(242,242,242,1) 0%, rgba(242,242,242,1) 28%, rgba(45,125,164,1) 28%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,242,242,1)), color-stop(28%,rgba(242,242,242,1)), color-stop(28%,rgba(45,125,164,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(242,242,242,1) 28%,rgba(45,125,164,1) 28%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(242,242,242,1) 28%,rgba(45,125,164,1) 28%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(242,242,242,1) 28%,rgba(45,125,164,1) 28%); /* IE10+ */
  background: linear-gradient(to bottom, rgba(242,242,242,1) 0%,rgba(242,242,242,1) 28%,rgba(45,125,164,1) 28%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#2d7da4',GradientType=0 ); /* IE6-9 */    
}

.html-skill {
  background: rgb(242,242,242); /* Old browsers */
  background: -moz-linear-gradient(top, rgba(242,242,242,1) 0%, rgba(242,242,242,1) 9%, rgba(106,164,47,1) 9%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,242,242,1)), color-stop(9%,rgba(242,242,242,1)), color-stop(9%,rgba(106,164,47,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(242,242,242,1) 9%,rgba(106,164,47,1) 9%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(242,242,242,1) 9%,rgba(106,164,47,1) 9%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(242,242,242,1) 9%,rgba(106,164,47,1) 9%); /* IE10+ */
  background: linear-gradient(to bottom, rgba(242,242,242,1) 0%,rgba(242,242,242,1) 9%,rgba(106,164,47,1) 9%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#6aa42f',GradientType=0 ); /* IE6-9 */
}

.css-skill {
  background: rgb(242,242,242); /* Old browsers */
  background: -moz-linear-gradient(top, rgba(242,242,242,1) 0%, rgba(242,242,242,1) 32%, rgba(255,189,32,1) 32%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,242,242,1)), color-stop(32%,rgba(242,242,242,1)), color-stop(32%,rgba(255,189,32,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(242,242,242,1) 32%,rgba(255,189,32,1) 32%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(242,242,242,1) 32%,rgba(255,189,32,1) 32%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(242,242,242,1) 32%,rgba(255,189,32,1) 32%); /* IE10+ */
  background: linear-gradient(to bottom, rgba(242,242,242,1) 0%,rgba(242,242,242,1) 32%,rgba(255,189,32,1) 32%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#ffbd20',GradientType=0 ); /* IE6-9 */
}

.wp-skill {
  background: rgb(242,242,242); /* Old browsers */
  background: -moz-linear-gradient(top, rgba(242,242,242,1) 0%, rgba(242,242,242,1) 19%, rgba(219,54,21,1) 19%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,242,242,1)), color-stop(19%,rgba(242,242,242,1)), color-stop(19%,rgba(219,54,21,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(242,242,242,1) 19%,rgba(219,54,21,1) 19%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(242,242,242,1) 19%,rgba(219,54,21,1) 19%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(242,242,242,1) 19%,rgba(219,54,21,1) 19%); /* IE10+ */
  background: linear-gradient(to bottom, rgba(242,242,242,1) 0%,rgba(242,242,242,1) 19%,rgba(219,54,21,1) 19%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#db3615',GradientType=0 ); /* IE6-9 */
}

.skill-wrap {
  display: block;
  overflow: hidden;
  margin: 60px 0;
}

.team h4 {
  margin-top: 0;
  /*text-transform: uppercase;*/
}

.team h5 {
  font-weight: 300;
}

.single-profile-top, 
.single-profile-bottom {
  font-weight: 400;
  line-height: 24px;
}

.single-profile-top, 
.single-profile-bottom  {
  border: 1px solid #ddd;
  padding: 15px;
  position: relative;
}

.media_image {
  margin-bottom: 10px;
}



ul.social_icons,
ul.tag {
  list-style: none;
  padding: 0;
  margin: 10px 0;
  display: block;
}
.topnav ul { margin:0px; list-style-type:none;}
.topnav ul li { float: left;}
.topnav ul li a{  padding:0 10px; font-size:12px; color:#fff;}
ul.social_icons li,
ul.tag li {
  display: inline-block;
  margin-right: 5px;
}

ul.social_icons li  a i{
  border-radius: 50%;
  color: #FFFFFF;
  height: 25px;
  line-height: 25px;
  font-size: 12px;
  padding: 0;
  text-align: center;
  width: 25px;
  opacity:.8;
}


.team .social_icons .fa-facebook:hover, 
.team .social_icons .fa-twitter:hover, 
.team .social_icons .fa-google-plus:hover {
  transform: rotate(360deg);
  -ms-transform:rotate(360deg);
  -webkit-transform:rotate(360deg); 
  transition-duration:2s;
  transition-property: all;
  transition-timing-function: ease;
  opacity:1;
  transition: all 0.9s ease 0s;
  -moz-transition: all 0.9s ease 0s;
  -webkit-transition: all 0.9s ease 0s;
  -o-transition: all 0.9s ease 0s;
}

.team .social_icons .fa-facebook {
  background: #0182c4;
}

.team .social_icons .fa-twitter {
  background: #20B8FF
}

.team .social_icons .fa-google-plus {
  background: #D34836
}


.team-bar .first-one-arrow {
  float: left;
  margin-right: 30px;
  width: 2%;
}

.team-bar .first-arrow {
  float: left;
  margin-left: 5px;
  margin-right: 35px;
  width: 22%;
}

.team-bar .second-arrow {
  float: left;
  margin-left: 5px;
  width: 21%;
}

.team-bar .third-arrow {
  float: left;
  margin-left: 40px;
  margin-right: 12px;
  width: 22%;
}

.team-bar .fourth-arrow {
  float: left;
  margin-left: 25px;
  width: 20%;
}

.team-bar .first-one-arrow hr {
  border-bottom: 1px solid #2D7DA4;
  border-top: 1px solid #2D7DA4;
 }

.team-bar .first-arrow hr {
  border-bottom: 1px solid #2D7DA4;
  border-top: 1px solid #2D7DA4;
 }

.team-bar .second-arrow hr {
  border-bottom: 1px solid #6aa42f;
  border-top: 1px solid #6aa42f;
}

.team-bar .third-arrow hr {
  border-bottom: 1px solid #FFBD20;
  border-top: 1px solid #FFBD20;

}

.team-bar .fourth-arrow hr {
  border-bottom: 1px solid #db3615;
  border-top: 1px solid #db3615;
}

.team-bar {
  margin-bottom: 15px;
  margin-top: 30px;
  position: relative;
}

.team-bar i {
  border-radius: 50%;
  color: #FFFFFF;
  display: block;
  height: 24px;
  line-height: 24px;
  margin-top: -32px;
  overflow: hidden;
  padding: 0;
  text-align: center;
  width: 24px;
  position: absolute;
}

.team-bar .first-arrow .fa-angle-up {
  background:#2D7DA4;
  margin-left:-33px
 }

.team-bar .second-arrow .fa-angle-down {
  background:#6AA42F;
  margin-left: -33px;
}

.team-bar .third-arrow .fa-angle-up {
  background:#FFBD20;
  margin-left: -32px;
}

.team-bar .fourth-arrow .fa-angle-down {
  background:#db3615;
  margin-left: -32px;
}

.team .single-profile-top:before, 
.team .single-profile-top:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
}

.team .single-profile-top:before {
  left:26px;
  bottom: -20px;
  border-width: 10px;
  border-color:#fff transparent transparent transparent;
  z-index: 1;
}


.team .single-profile-top:after {
  left: 25px;
  bottom: -22px;
  border-style: solid;
  border-width: 11px;
  border-color:#ddd transparent transparent transparent;
  z-index: 0;
}

.team .single-profile-bottom:before,
.team .single-profile-bottom:after {
  position: absolute;
  content:"";
  width: 0;
  height: 0;
  border-style: solid;
}

.team .single-profile-bottom:before {
  left:30px;
  top: -20px;
  border-width: 10px;
  border-color: transparent transparent #fff transparent;
  z-index: 1;
}

.team .single-profile-bottom:after {
  left: 29px;
  top: -22px;
  border-style: solid;
  border-width: 11px;
  border-color: transparent transparent #DDD transparent;
  z-index: 0;
}

/***********************
****Service page css****
***********************/

.services {
  padding: 0;
}

.get-started {
  background: none repeat scroll 0 0 #F3F3F3;
  border-radius: 3px;
  padding-bottom: 30px;
  position: relative;
  margin-bottom: 18px;
  margin-top: 60px;
}

.get-started h2 {
  padding-top: 30px;
  margin-bottom: 20px;
}

.request {
  bottom: -15px;
  left: 50%;
  position: absolute;
  margin-left: -110px;
}

.request h4 {
  position: absolute;
  width: 220px;
  position:relative;
}

.request h4 a{
  background:#c52d2f;
  color: #fff;
  font-size: 14px;
  font-weight: normal;
  border-radius: 3px;
  padding: 5px 15px;
}

.request h4:after {
  border-color: #c52d2f transparent transparent;
  border-style: solid;
  border-width: 12px;
  bottom: -18px;
  content: "";
  height: 0;
  position: absolute;
  right: 13px;
  z-index: -99999;
}

.request h4:before {
  border-color: #c52d2f transparent transparent;
  border-style: solid;
  border-width: 12px;
  bottom: -18px;
  content: "";
  height: 0;
  left: 13px;
  position: absolute;
  z-index: -99999;
}

.clients-area {
  padding: 60px;
}

.clients-comments {
    background-image: url("../images/image_bg.png");
    background-position: center 118px;
    background-repeat: no-repeat;
    margin-bottom: 100px;
}

.clients-comments img {
  background:#DDDDDD;
  border: 1px solid #DDDDDD;
  height: 182px;
  padding: 3px;
  width: 182px;
  transition: all 0.9s ease 0s;
  -moz-transition: all 0.9s ease 0s;
  -webkit-transition: all 0.9s ease 0s;
  -o-transition: all 0.9s ease 0s;
}

.clients-comments h3 {
  margin-top: 55px;
  font-weight: 300;
  padding: 0 40px;
}

.clients-comments h4 {
  font-weight: 300;
  margin-top: 15px;
}


.clients-comments  h4  span {
  font-weight: 700;
  font-style: oblique;
}

.footer {
  background: none repeat scroll 0 0 #2E2E2E;
  border-top: 5px solid #C52D2F;
  height: 84px;
  margin-top: 110px;
}

.footer_left {
  padding: 10px;
}

.text-left {
  color: #FFFFFF;
  font-size: 36px;
  margin-top: 15px;
}

/*************************
********* Portfolio CSS ******
**************************/

#portfolio_page {
  margin-top: 115px;
  padding-bottom: 0;
}

.portfolio-items, 
.portfolio-filter {
  list-style: none outside none;
  margin: 0 0 40px 0;
  padding: 0;
}

.portfolio-filter > li {
  display: inline-block;
}

.portfolio-filter > li a {
  background: none repeat scroll 0 0 #FFFFFF;
  font-size: 14px;
  font-weight: 400;
  margin-right: 20px;
  text-transform: uppercase;
  transition: all 0.9s ease 0s;
  -moz-transition: all 0.9s ease 0s;
  -webkit-transition: all 0.9s ease 0s;
  -o-transition: all 0.9s ease 0s;
  border: 1px solid #F2F2F2;
  outline: none;
  border-radius: 3px;
}

.portfolio-filter > li a:hover,
.portfolio-filter > li a.active{
  color:#fff;
  background: #c52d2f;
  border: 1px solid #c52d2f;
  box-shadow: none;
  -webkit-box-shadow: none;
}

.portfolio-items > li {
  float: left;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.portfolio-item {
  margin: 0;
  padding:0;
}

/* Start: Recommended Isotope styles */
/**** Isotope Filtering ****/
.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/
.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -ms-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
  -moz-transition-property: height, width;
  -ms-transition-property: height, width;
  -o-transition-property: height, width;
  transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform, opacity;
  -ms-transition-property: -ms-transform, opacity;
  -o-transition-property: -o-transform, opacity;
  transition-property: transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -ms-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}

/* End: Recommended Isotope styles */
/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
}


/**************************
********* Pricing Table CSS *
**************************/

.pricing_heading {
  margin-top: 120px
}

.pricing_heading h2, 
.pricing_heading p {
  color:#4e4e4e;
}

.pricing-area h1 {
  font-weight: 300;
  margin-top: 0;
  margin-bottom: 15px;
}

.pricing-area span {
  font-weight: 700;
  font-size: 18px;
}

.pricing-area h3, 
.pricing-area span  {
  color: #fff;
}

.plan {
  position: relative;
  margin-bottom: 70px;
}

.pricing-area ul {
  background:#FAFAFA;
  padding: 0;
  margin: 0;
}

.pricing-area ul li {
  list-style: none;
  padding: 15px 0;
  font-size: 16px;
  font-weight: 400;
}

.pricing-area ul li:nth-child(even){
  background:#f5f5f5
}

.pricing-area .price-three img, 
.pricing-area .price-six img {
  position: absolute;
  right: 15px;
  top: 0;
}

.pricing-area .heading-one, 
.pricing-area .heading-two, 
.pricing-area .heading-three {
  padding:17px 0;
  border-radius:2px 2px 0 0;
} 

.pricing-area .heading-one, 
.pricing-area .heading-two, 
.pricing-area .heading-three, 
.pricing-area .heading-four, 
.pricing-area .heading-five, 
.pricing-area .heading-six, 
.pricing-area .heading-seven {
  margin-left: -10px
}


.pricing-area .heading-one, 
.pricing-area .price-one .plan-action .btn-primary {
  background: #e24f43
}

.pricing-area .heading-two, 
.pricing-area .price-two .plan-action .btn-primary {
  background:#27AE60;
}

.pricing-area .heading-three,
.pricing-area .price-three .plan-action .btn-primary {
  background: #f39c12;
}

.pricing-area .heading-four, 
.pricing-area .price-four .plan-action .btn-primary {
  background: #5c5c5c
}

.pricing-area .heading-five, 
.pricing-area .price-five .plan-action .btn-primary {
  background: #5c5c5c
}

.pricing-area .heading-six, 
.pricing-area .price-six .plan-action .btn-primary {
  background: #e24f43
;
}

.pricing-area .heading-seven, 
.pricing-area .price-seven .plan-action .btn-primary {
  background: #5c5c5c
}

.pricing-area .bg{
 background: #fafafa 
}

.pricing-area .heading-one h3:before {
  border-color: #bf4539 transparent transparent;
}

.pricing-area .heading-two h3:before {
  border-color: #1f8c4d transparent transparent;
}

.pricing-area .heading-three h3:before {
  border-color: #d4880f transparent transparent;
}

.pricing-area .heading-four h3:before {
  border-color: #424242 transparent transparent;
}

.pricing-area .heading-five h3:before {
  border-color: #424242 transparent transparent;
}

.pricing-area .heading-six h3:before {
  border-color: #bf4539 transparent transparent;
}

.pricing-area .heading-seven h3:before {
  border-color: #424242 transparent transparent;
}

.pricing-area h3:before {
  border-color: #D4880F transparent transparent;
  border-radius: 5px 0 0 0px;
  border-style: solid;
  border-width: 12px;
  content: "";
  height: 0;
  left: 4px;
  position: absolute;
  top: 78px;
  width: 0;
  z-index: -999;
}

.small-pricing h3:after {
  height:94px;
}

.small-pricing h3:before {
  top: 74px;
}

.plan-action {
  height: 40px;
}

.pricing-area .plan-action .btn-primary {
  position: relative;
  padding:5px 20px;
  color: #fff
;
  margin-top: 5px;
}

.pricing-area .plan-action .btn-primary:before {
  border-color: #E24F43 transparent transparent;
  border-radius: 5px 0 0 0;
  border-style: solid;
  border-width: 12px;
  bottom: -12px;
  content: "";
  height: 0;
  left: -9px;
  position: absolute;
  width: 0;
  z-index: -1;
}

.pricing-area .plan-action .btn-primary:after {
  border-color: #E24F43 transparent transparent;
  border-radius: 5px 0 0 0;
  border-style: solid;
  border-width: 12px;
  bottom: -12px;
  content: "";
  height: 0;
  position: absolute;

  right: -9px;
  width: 0;
  z-index: -1;
}

.pricing-area .price-two .plan-action .btn-primary:before, 
.pricing-area .price-two .plan-action .btn-primary:after {
  border-color: #1f8c4d transparent transparent;
}

.pricing-area .price-three .plan-action .btn-primary:before, 
.pricing-area .price-three .plan-action .btn-primary:after {
  border-color: #d4880f transparent transparent;
}

.pricing-area .price-four .plan-action .btn-primary:before, 
.pricing-area .price-four .plan-action .btn-primary:after, 
.pricing-area .price-five .plan-action .btn-primary:before, 
.pricing-area .price-five .plan-action .btn-primary:after, 
.pricing-area .price-seven .plan-action .btn-primary:before, 
.pricing-area .price-seven .plan-action .btn-primary:after  {
  border-color: #424242 transparent transparent;
  right: -9px;
}

.pricing-area .price-six .plan-action .btn-primary:before, 
.pricing-area .price-six .plan-action .btn-primary:after {
  border-color: #bf4539 transparent transparent;
  right: -9px;
}


/*************************
********* Contact Us CSS ******
**************************/

.gmap-area {
  background-image: url("../images/map.jpg");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 70px 0;
}

.gmap-area .gmap iframe {
  border-radius: 50%;
  height: 280px;
  width: 300px;
}

.gmap{
    border: 10px solid #f6f5f0;
    border-radius: 50%;
    height: 300px;
    width: 300px;
    box-shadow: 0px 0px 3px 3px #e7e4dc;
    overflow: hidden;
    position: relative;
    margin: 0 auto;
}

.gmap-area .map-content ul {
  list-style: none; 
}

.gmap-area .map-content address h5{
  font-weight: 700;
  /* font-size: 16px; */
}

#contact-page{
  padding-top: 0;
}

#contact-page .contact-form 
.form-group label {
  color: #4E4E4E;
  font-size: 16px;
  font-weight: 300;
}

.form-group .form-control {
  padding: 7px 12px;
  border-color:##ccc;
  box-shadow: none;
}

textarea#message{
  resize: none;
  padding: 10px;
}

#contact-page .contact-wrap {
  margin-top: 20px;
}

/*********************
****blog page css*****
**********************/

.widget {
  margin-bottom: 60px;
  padding-left: 0;
}

.single_comments {
  margin-bottom: 20px;
}

.single_comments img {
  float: left;
  margin-right: 10px;
  margin-top: 5px;
}

.single_comments p {
  margin-bottom: 0;
}

.widget .entry-meta span {
  display: inline-block;
  margin-right: 10px;
}

.widget h3 {
  color: #000;
  text-transform: uppercase;
  margin-bottom: 20px;
}

.blog_category{
  list-style:none;
  margin:0;
  padding:0;
}

.blog_category li{
  float:none;
  margin-bottom:20px;
}

.blog_category li a {
  background:#f5f5f5;
  border-radius: 4px;
  color: #888;
  display: inline-block;
  padding: 5px 15px;
}

.blog_category li a:hover{
  background:#c52d2f;
  color: #fff;
}

 .badge:before {
  border-color: transparent transparent transparent #c52d2f;
  border-style: solid;
  border-width: 10px;
  bottom: -8px;
  content: "";
  height: 0;
  left: 5px;
  position: absolute;
  z-index: -99999;
}

.badge {
  background-color: #c52d2f;
  border-radius: 5px;
  color: #fff;
  padding: 8px;
  position: relative;
  left: 60px;
  top: -18px;
  font-weight: normal;
}

.blog_archieve {
  list-style: none outside none;
  margin: 0;
  padding: 0;
}

.blog_archieve li {
  padding: 10px 0;
  border-bottom: 1px solid #f5f5f5;
}

.blog_archieve li:first-child {
  padding-top: 0;
}

ul.gallery {
  list-style: none;
  padding: 0;
  margin: 0;
}

ul.gallery li {
  display: block;
  width: 60px;
  padding: 0;
  margin: 0 4px 4px 0;
  float: left;
}

ul.faq {
  list-style: none;
  margin: 0;
}

ul.faq li {
  margin-top: 30px;
}

ul.faq li:first-child {
  margin-top: 0;
}

ul.faq li span.number {
  display: block;
  float: left;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  background: #34495e;
  color: #fff;
  font-size: 24px;
}

ul.faq li > div {
  margin-left: 70px;
}

ul.faq li > div h3 {
  margin-top: 0;
}


.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.blog-item {
  border-radius: 0;
  overflow: hidden;
  margin-bottom: 50px;
}

.blog .blog-item .img-blog {
  border-radius: 5px;
  margin-bottom: 45px;
}

.blog .blog-item .blog-content {
  padding-bottom: 25px;
}

.blog .blog-item .blog-content h2 {
  margin-top: 0;
  font-size: 30px;
}

.readmore{
  margin-top: 0;
}

.blog .blog-item .blog-content h3 {
  color: #858586;
  margin-bottom: 40px;
  /* font-weight: 300 */}

.blog .blog-item .blog-content h4 {
  font-size: 14px;
}

.post-tags {

}

.blog .blog-item .entry-meta {
  border-radius: 5px;
  overflow: hidden;
}

.blog .blog-item .entry-meta > span {
  background: #f5f5f5;
  border-top: 1px solid #fff;
  display: block;
  font-size: 12px;
  overflow: hidden;
  padding: 5px;
  text-align: left;
}

#publish_date {
  background: #c52d2f;
  border-bottom: 5px solid #4e4e4e;
  color: #fff;
  padding: 5px 0;
  text-align: center;
}

.blog .blog-item .entry-meta > span {
  color: #ccc;
}

.blog .blog-item .entry-meta > span a {
  font-size: 12px;
  margin-left: 3px;
  font-weight: 300;
  color: #888;
}

ul.pagination > li > a {
  border: 1px solid #F1F1F1;
  margin-right:5px;
  border-radius: 5px;
  font-size: 16px;
  padding: 5px 14px;
}

ul.pagination > li > a i{
  margin-left:5px;
  margin-right:5px;
}

ul.pagination > li.active > a, 
ul.pagination > li:hover > a {
  background-color: #c52d2f !important;
  border-color: #c52d2f !important;
  color: #fff;
}

.search_box {
  background-image: url("../images/search_icon.png");
  background-position: 314px 15px;
  background-repeat: no-repeat;
  border-color: #DEDEDE;
  height: 48px;
  outline: medium none;
  box-shadow: none;
}

.form-control:focus {
  box-shadow:none;
  outline: 0 none;
}


ul.tag-cloud, 
ul.sidebar-gallery {
  list-style: none;
  padding: 0;
  margin: 0;
}

.tag-cloud li{
    display: inline-block;
    margin-bottom: 3px;
}

.tag-cloud li a {
  background: #f5f5f5;
  color: #888;
  border: 0;
  border-radius: 4px;
  padding: 8px 15px;
}

.tag-cloud li a:hover{
  background:#c52d2f;
  color: #fff;  
}

.sidebar-gallery li{
  display: inline-block;
  margin: 0 10px 10px 0;
}

.sidebar-gallery li a {
  border-radius: 4px;
  display: inline-block;
}


/**********************
**blog single page css*
**********************/

.reply_section {
  background: #f5f5f5;
  border-radius: 5px;
}

.post_reply {
  margin-left: 10px;
  margin-top: 45px;
}

.post_reply img {
  width: 85px;
  height: 85px;
  border: 5px solid #D5D8DD;
}

.post_reply ul {
  list-style: none outside none;
  margin: 0;
  padding: 0;
  margin-top: 5px;
}

.post_reply ul li{
  float:left;
}

.post_reply ul li a {
  display: block;
}

.post_reply ul li a i {
  border: 1px solid #DDDDDD;
  border-radius: 39px;
  color: #FFFFFF;
  font-size: 20px;
  height: 30px;
  margin-right: 3px;
  padding-top: 7px;
  text-align: center;
  width: 30px;
}

.post_reply ul li a i.fa-facebook {
  background: #0182C4;
}

.post_reply ul li a i.fa-twitter {
  background: none repeat scroll 0 0 #3FC1FE;
}

.post_reply ul li a i.fa-google-plus{
 background: none repeat scroll 0 0 #D34836;
}

.post_reply ul li a i:hover{
  opacity:.5;
}

.post_reply_content {
  margin: 30px;
}

.post_reply_content h1 a:hover{
  color:#FFC800;
}

.post_reply_content h4 {
  margin-bottom: 50px;
}

.reply_section .media-body{
  display:inherit;
}

.comment_section .media-body{
  display:inherit;
}

#comments_title{
   color:#4e4e4e;
   font-weight:700px;
   font-size:20px;
   margin-top:60px;
   margin-bottom:40px;
}
.comment_section {
  margin-top: 30px;
  position: relative;
}

.post_comments img {
  width: 85px;
  height: 85px;
  margin-top: 35px;
}

.post_reply_comments {
  background:#f5f5f5;
  border-radius: 4px;
  padding: 30px;
}

.post_reply_comments:before {
  border-color: transparent #F0F0F0 transparent transparent;
  border-style: solid;
  border-width: 15px;
  content: " ";
  height: 0;
  left: 75px;
  position: absolute;
  top: 20px;
}

.post_reply_comments h3, 
.post_reply_content h3{
  margin-top: 0;
}

.post_reply_comments h1 a:hover{
  color:#c52d2f;
}

.post_reply_comments h4{
  color:#c4c4c5;
  font-weight:400;
}

.post_reply_comments p {
  padding-bottom: 30px;
}

.post_reply_comments a {
  bottom: 15px;
  position: absolute;
  right: 30px;
  background: #c52d2f;
  color: #fff;
  border-radius: 5px;
  padding: 8px 20px;
}

.post_reply_comments a:before {
  border-color: #c52d2f transparent transparent;
  border-style: solid;
  border-width: 16px;
  bottom: -11px;
  content: "";
  height: 0;
  left: -12px;
  position: absolute;
  z-index: 99999;
}

.post_reply_comments h2 a{
 
}

.message_heading {
  margin-bottom: 50px;
  margin-top: 60px;
}


/******************
 404 page css
 ******************/

#error .btn-success:hover, 
.btn-success:focus, 
.btn-success:active, 
.btn-success.active, 
.open .dropdown-toggle.btn-success:hover {
  background-color: #EBEBEB;
  border-color: #EBEBEB;
  color: #4E4E4E;
}

#error h1{
  color: #4e4e4e;
  text-transform: uppercase;
}


/******************
shortcodes page css
******************/

.shortcode-item {
  padding-bottom: 0;
}

.shortcode-item h2 {
  color: #4E4E4E;
  font-size: 24px;
  margin-bottom: 22px;
  margin-top: 0;
  font-weight: 600
}



/***********************
********* Footer ******
************************/
#bottom {
  background: #f5f5f5;
  border-bottom: 5px solid #c52d2f;
  font-size: 14px;
}

#bottom h3 {
  margin-top: 0;
  margin-bottom: 10px;
  text-transform: uppercase;
  font-size:22px;
  color: #000;
}

#bottom ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

#bottom ul li {
  display: block;
  padding: 5px 0;
}

#bottom ul li a {
  color: #808080;
}

#bottom ul li a:hover {
  color: #c52d2f;
}

#bottom .widget { 
  margin-bottom: 0;
}

#footer {
  padding-top: 20px;
  padding-bottom: 20px;
  color: #666666;
  background: #333333;
}
 #footer p { margin:0;}
#footer a, #footer p {
  color: #666666;
  font-size:12px;
}

#footer a:hover {
  color: #e87465;
}

#footer ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

#footer ul > li {
  display: inline-block;
  margin:0 5px;
}
.form-horizontal .control-label { text-align: left;}

/*==inner page banner==*/
/****IT Talent*****/
.listofmethods ul { list-style-type:none; margin:0; padding:0;}
.listofmethods ul li { margin-bottom:10px;}
.highLightsBlock table tr td { padding:15px;}
.highLightsBlock table tr:nth-child(n+1) { border-left:20px solid #c4bda8;}
.highLightsBlock table tr:nth-child(n+2) { border-left:20px solid #d2e5f2;}
.highLightsBlock table tr:nth-child(n+3) { border-left:20px solid #bbbcbc;}
/*colored boxes for list itmes*/
.euqalheight { padding:10px; margin-bottom:20px;}
.boxWithImgCont { margin:10px 0 0 0;}
.boxWithImgCont .media-body { padding:10px 20px 10px 0;}
.boxWithImgCont .media-body h2 { padding-bottom:10px;}
.boxWithImgCont a { color:#fff!important; text-decoration:underline;}
.boxWithImgCont p { font-weight:500;}
.boxWithImgCont p, .boxWithImgCont p strong { font-size:16px; color:#fff;}
.boxWithImgCont .euqalheight { padding:0; margin-bottom:0;}
.empPledge h4, .empPledge p { padding:0 15px;}
.empPledge h2 { text-align:center; border-bottom:1px solid #ccc; padding-bottom:5px;}
.empAbove50 p { font-size:13px;}
.empAbove50 h2 { text-align:center; font-weight:bold; padding-bottom:10px;} 
/*.euqalheight p strong, .euqalheight ul li { color:#fff;}
.jungleMistColor { background:#9bc1c2;}
.hawkesBlueColor { background:#c8d8eb;}
.ecruWhiteColor { background:#d1ccbd;}*/
.colorBox1 { background:#abc6ca;}
.colorBox2 { background:#dcced3;}
.colorBox3 { background:#eeeeee;}
.colorBox4 { background:#eeeeee; padding:10px 20px;}
.colorBox5 { background:#cccc99; padding:20px; margin-top:20px; display:inline-block;}
.colorBox1 { background:#abc6ca;}
.colorBox5 h3 { text-align:center; margin:0; padding:0px 0px 10px 0;}
.colorBox5 ul { padding-bottom:0;}
.colorBox5 ul li {  font-size:14px;}
/*********Quick Facts*******/
/*.qFactsBlocks .euqalheight { padding:0!important; }*/
.tcEmpequalHeight .euqalheight { margin-bottom:0!important; }
.colorBox6 { background:#675293;}
.colorBox7 { background:#718b88;}
.colorBox8 { background:#2f69a5;}
.colorBox9 { background:#d2e5f2;}
.colorLightGoldBox { background:#c3bda7;}
.colorLightOrangeBox { background:#e0b77f;}
.colorSkyBlueBox { background:#2f69a5;}
.colorSkyBlueBox .tellMe { padding:10px 0 12px;}
.colorSkyBlueBox h2 { color:#fff!important;}
.space10px { padding:10px 0;}
.removeUnderline4Anchor { text-decoration:none!important;}
.colorPattensBlueBox { background:#d5e1ed;}
.colorLightSteelBlueBox { background:#acc3db;}
.colorWhiteBox { padding-left:0; padding-right:0; border-bottom:1px solid #ccc; border-top:1px solid #ccc; overflow:hidden;}
.colorWhiteBox p { margin-top:10px;}
.fonSize20 { font-size:20px;}
/*.leftpad { padding-left:0;}
.rightpad { padding-right:0;}*/
/**********List Items with Decimal Format********/
.listItemDecimal { margin:0 15px; padding:0;}
.listItemDecimal li{ list-style-type: decimal; color: #115e67; font-weight:bold;} 
.listItemDecimal li:first-line {font-weight:normal;  color: #333; }
.colorPattensBlueBox h2, .colorLightSteelBlueBox h2 { font-weight:bold; color:#000; padding-bottom:10px; border-bottom:1px solid #ccc;} 
.colorSkyBlueBox h2 a { color:#fff; text-decoration:underline;}
.colorLightGrayBox { background:#eee; padding:10px 20px; overflow:hidden;}
.colorLightGoldBox h2, .colorLightOrangeBox h2 { color:#333; } 
.colorLightGreenBox { background:#718b88;}

.colorLightGreenBox p { padding:0 10px; margin-top:30px;}
.colorLightGreenBox ul { padding:0 20px; margin:0 10px;}
.colorLightGreenBox span { margin:-10px 10px 0 10px; float:left;}
.colorLightGreenBox h2 a { text-decoration:underline; color:#fff;} 
.colorLightGreenBox p strong, .colorLightGreenBox ul li {  color:#fff; font-size:18px;}
.colorLightGreenBox ul li { list-style:outside url("../images/squreWhite.png") square;}
.disablePad { padding:0!important;}
.colorLightGoldBox, .colorLightOrangeBox { margin-bottom:10px!important;}
.purpleStrip { padding:20px; color:#fff;}
.purpleStrip a { color:#fff!important; text-decoration:underline;}
.qFactsBlocks h2 { border-bottom: 1px solid #fff; color: #fff; font-weight: bold; padding: 10px; position: relative; text-align: center;}
.qFactsBlocks h2 span { left:20px; position:absolute; top:0; background:url(../images/spriteClub.png) no-repeat 0 0; width:82px; height:82px;}
.qFactsBlocks .qFBox2 h2 span { background-position:-82px 0; }
.qFactsBlocks .qFBox3 h2 span { background-position:-164px 0; }
.qFactsBlocks .qFBox4 h2 span { background-position:-246px 0; }
.qFactsBlocks .qFBox5 h2 span { background-position:-328px 0; }
.qFactsBlocks .qFBox6 h2 span { background-position:-410px 0; }
.qFactsBlocks .qFBox7 h2 span { background-position:-492px 0; }
.qFactsBlocks .qFBox8 h2 span { background-position:-574px 0; }
.qFactsBlocks .qFBox9 h2 span { background-position:-656px 0; }
.qFactsBlocks .qFactInfo { color:#fff; padding:25px 10px 20px 10px; margin:0 5px;}/*Here Margin is added extara for client need*/
.listitems-sec.qcListFloating.alliance li{width:100% !important}
.qFactsBlocks .qFactInfo p { font-size:16px;}
.qFactsBlocks .qFactInfo ul { list-style: outside url("../images/squreWhite.png") square;} 
.qFactsBlocks .qFactInfo ul li strong {color:#fff;}
.qFactsBlocks .qFactInfo ul li { font-size:16px; color:#fff;}
.qFactsBlocks .qFactInfo ul li a { color:#fff; font-size:16px;}
.qcListFloating { min-height:140px;}
.qcGlobalList { min-height:474px;}
.qcListed { min-height:270px; margin-top:20px;}
.qcEstablished { margin:30px 0;}
p.textCenter24 { font-size:24px!important; text-align:center;}
.qcListFloating li { float:left; width:50%; }
.qcListFloating li a { display:block;}

/*********TC FAQS**********/
.tcFaqsSec ul { margin:0px; padding:0; list-style-type:none;}
.tcFaqsSec ul li { border-top:1px solid #ccc; padding:10px 0 11px 0;}
.tcFaqsSec ul li:last-child { border-bottom:1px solid #ccc;}
.tcFaqsSec ul li .tcFqsQ { font-style:italic;}
.tcFaqsSec ul li p.tcFqsA { display:inline-flex;}
.tcFaqsSec ul li .tcFqsQ::before { content:"Q."; font-weight:bold; padding-right:5px; font-style:italic;}
.tcFaqsSec ul li .tcFqsA::before { content:"A."; font-weight:bold; padding-right:5px;}
.tcFaqsSec ul li p:nth-child(2n) { margin-bottom:0;}

.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td { border: 1px solid #eee;}
.playColor, .playColor2, .playColor3, .playColor4, .imgAndTable img, .tablegradient { margin-top:5px;}
.playColor tr:nth-child(odd) { background:#d2e5f2;}
.playColor tr:nth-child(even) { background:#fff;}

.playColor2 tr:nth-child(odd) { background:#eee;}
.playColor2 tr:nth-child(even) { background:#fff;}

.playColor3 tr:nth-child(odd) { background:#dad2c0;}
.playColor3 tr:nth-child(even) { background:#fff;}

.playColor4 thead tr th h2 { color:#333; padding:0; margin:0;}
.playColor4 thead tr th.headColbg1 { background:#d2e5f2;}
.playColor4 thead tr th.headColbg2 { background:#abc6ca;}
.playColor4 thead tr th.headColbg3 { background:#c4bda8;}
.csrTrustImages { margin:10px 0;}
.readMoreDiv .readM { float:right; margin-top:10px; } /*link beside title */
.csrHeader table tr th { background:#d2e5f2;}
.csrHeader table tr th h3 { padding:0; margin:0}
.lhsidebar .csrLink { color:#333;}

.readM:hover { text-decoration:underline;}
/*videos page*/
.testmoniFrame { position: relative; margin:10px 0 20px 0;}
.testmoniContent { padding:20px; background:#eee;}
.testmoniContent h4, .testmoniContent p { text-align: left;}
/*.testmoniFrame .testmoniContent:nth-child(odd) {background:#eee;}
.testmoniFrame .testmoniContent:nth-child(even) {background:#fff;}*/
.testmoniContent h4 { margin:0; padding:0px;}
.testmoniContent .fa { color:#ccc;}
.testmoniContent .testmoniAuthor { font-style:italic; text-align:right;}
.testmoniFrame .testmoniImage { position:relative;}
.testmoniFrame .testmoniImage a .videoplay-icon { background:url(../images/video-play-icon.png) no-repeat scroll center center; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%;}
.morecontent span {
    display: none;
}
.morelink { 
    display: block;
}
.boxOverFlow { overflow:hidden;}
.horiznBox { padding:0!important; overflow:hidden; margin:0 0 20px 0!important;}
.mtGlobal { margin:10px 0 0 0; padding:10px 0; border-bottom:1px solid #ccc; border-top:1px solid #ccc;}
.mtGlobal p span { color:#115e67; font-weight:bold;}
.mtGlobal + p { margin-bottom:10px;}
.atlasOnline { margin-top:10px; background: #c3bda7 none repeat scroll 0 0; padding: 15px 10px;}
.atlasOnline p { margin-bottom:0;}
.atlasOnline + div { margin-top:10px;} 
.atlasOnline p img { margin:0 0 0 20px;}

/***** MODAL PROPERTIES *****/
 /*.modal-content {
    -webkit-box-shadow: none;
    box-shadow: none;
    background:transparent;
    border:none;
    outline:none;
}
.modal-content iframe {
    border:none;
    padding:0;
    margin:0;
}
.close {
    font-size: 80px;
    margin:-20px 0 0 0;
}

 @media only screen and (max-width: 641px) {
   
    .modal-body {
        height:100px;
        padding:0;
        margin: 0;
    }
    .modal-content {
        padding:0;
        margin: 0;
    }
    .modal-dialog {
        position: relative;
        width: auto;
        margin: 15px;
    }
    .close {
        margin:-12px 0 0 0;
    }
}
@media only screen and (min-width: 768px) {
  
    .close {
        font-size: 80px;
        margin:30px -43px -20px 100px;
    }
}*/

/***** /MODAL PROPERTIES *****/
/********We Care Page*********/
.weCareList ul { list-style-type:none; margin:0; padding:0;}
.weCareList ul.listitems-sec { padding-left:15px;}
.weCareList ul li { margin-bottom:30px; padding:10px 0; } 
.weCareList ul li ul li { padding:0;}
.weCareList ul.listitems-sec li { background:none!important; margin-bottom:3px!important;} 
.weCareList ul li:nth-child(odd) { background:#cccc99;}
.weCareList ul li:nth-child(even) { background:#dcced3;}
.weCareList .mtaColoredBox .ctimg { margin-top:0;}
/********Mindteck Academy Page*********/
.mtaColoredBox { margin:5px 0; background:#eedad2; display:inline-block; padding:10px; }
.mtaGrayBox { margin:0px 0; border-top:1px solid #d25f15; display:inline-block; padding:10px; }
.mtaGrayLastBox {border-bottom:1px solid #d25f15;}
.mtaGrayBox .center { padding-bottom:0px;}
.mtaGrayBox p + p { margin-bottom:0;}
.mtaGrayBox p i.fa{ color:#d25f15;}
.form-control, .btn { border-radius:0!important;}
.mteckContentWrap h1 { margin-top:0;}
.mteckContentWrap a { color:blue;}
.forMoreInfo { padding:10px; background:#d25f15; margin-top:30px;}
.forMoreInfo h2, .forMoreInfo h4 { color:#fff;}
.forMoreInfo h4 { margin-top:0;}
.forMoreInfo h4 a{ color:#fff; text-decoration:underline;}
.mta-ttp { background:#eee; }
.csPattern { margin:20px 0!important;}
.csPattern img { border-bottom:0!important;}
.mta-ttp h4 { padding:0 20px;}
.mta-ttp ul { margin:0 20px;}
.mta-ttp img { border-bottom:20px solid #ac451e;}

.btn-input {
   display: block;
}

.btn-input .btn.form-control {
    text-align: left;
}

.btn-input .btn.form-control span:first-child {
   left: 10px;
   overflow: hidden;
   position: absolute;
   right: 25px;
}

.btn-input .btn.form-control .caret {
   margin-top: -1px;
   position: absolute;
   right: 10px;
   top: 50%;
}


.horizontalNav { list-style-type:none; margin:0 0 20px 0; padding:0;}
.horizontalNav li { display:inline-block; padding:5px 10px; background:#eee;}
.horizontalNav li a { color:#333333; font-weight:500;}
.horizontalNav li a:hover { border-bottom:2px solid #004943; color:#004943;}
.horizontalNav li a.active {color:#004943;}
.horizontalNav li:first-child {}
.horizontalNav li:last-child { border-right:none;}

/*press releases tabs*/
.nav-tabs { border-bottom: 2px solid #DDD; }
.card .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { border-width: 0; }
.nav-tabs > li > a { border: none; color: #333333; }
.nav-tabs > li.active > a, .nav-tabs > li > a:hover { border: none; color: #004943 !important; background: transparent; }
.nav-tabs > li > a::after { content: ""; height: 2px; position: absolute; width: 100%; left: 0px; bottom: -1px; transition: all 250ms ease 0s; transform: scale(0); }
.nav-tabs > li.active > a::after, .nav-tabs > li:hover > a::after { transform: scale(1); }
.tab-nav > li > a::after { background: #21527d none repeat scroll 0% 0%; color: #fff; }
.tab-pane { padding: 0px 0; }
.tab-pane ul { list-style-type:none; margin:0; padding:0;}
.tab-pane ul li { padding:5px 0; border-bottom:1px solid #eeeeee;} 
.tab-pane ul li:hover { background:#eee;}
.tab-pane ul li a { color:#666666;}
.tab-pane ul li a:hover { color:#004943;}
.tab-content{padding:10px}
.card {background: #FFF none repeat scroll 0% 0%; box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.3); margin-bottom: 30px; }
/*press releases tabs*/
.rhsidebar { background:#eee; padding:5px 20px 20px 20px;}
.sbBlock { background:#eee;}
.sbBlock .sbCont {padding:20px;}
.sbBlock .sbCont h3 { margin-top:0;}
.rhsidebar .cmmiLogo { padding:10px 0;}
.fontSize12 { font-size:12px;}
.fontSize30 { font-size:30px;}
.rhsidebar img { margin:0 auto;}
.rhsidebar img.imgcenter { margin-top:20px;} 

.rhsidebar ul { list-style-type:none; margin:0; padding:0;}
.rhsidebar ul li { border-bottom:1px solid #cccccc; padding:10px 0;} 
.rhsidebar ul li:last-child { border-bottom:none;}
.rhsidebar ul li a { color:#333;}
.rhsidebar ul li a.blueLink { color:blue;}
.rhsidebar ul li a img { margin-bottom:10px;}
.rhsidebar a .stockinfo li { color:#333;}
.stockInfoLinksBsc {  margin-bottom: 10px; margin-top: 10px; text-decoration: none;}
.stockInfoLinks { border-top: 1px dashed; color: #333; margin-top: 5px;  padding-top: 5px;  text-decoration: none;
}
.trading-window {background: #e3b5b0 none repeat scroll 0 0; margin-top:10px; padding: 10px;}
.trading-window  h3 { font-size:16px;}
#stockRate {
    color: black;
    display: inline-block;
    font-weight: bold;
    padding-left: 5px;
}
#stockChange {display: inline-block; padding-left: 5px;}
.stockInfoLinksBsc {color: #333;}
.stockInfoData {border-top: 1px dashed; color: #333; display: inline-flex; margin-top: 5px; padding-top: 5px; text-decoration: none;
    width: 100%;
}
.stockInfoData p, .stockInfospace p { margin-bottom:0px;}
.globalClients { margin:0px 0 0 0; border-bottom:1px solid #ccc; border-top:1px solid #ccc; padding:10px 20px 24px; text-align:center;}
.globalClients img { display:inline-block;}
.rhwecare { margin:20px 0;}
.leftPanelListItems li a { color:#333;} 
.leftPanelListItems li a:hover { color:#e87465;}
.breadcrumb { overflow: hidden;}
.rhsidebar ul li.tradingWindBg { background: #abc6ca; padding-left:10px; padding-right:10px; margin-bottom: 10px;}
.rhsidebar ul li.boardMeetingBg { background: #dcced3; padding-left:10px; padding-right:10px;}
/*.modal-header { border: 0 none; height: 20px; margin-left: 10px; padding: 0; position: absolute; right: 0px; top: 5px;}*/
.lightbox .modal-header {border: 0 none;}
.modal-header button.close { z-index:999999; font-size: 30px;}
.modal-header button.close .fa { color:#000;}
.modal-header button.close {background: #dd7868 none repeat scroll 0 0;  border-radius: 50%;  height: 38px; padding: 3px 0px 10px 3px; width: 38px; z-index: 2147483647; position:absolute; right:-12px; margin-left: 10px; top:-20px;  border:0; opacity:1}
.modal-header button.close .fa { color:#fff; text-align:center;}
button.close:hover, button.close:focus { opacity:0.9!important;}

.inner-page-banner.col-lg-12 { padding: 0;}
.weCareImg { margin:20px 0 0 0;}
.conctactWecare { text-align:left; padding-top:20px;}
.inner-page-banner {
    position: relative;
}
.inner-page-banner img {
    width: 100%;
  box-shadow:0 -1px 3px #ccc;
    /* max-width: 3000px; corresponds to max height of 450px */
    margin: 0 auto;
  /*height:326px;*/
}
.banner-content { width:88%; margin:0 auto; position:absolute; top:0; padding:0 6%;}
.inner-page-banner h3.blacktitlebanner { color:#000;}
.inner-page-banner h3{
    text-align: left;
    color: white;
  padding:20px;
  width:52%;
  background:rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
  font-size:28px; 
  line-height:36px;
  vertical-align:middle;
  display:none;

}
/*Press Releases css*/
.filerSecofData .btn-group { margin:20px 0;}
.filerSecofData .dropdown-menu { border-radius:0;}
/* You should specify a width and a height to your container, and apply some custom styling for your scrollbar. Here's an example: */
.nano { height: 510px; }
.nano .content { padding: 10px; }
.nano .pane   { background: #888; }
.nano .slider { background: #111; }


.submittedPrDate, .shareTitle{ color:#666666;}
.shareType ul { list-style-type:none;}
.shareType ul li { display:inline-block; padding-left:2px;}
.prList { margin:0; padding:20px 0px 10px 0px;}
.prList ul li a { color:#333333;}
.prList ul li a .prDate { color:#666666; font-size:12px;}
.prList ul li {padding:10px;}
.prList ul li:last-child { border-bottom:1px solid #ccc;}
.prList ul li:hover, .prList ul li.active { background:#ffffff; border-color:#e87465;}


/*board of directors style*/
.bodProfileSylte { text-align:center; color:#333;}
.bodProfileSylte p { text-align:center;}
.bodProfileSylte h4 { margin-top:10px; margin-bottom:0;} 
.proNameandDesignation { background:#eee; padding:5px 0; margin-bottom:10px;}
.bodProfileSylte h3 { text-align:center; margin:0px 0 0 0; padding:0;}
.bodProfileSylte .proDesignation { text-align:center; margin:0px 0 0 0;}
.bodFontSettings .item h5 { font-weight:600;}
.bodFontSettings .item a { color:#333;}
.bodFontSettings .carousel-control { color:#fff;}

/*.bodCarousel .carousel-inner .active.left { left: -25%; }
.bodCarousel .carousel-inner .next        { left:  25%; }
.bodCarousel .carousel-inner .prev        { left: -25%; }
.bodCarousel .carousel-control.left,.carousel-control.right {background-image:none;}
.bodCarousel .item:not(.prev) {visibility: visible;}
.bodCarousel .item.right:not(.prev) {visibility: hidden;}
.bodCarousel .rightest{ visibility: visible;}*/
/*board of directors style end here*/
.bodCarousel .carousel-control.left { left:-95px;}
.bodCarousel .carousel-control.right { right:-95px;}
.nav, .main {
   /* background-color: #f6f6f6;
    text-align: center;*/
}
.business-header {
  background:url(../images/in-banner/whoweare.png) no-repeat scroll center center / cover ;
    height: 326px;
}
.tagline {
    color: #fff;
    text-shadow: 0 0 10px #000;
}
.img-center {
    margin: 0 auto;
}
.listitems-sec { list-style:outside url(../images/conlistbullet.png) square; /*list-style-type: square;*/ color:#a27f45; margin:0px; padding:0 0 10px 15px;}
.listitems-sec a { color:#333333;}
.listitems-sec a:hover { color:blue;}
/*.listitems-sec li:before { color:#a27f45; }*/
.listitems-sec li.listypenone { list-style-image:none; list-style-type:none;}
.listitems-sec li { margin-bottom:3px;}
.listitems-sec li { color:#333333;}
.listitems-sec li strong { color:#333333;}
.listofrichheritage img { float: left; margin:0px 10px 0 0;}
.listofrichheritage h3 { background:#eee; padding:10px;}
.tablegradient {
background: rgba(238,238,238,1);
background: -moz-linear-gradient(top, rgba(221,221,221,1) 0%, rgba(219,219,219,1) 0%, rgba(255,255,255,1) 51%, rgba(221,221,221,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(221,221,221,1)), color-stop(0%, rgba(219,219,219,1)), color-stop(51%, rgba(255,255,255,1)), color-stop(100%, rgba(221,221,221,1)));
background: -webkit-linear-gradient(top, rgba(221,221,221,1) 0%, rgba(219,219,219,1) 0%, rgba(255,255,255,1) 51%, rgba(221,221,221,1) 100%);
background: -o-linear-gradient(top, rgba(221,221,221,1) 0%, rgba(219,219,219,1) 0%, rgba(255,255,255,1) 51%, rgba(221,221,221,1) 100%);
background: -ms-linear-gradient(top, rgba(221,221,221,1) 0%, rgba(219,219,219,1) 0%, rgba(255,255,255,1) 51%, rgba(221,221,221,1) 100%);
background: linear-gradient(to bottom, rgba(221,221,221,1) 0%, rgba(219,219,219,1) 0%, rgba(255,255,255,1) 51%, rgba(221,221,221,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#dddddd', GradientType=0 );
border:1px solid #cccccc;
padding:5px;
}
.tablegradient th { color:#333333; font-size:15px;}
.casestudiv { text-align:center; }
.caseStudyInfo { height:260px; padding:50px 30px; background:#709897 ;}
.caseStudyInfo a { color:#fff;}

.casestud-title { font-size:16px; font-weight:600; color:#333333; display:inline-block; margin-top:10px;}
.caseStudyInfoDiv { background:rgba(255,0,0,0.1);}
div.caseStudyInfoDiv { line-height: 100px; text-align: center;  }
.carousel-caption span { display: inline-block; vertical-align: middle; line-height: normal;}

.caseSudyimage { position: relative;}
.caseSudyimage .mtacs { background:#ac451e;}
.caseSudyimage a { color:#fff; }
/*.caseSudyColorImageText a { color:#333;}*/
.caseSudyimage span {position: absolute; top: 0px; left: 0;width: 100%; margin: 0 auto;  height: 100%; text-align:center; padding:20% 8%;
font-size:16px; font-weight:500; }
.caseSudyimage span.mtacs {position: absolute; top: 0px; left: 0;width: 100%; margin: 0 auto;  height: 100%; text-align:center; padding:10% 8% 40% 8%;
font-size:16px; font-weight:500; }
.caseSudyimage span.mtacs h3 { color:#fff; padding-bottom:20px; text-decoration:none;}
.caseSudyimage span:hover { text-decoration:underline;} 
.caseSudyimage .bgShadow { background:rgba(0,0,0,0.3); }


/*Overlay content css*/   
.hovereffect {
  width: 100%;
  height: 100%;
  float: left;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default;
  background: #000000;
}

.hovereffect .overlay {
  width: 100%;
  height: 100%;
  padding: 50px 20px;
  position: absolute;
  top: 0;
  left: 0;

}

.hovereffect img {
  display: block;
  position: relative;
  max-width: none;
  width: calc(100% + 20px);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(-10px,0,0);
  transform: translate3d(-10px,0,0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  opacity: 0.4;
}

.hovereffect:hover img {
  opacity: 0.4;
  filter: alpha(opacity=40);
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}

.hovereffect h2 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  position: relative;
  font-size: 17px;
  overflow: hidden;
  padding: 0.5em 0;
  background-color: transparent;
}

.hovereffect h2:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: #fff;
  content: '';
  -webkit-transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
  -webkit-transform: translate3d(-100%,0,0);
  transform: translate3d(-100%,0,0);
}

/*.hovereffect:hover h2:after {
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}

.hovereffect a, .hovereffect p {
  color: #FFF;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(0%,0,0);
  transform: translate3d(0%,0,0);
   font-weight: 600;
 
}

.hovereffect:hover a, .hovereffect:hover p {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}*/
.TextWrap { background: #eeeeee; padding:10px 10px 2px 10px; text-align:center;}
.TextWrap p { text-align:center;}
.mteckpledge { text-align:center; margin:20px 0 0 0;}
.listitemspad0 { padding:0;}
.listitemspad0 ul {/* margin-bottom:10px;*/}
/*===delivery models css===*/
#deliverymodels { padding:20px 0 0 0; text-align:center;}
#deliverymodels p {text-align:center; margin-bottom:0;}
#deliverymodels h4 { font-size:14px; text-transform:uppercase; font-weight:bold;}
.deliverymodelslist ul{ margin:0;}
.deliverymodelslist { background:#eeeeee; overflow:hidden; padding:5px 0 0 0; margin:0 15px;}
.deliverymodelslist li { display:inline-block; text-align:center; padding:0 8%;}
.deliverymodelslist li:first-child { padding-left:0;}
.deliverymodelslist li:last-child { padding-right:0;}
/*===/delivery models css===*/

/*services section css*/
#threecolwidget { background:#c1dff2;}
#coreservices {background:#e87465;}
#coreservices .services-wrap, #corefferings .services-wrap { background:none; padding:0;}
#coreservices .services-wrap .media-heading { color:#fff;}
#coreservices .services-wrap ul li { color:#fff;}
#coreservices h2 { color:#fff;}
.sersec { background:#c1dff2;}
.ind-services-area {
  padding: 60px;
}

.ind-services {
    /*background: url(../images/indservices-bg.png) no-repeat top center;*/
  background:#fff;
    margin-bottom: 30px;
  min-height:232px;
}

.ind-services img {
 width:268px;
 vertical-align:middle;
 text-align:center;
  padding: 3px;
  transition: all 0.9s ease 0s;
  -moz-transition: all 0.9s ease 0s;
  -webkit-transition: all 0.9s ease 0s;
  -o-transition: all 0.9s ease 0s;
}

.ind-services h3 {
  margin-top: 20px;
  font-weight: 400;
  padding: 0 40px;
}

.ind-services h4 {
  font-weight: 300;
  margin-top: 15px;
}


.ind-services  h4  span {
  font-weight: 700;
  font-style: oblique;
}

/*Mega menu css*/

.mega-dropdown {
  position: static !important;
}
.mega-dropdown-menu {
    padding: 20px 0px;
    width: 100%;
    box-shadow: none;
    -webkit-box-shadow: none;
}
.mega-dropdown-menu > li > ul {
  padding: 0;
  margin: 0;
}
.mega-dropdown-menu > li > ul > li {
  float: left;
    list-style: outside none none;
    margin: 0 10px;
    width: 312px;
     
}

.mega-dropdown-menu > li > ul > li > a {
   color: #676767;
  display: block;
  padding: 6px 10px;
  font-weight:500;
  font-size:14px;
  border-bottom: 1px solid #eee;
}
.mega-dropdown-menu > li ul > li > a:hover,
.mega-dropdown-menu > li ul > li > a:focus {
  text-decoration: none;
}
.mega-dropdown-menu .dropdown-header {
  font-size: 18px;
  color: #ff3546;
  padding: 5px 60px 5px 5px;
  line-height: 30px;
}


/* Breadcrumbs */
.breadcrumb > li + li:before {
  padding: 0 5px;
  color: #666666;
  content: "\00bb\00a0";
}
.breadcrumb a { color:#666666;}
/* /Breadcrumbs */

/*=== footer social icons ====== */

/* footer social icons */
ul.social-network {
  list-style: none;
  display: inline;
  margin-left:0 !important;
  padding: 0;
}
ul.social-network li {
  display: inline;
  margin: 0 0px;
  
}

/* footer social icons */
.social-network a {background:#666666;}
.social-network a.icoRss:hover {
  background-color: #F56505;
}
.social-network a.icoFacebook:hover {
  background-color:#3B5998;
}
.social-network a.icoTwitter:hover {
  background-color:#33ccff;
}
.social-network a.icoGoogle:hover {
  background-color:#BD3518;
}
.social-network a.icoVimeo:hover {
  background-color:#0590B8;
}
.social-network a.icoLinkedin:hover {
  background-color:#007bb7;
}
.social-network a.icoRss:hover i, .social-network a.icoFacebook:hover i, .social-network a.icoTwitter:hover i,
.social-network a.icoGoogle:hover i, .social-network a.icoVimeo:hover i, .social-network a.icoLinkedin:hover i {
  color:#fff;
}
a.socialIcon:hover, .socialHoverClass {
  color:#44BCDD;
}

.social-circle li a {
  display:inline-block;
  position:relative;
  margin:0 auto 0 auto;
  -moz-border-radius:50%;
  -webkit-border-radius:50%;
  border-radius:50%;
  text-align:center;
  width: 30px;
  height: 30px;
  font-size:20px!important;
}
.social-circle li i {
  margin:0;
  line-height:30px;
  text-align: center;
}

.social-circle li a:hover i, .triggeredHover {
  -moz-transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
  -ms--transform: rotate(360deg);
  transform: rotate(360deg);
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  -ms-transition: all 0.2s;
  transition: all 0.2s;
}
.social-circle i {
  color: #333333;
  -webkit-transition: all 0.8s;
  -moz-transition: all 0.8s;
  -o-transition: all 0.8s;
  -ms-transition: all 0.8s;
  transition: all 0.8s;
}
/*=== /footer social icons ====== */

#lightbox .modal-content {
    display: inline-block;
    text-align: center;   
}

#lightbox .close {
    opacity: 1;
    color: rgb(255, 255, 255);
    background-color: rgb(25, 25, 25);
    padding: 5px 8px;
    border-radius: 30px;
    border: 2px solid rgb(255, 255, 255);
    position: absolute;
    top: -15px;
    right: -55px;
    
    z-index:1032;
}

/*===back to top btn ===*/

.crunchify-top:hover {
  color: #fff !important;
  background-color: #dd7868;
  text-decoration: none;
}
 
.crunchify-top {
  display: none;
  position: fixed;
  bottom: 1rem;
  right: 1rem;
  width: 3.2rem;
  height: 3.2rem;
  line-height: 3.2rem;
  font-size: 1.4rem;
  color: #fff;
  background-color: #dd7868;
  text-decoration: none;
  z-index:999999;
  text-align: center;
  cursor: pointer;
}
/*===back to top btn ===*/

/*team design css*/
.team{ padding-bottom: 60px; }
.panel-shadow{ box-shadow: rgba(0, 0, 0, 0.3) 7px 7px 7px; }
.team-member {
    /*color:green;*/
    color: #4b5e19;
    position: relative;
    width: 366px; 
    height: 450px; 
    background-color: #f7f7f7;"
    padding-left: 60px;
  }
.team-member::after {
      content: '';
      height:5px !important;
      width:296px;
      background: #6B8F00;
      position: absolute;
      left: 35px;
      bottom: 0;
  }
.team .team-member{ /*border: 1px solid #ddd;*/ /*border-bottom: 3px solid #3cb918;*/ margin-bottom: 60px; padding: 35px;}

/*.team .team-member:hover { border-bottom:3px solid #3cb918; cursor:pointer;}*/
.team .team-member img{ max-width: 296px;max-height: 296px; border: 1px solid #f7f7f7; margin-bottom: 25px;}
.team .team-member .member-details{ margin-left: 2px;}
.team .team-member .lsteam { margin-left:10px;}
.team .team-member .member-details h4{  margin: 0;  margin-bottom: 6px; font-size: 24px;/*font-weight: bold;*/}
.team .team-member .member-details h4 a{color: #333333;}
.team .team-member .member-details span{display: block; margin-bottom: 2px; font-size: 18px;color: #0d0d0d;}                    
.PandA { border:1px solid #ddd; padding:10px; margin:10px 0; min-height:160px; text-align:center;}

/**/






/*contact - contact us and global offices css*/
.breadcrumb { border-radius:0!important;}
.mt-fax { background:url(../images/fax.png) no-repeat; display:block; width:16px; height:16px; float:left; margin-top:4px; margin-right:10px;}
.mt-phone { background:url(../images/phoneicon.png) no-repeat; display:block; width:16px; height:16px; float:left; margin-top:4px; margin-right:10px;}
.mapicondis { padding-left:20px;}
.globaloffices { margin-bottom:30px;}
.global { margin:0px; padding:0;}
.globalof iframe { width:100%; height:360px; margin-bottom:0px; padding-bottom:0;}
#map {
    height: 100%;
    width: 100%;
    left: 0;
    position: relative;
    top: 0;
}
.small12px { font-size:12px; line-height:16px;}
.contactfrm .control-label { text-align:left;}
.mtsubmitbtn {border:1px solid #004943; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-size:12px;font-family:arial, helvetica, sans-serif; padding: 10px 20px 10px 20px; text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; color: #FFFFFF;
 background-color: #01857A; background-image: -webkit-gradient(linear, left top, left bottom, from(#01857A), to(#004943));
 background-image: -webkit-linear-gradient(top, #01857A, #004943);
 background-image: -moz-linear-gradient(top, #01857A, #004943);
 background-image: -ms-linear-gradient(top, #01857A, #004943);
 background-image: -o-linear-gradient(top, #01857A, #004943);
 background-image: linear-gradient(to bottom, #01857A, #004943);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#01857A, endColorstr=#004943);}
.mtsubmitbtn:hover {border:1px solid #CCCCCC;
 background-color: #eeeeee; background-image: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#CCCCCC));
 background-image: -webkit-linear-gradient(top, #eeeeee, #CCCCCC);
 background-image: -moz-linear-gradient(top, #eeeeee, #CCCCCC);
 background-image: -ms-linear-gradient(top, #eeeeee, #CCCCCC);
 background-image: -o-linear-gradient(top, #eeeeee, #CCCCCC);
 background-image: linear-gradient(to bottom, #eeeeee, #CCCCCC);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#eeeeee, endColorstr=#CCCCCC); }
 
 /*pdf table css*/
.pdf-table{padding:20px;}
.pdf-table p:last-child{text-align:right;}
/*/pdf table css*/
.transitionCareCareer{width:70%;}


/* New Styles are for Latest changes Starts HERE*/
.colorBox8.qFBox4.euqalheight.editable p {
    text-align: left;
}
.colorBox6.qFBox5.euqalheight.editable li {
    line-height: 2;
}
.colorBoxQuick5.qFBox5.euqalheight.editable li {
    line-height: 2;
}
ul.listitems-sec.qcListFloating li {
    font-size: 15px;
}
/****ADDED FOR SMART CITY ON 13.6.17****/
.scvideo-tour { margin-top: 15px; padding-right: 0;}
.scvideo-tour a { color: #115e67; font-weight: bold;}
.scvideo-tour a img { overflow: hidden;float: left; padding-right: 10px;}
/****ADDED FOR SMART CITY ON 13.6.17****/

/* END HERE */

/* QUICK-FACTS COLORS*/
.colorBoxQuick1{background: #3e8c96;}
.colorBoxQuick2{background: #0d4559;}
.colorBoxQuick3{background: #6c8f01;}
.colorBoxQuick4{background: #ac3e20;}
.colorBoxQuick5{background: #555762;}

/*Disabling delivery models across the site*/
#deliverymodels {display: none;}

.leftTextDiv8{
  display: none;
}


    .foster-sol{padding: 12px 12px;
    border: solid 1px #ccc;}
    .cnt{background-color: #ecf0f1; padding: 20px;}
  
  .offereing .box{padding: 8px;}
  .offereing .box .content-box{ 
                  border-top-left-radius: 2px;
                  border-top-right-radius: 2px;
                }
   /*.health_care{padding-left: 8px!important; padding-right: 8px!important;}*/
    .offereing .row{display:flex!important;flex-wrap: wrap!important;}


    .accelerators .box{padding: 8px;}
    .accelerators .box .content-box{ 
                  border-top-left-radius: 2px;
                  border-top-right-radius: 2px;
                }
   /*.health_care{padding-left: 8px!important; padding-right: 8px!important;}*/
    .accelerators .row{display:flex!important;flex-wrap: wrap!important;}


  .services{margin-top: 22px;}
  
  /*.brdr{ background: #0a4256;  height: 22px; margin-top: 5px;}
  .brdr1{ background: #527f5c;  height: 22px; margin-top: 5px;}*/
  .applications{margin-top: 40px;}
  .industrial{background: #ecf0f1; margin-right: 0px;
    margin-left: 0px;}
  .industrial .box{background: #fff; padding-top: 22px;}

  .industrial2{background: #ecf0f1; margin-right: 0px;
    margin-left: 0px;}
  /*.industrial2 .box{background: #fff; padding-top: 22px; min-height: 222px;}*/
  .industrial2 .box{background: #fff;
    padding: 22px;
    min-height: 222px;
    margin: 5px;}




.advantage-box {
  display:flex!important;
justify-content: center!important;
align-items: center!important;
}
.advantage-box{background: #527f5c; height: 100px; border: solid 1px #fff;}
.advantage .row{margin-left: 0px; margin-right: 0px;}

.m_advantage-box {
  display:flex!important;
justify-content: center!important;
align-items: center!important;
}
.m_advantage-box{background: #527f5c; height: 90px; border: solid 3px #fff;}
.m_advantage .row{margin-left: 0px; margin-right: 0px;}


.health_care-box {
  display:flex!important;
justify-content: center!important;
align-items: center!important;
}
.health_care-box{background-color: rgb(10, 66, 86); height: 120px; border: solid 3px #fff;}
.health_care .row{margin-left: 0px; margin-right: 0px;}

.expertise-box {
  display:flex!important;
justify-content: center!important;
align-items: center!important;
}
.expertise-box{background: rgb(10, 66, 86); height: 185px; border: solid 1px #fff;}


.expertise-box1 {
  display:flex!important;
justify-content: center!important;
align-items: center!important;
}
.expertise-box1{background: rgb(10, 66, 86); height: 222px; border: solid 1px #fff;}

.expertise .row{margin-left: 0px; margin-right: 0px;}

.au_expertise-box {
  display:flex!important;
/*justify-content: center!important;*/
align-items: center!important; padding: 12px;
}
.au_expertise-box{background: rgb(10, 66, 86);}
.au_expertise .row{margin-left: 0px; margin-right: 0px;}
.au_cnt{padding: 0px 25px!important;}

.adv{padding: 0px;}
.cont-box .content{width: 100%;
    text-align: justify;
    background: #e8e5d0;
    padding: 24px;
    min-height: 200px;}
    .cont-box{padding: 12px 5px;}
    .div-h{background: #e8e5d0;padding: 16px 16px;  text-align: center;}

    .industrial.row{display:flex!important;flex-wrap: wrap!important;}
.industrial.row >div{width:50%!important;flex-basis:50%!important;padding:  25px !important;}
.industrial.row .box{padding:10px!important;display: flex!important;flex-direction: column!important;align-items: center!important;justify-content: center!important;height: 100%!important;}

    .industrial2.row{display:flex!important;flex-wrap: wrap!important;}
.industrial2.row >div{width:50%!important;flex-basis:50%!important;padding:  25px !important;}
.industrial2.row .box{padding:10px!important;display: flex!important;flex-direction: column!important;align-items: center!important;justify-content: center!important;height: 100%!important;}




    .offereing .adv .content-box{   
        flex-direction: column!important;
         height: 100%!important;
        display: flex!important;
        flex-direction: column!important;
         height: 100%!important;
         display:flex!important;
         justify-content: center!important;
        align-items: center!important;
        padding: 16px;
    
   
   }

   .accelerators .adv .content-box{   
        flex-direction: column!important;
         height: 100%!important;
        display: flex!important;
        flex-direction: column!important;
         height: 100%!important;
         display:flex!important;
         justify-content: center!important;
        align-items: center!important;
        padding: 16px;
    
   
   }

 .expertise .au{padding: 30px;}
  
.accelerators .adv .b1{border: solid 1px #ccc; border-bottom: none; border-right: none; }
.accelerators .adv .b2{border: solid 1px #ccc; border-bottom: none; }
.accelerators .adv .b3{border: solid 1px #ccc; border-right: none; }
.accelerators .adv .b4{border: solid 1px #ccc; }


.adv .b1{border: solid 1px #ccc; border-bottom: none; border-right: none; }
.adv .b2{border: solid 1px #ccc; border-bottom: none; border-right: none; }
.adv .b3{border: solid 1px #ccc; border-bottom: none; }
.adv .b4{border: solid 1px #ccc; border-right: none; }
.adv .b5{border: solid 1px #ccc; border-right: none; }
.adv .b6{border: solid 1px #ccc; }


.industrial_wrap{display:flex;flex-wrap: wrap;}
.industrial_wrap .industrial3,
.industrial_wrap .industrial3 .industrial3_content{/* height:100% */}
.industrial_wrap .industrial3_content .box{background:#fff;padding:20px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;flex-direction: column;}
.industrial_wrap .industrial3_content .box:not(:last-child){border-bottom:solid 3px #ecf0f1}
.industrial_wrap >div:last-child .industrial3_content .box{min-height:363px}

.develop_service{display:flex;flex-wrap: wrap;}
.develop_service h4{text-align: center;background: #0a4256; margin-bottom: 0px; padding: 16px 16px;}
.develop_service>div:last-child{display: flex;flex-direction: column;justify-content: space-between;}

.develop_service1 .cnt{background:none;;}
.develop_service1 h4{margin:0 -15px;}
.develop_service1{display: flex;margin-top:20px}
.develop_service1 >div{background-color: #ecf0f1;margin:0 15px}
.develop_service1 .grid-box{background-color: #ecf0f1;}


.highlights .box{padding: 8px;}
  .highlights .box .content-box{ 
                  border-top-left-radius: 2px;
                  border-top-right-radius: 2px;
                }
    .highlights{margin-top: 40px;}
    .highlights .row{display:flex!important;flex-wrap: wrap!important;}

.highlights .box .content-box{ 
    display: flex!important;
    flex-direction: column!important;
     height: 100%!important;  
   } 

.highlights .box{margin-bottom: 18px;}
.highlights .box .content-box{position:relative;}


.semiconducter .adv{padding: 0px;}   
/*.semiconducter .row{display:flex!important;flex-wrap: wrap!important;}*/
.semiconducter .adv .content-box{ 
    display: flex!important;
    flex-direction: column!important;
     height: 100%!important;  
   } 
.semiconducter .adv .content-box{position:relative; background: #53805d;}


/*.semiconducter .row .adv{width:20%}*/
/*.semiconducter .row .adv:not(:last-child){border-right:solid 1px #fff;}*/

.domainKnowledge_warp{padding-right:45px}
.domainKnowledge_warp .box1{display:flex;padding:20px;border-right:solid 1px #808080}
.domainKnowledge_warp .box1 .col-md-9{background:#ecf0f1;display:flex;flex-direction:column;justify-content:center}

.brdr .content-box:after,
.brdr1 .content-box:after{content:'';display:inline-block;height:20px;background:#0a4256;margin-top:5px;position:absolute;bottom:-30px;left:-4px;right:-4px}
.brdr1 .content-box:after{background: #527f5c;}


.offereing .box .content-box{position:relative;}
.accelerators .box .content-box{position:relative;}

@media only screen and (max-width: 767px) {
  .develop_service1{flex-wrap: wrap;}
  .develop_service1>div:first-child{margin-bottom:20px}
    .develop_service>div,
    .develop_service1>div{width:100%}

    .highlights .row>div{width:100%;height:auto}
    .highlights >.row>.box>.content-box{height:auto!important;min-height: auto;}

    .offereing .row>div{width:100%;height:auto}
    .offereing >.row>.box>.content-box{height:auto!important;min-height: auto;}

     .accelerators .row>div{width:100%;height:auto}
    .accelerators >.row>.box>.content-box{height:auto!important;min-height: auto;}

    

    .industrial.row{width:100%!important;flex-basis:100%!important;flex-wrap:wrap;}
    .applications>div>.industrial.row>div{width:100%!important;flex-basis:100%!important;}
    .industrial_wrap >div:last-child .industrial3_content .box{min-height:auto!important}
}