body {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 25px;
}
.top-header {
  border-bottom: 1px solid #ddd;
  position: relative;
  overflow: hidden;
  background: #fff;
}
.contact-detail2 {
  margin: 0;
}
.contact-detail2 li {
  list-style: outside none none;
  float: left;
  padding: 10px 0;
  margin-bottom: 0;
  margin-right: 35px;
}
.contact-detail2 li a {
  color: #000;
  font-size: 13px;
  font-weight: 300;
  font-weight: normal;
}
.contact-detail2 i {
  border-radius: 3px;
  padding: 3px 5px;
}
.social-icons {
  list-style: outside none none;
  padding: 10px 0;
  margin-bottom: 0;
}
.social-icons li {
  margin-right: 10px;
  display: inline;
}
.social-icons a {
  color: #000;
  font-size: 14px;
  line-height: 15px;
  padding: 3px 5px;
  transition: color .3s easeout 0s;
  vertical-align: middle;
}
.social-icons a {
  color: #000;
  font-size: 14px;
  line-height: 15px;
}
.navbar-brand {
  padding: 0px 15px;
}
.navbar .nav {
  margin: 34px 0 0;
}
.navbar {
  min-height: 0px;
  margin-bottom: 0;
  border-radius: 0;
}
.navbar .nav > li {
  margin: 0 4px -1px;
}
.navbar .nav > li, .nav-pills > li > a {
  border: 1px solid #dedede;
  font-size: 13px;
}
.navbar .nav > li {
  background: url("/static/images/tabRepeatInactive.png") repeat-x #f9f9f9;
  border-radius: 4px 4px 0 0;
}
.nav > li {
  position: relative;
  display: block;
}
.navbar .nav > li > a {
  display: block;
  padding: 8px 15px;
  color: #666;
  text-decoration: none;
  text-shadow: 0 0 0 #000;
  line-height: 20px;
  position: relative;
}
.nav > li > a:focus, .nav > li > a:hover {
  text-decoration: none;
  background-color: #eee;
  color: #00aef0;
}
.carousel-caption {
  background: rgba(255, 255, 255, 0.7);
  color: #000;
  border-radius: 10px;
  left: 10%;
  right: 50%;
  bottom: 30px;
  top: 20%;
  text-shadow: none;
}
.carousel-caption .banner-text1 {
  color: #000;
  margin: 0;
  padding: 0 0 0 15px;
  text-align: left;
  font-size: 30px;
}
.carousel-caption .bannertext2 {
  color: #000;
  padding: 15px;
  text-align: justify;
  margin-bottom: 10px;
}
.section-2 {
  padding: 25px 0;
}
.section-2-box-left {
  border-right: 1px solid #00aef0;
}
.section-2-box-left h2 {
  font-size: 20px;
  color: #555;
  text-align: right !important;
  margin: 15px 15px 20px 0;
}
.thumbnail {
  padding: 15px;
  min-height: 267px;
}
.thumb-img {
  padding: 20px 0;
}
.well:hover, .thumbnail:hover {
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5);
}
.sap-img {
  width: 149px;
  height: 55px;
  margin-top: 8px;
}
#middleSection {
  background: url('../images/tgbg.png') repeat fixed top rgba(0, 0, 0, 0.7);
  margin-top: 30px;
}
.head {
  text-align: center;
  color: #fff;
  border-top: 0 solid #40408b;
  padding-bottom: 20px;
}
.ptb15 {
  padding-top: 15px;
  display: block;
}
.soluction_box {
  position: relative;
}
#middleSection .well {
  background: transparent;
  cursor: pointer;
}
#middleSection .well h3 {
  line-height: 25px;
  font-size: 24px;
  background: transparent;
  color: #fff;
}
.soluction_box a {
  text-decoration: none;
  color: #fff;
}
#middleSection2 {
  color: #000;
}
#middleSection2 .well {
    background: transparent;
    border: 1px solid #000;
    cursor: pointer;
    min-height: 170px;
}
#middleSection2 .well h3 {
    line-height: 25px;
    font-size: 15px;
    background: transparent;
    color: #000;
}
#middleSection2 .well img {
    height: auto;
    width: 100px;
}
.head2 {
    text-align: center;
    color: #000;
}
.para {
    display: inline;
    text-align: justify;
	
}
.margin-bottom {
    margin-bottom: 25px;
}


#section8 {
    background: url('../images/slidemodif1.jpg') repeat fixed top rgba(255, 255, 255, 0.3);
    color: #000;
}

#quote-carousel .carousel-inner {
    min-height: 0;
}
.item blockquote {
    border-left: none;
    margin: 0;
}
.item blockquote p {
    font-size: 14px;
    color: #000;
    font-style: italic;
}
.item blockquote p::before {
    content: "\f10d";
    font-family: 'Fontawesome';
    float: left;
    margin-right: 10px;
}

.item blockquote p::after {

    content: "\f10e";
    font-family: 'Fontawesome';
    float: right;
    margin-left: 10px;

}

#quote-carousel .carousel-control.left {
    border: 1px solid #999;
    bottom: 0;
    height: 30px;
    width: 30px;
}
#quote-carousel a.carousel-control {
    background: none;
    color: #333;
    text-shadow: none;
    position: absolute;
}

#quote-carousel .carousel-control i {
    line-height: 30px;
    text-align: center;
}
#quote-carousel .carousel-control.right {
    border: 1px solid #999;
    bottom: 0;
    height: 30px;
    width: 30px;
}
#quote-carousel a.carousel-control {
    background: none;
    color: #333;
    text-shadow: none;
    position: absolute;
}

.carousel-control.left {
    top: 50%;
}

.carousel-control.right {
    top: 50%;
}

footer {
    background-color: #000;
    padding: 15px 0 10px 0;
    color: #fff;
    font-size: 12px;
}

footer a.foot-link {
    color: #fff;
    padding: 5px 8px;
    line-height: 45px;
    font-size: 13px;
}

.carousel-inner > .item > img {
   
    margin: 0 auto;
    width: 100%;
    min-height: 300px;
}
.plr0{ padding-left: 0px; padding-right: 0px;}
.dropdown-menu > li > a {
    padding: 8px 5px;
}
.dropdown-menu li > a:hover {
    color: #fff;
    background: #00aef0 !important;
}
.navbar-nav > li > .dropdown-menu {
    margin-top: 0 !important; padding-top: 0px;
}

.carousel-control.left{ height: 0;}
	.carousel-control.right{height: 0px;}
.navbar-toggle .icon-bar{ background: #333;}

hr.style12 {
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(right, #f0f0f0, #8c8b8b, #f0f0f0);
	margin-bottom: 10px; margin-top: 10px;
}

.headstyle {
    font-style: italic;
    font-weight: bold;
    display: inline;
}
.mt15{ margin-top: 15px;}
.custom-style{background: #f7f7f7; padding: 15px; border-radius: 10px; border: 1px solid #c7c2c2;}
.mtb25{ margin-top: 25px; margin-bottom: 25px;}
.form-horizontal .control-label {
    text-align: left;
}

.modal-header {
    padding: 8px 15px;
    background-color: #fff;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
}

.messageDiv {  
    background: #FFFFFF;
    border: 5px solid #cccccc;
    border-radius: 10px;
}

.box-shadow{
	border: 1px solid #f3f1f1;
    padding: 10px;
    margin: 15px 0px;
}

.box-shadow-img{
	padding:0;
}

.box-shadow h4 {
    color: #060606;
	font-size:18px;
	min-height: 42px;
}

.box-shadow p {
    color: #2b2a2a;
	min-height: 80px;
}

.box-shadow2{
	border: 1px solid #f3f1f1;
    padding: 10px;
    margin: 15px 0px;
}

.box-shadow2-img{
	padding:0;
}

.box-shadow2 h4 {
    color: #060606;
	font-size:18px;
}

.box-shadow2 p {
    color: #2b2a2a;
}

.gst-section1 {
    background: #eceef1;
    margin-bottom: 30px;
}

.ulli {
    padding-top: 70px;
    font-size: 15px;
}

.gst-section2 {
    background: #fff;
    margin-bottom: 30px;
}

.text-margin-top {
    margin-top: 80px;
}

.btn-default1 {
    background: #6b6b6b;
    color: #fff;
}

.btn-default1:hover {
    background:#00aef0;
    color: #fff;
}

.gst-section3 {
    background: #f9f9f9;
}

.gst-section3 img{
    margin:0px auto;
}


.box-shadow3{
	border: 1px solid #f3f1f1;
    padding: 10px;
    margin: 15px 0px;
}

.box-shadow3-img{
	padding:0;
}

.box-shadow3 h4 {
    color: #060606;
	font-size:18px;
	min-height: 42px;
}

.box-shadow3 p {
    color: #2b2a2a;
	min-height: 110px;
}
.mh436{ min-height: 455px;}
.box-shadow-img{ padding-bottom: 15px;}
.mb30{ margin-bottom: 30px;}

.down-thumbnail {
  padding: 15px;
  min-height: 200px;
  margin-bottom: 20px;
line-height: 1.42857143;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 4px;
-webkit-transition: border .2s ease-in-out;
-o-transition: border .2s ease-in-out;
transition: border .2s ease-in-out;
}
.down-thumbnail-img {
  padding: 5px 0;
  min-height:85px;
}
.down-thumbnail:hover {
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5);
}

.panel-title > a {
    color: inherit;
    font-size: 12px;
    font-weight: bold;
	outline:none;
}
.panel-title > a:hover{
	text-decoration:none;
}
	
.fa.pull-left {
    font-weight: bold;
	padding-top:3px;
}

.listicon2 ul {
    list-style: none;
}

.listicon2 ul > li::before {
    content: "\f05d";
    color: #5cb85c;
    font-family: 'FontAwesome';
    font-size: 15px;
    padding-right: 10px;
    display: block;
    height: 0;
    width: 0;
    left: -1.5em;
    top: 0;
    position: relative;
}

.text-right-custom{
	text-align:right;
	margin-top:15px;
}

.tabs_border {
    background: #f8f8f8;
    border: 1px solid #ccc;
    border-radius: 4px;
    margin-bottom: 50px;
    padding: 20px;
}

/*5-8-22---Css start for banner image-- by heena*/



#carousel-example-generic::before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: '';
    background: rgb(17 17 18 / 70%);
    z-index: -1;
}



/*5-8-22---Css end for banner image-- by heena*/


/*16-8-22---Css Start for banner text image-- by heena*/

@media (min-width: 992px){
.modal-lg {
    width: 650px;
}
}

.homebanner_custom {position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: '';
    z-index: 3;
	}

.home_banner_text{
    left: 0;
    transform: none;
    bottom: 0;
    text-align: left;
    width: 65%;
    height: 100%;
    top: 0;
    padding:100px 16px 0;
    z-index: 1;
    right: 0;
    position: absolute;
    color: #fff;
	}
	.banner_btn {margin: 30px 0 0 0px;}
	
	@media screen and (max-width: 767px){
.homebanner_custom .home_banner_text {
    width: auto;
    padding: 30px 0 0;
    right: 15px;
    left: 15px;
}
}
	
	
.btn-danger {
    display: inline-block;
    margin: 5px 10px;
}	

/*16-8-22---Css end for banner text image-- by heena*/

@media (min-width: 768px) and (max-width: 1024px) {
	.navbar .nav > li > a{padding: 8px 9px;}
}

@media (max-width: 767px) {
 
.navbar-toggle {
    padding: 5px 10px;
    border: 1px solid #000;
}	
	.w100{ width: 100%;}
	.carousel-caption{ right: 33%;}
	.carousel-caption .banner-text1{ font-size: 20px;}
	.carousel-caption .bannertext2{ text-align: left;}
	.carousel-caption{ top: 6%;}
	.ulli {padding-top: 0px; padding-left:5px;}
	.text-right-custom{text-align:left;	margin-top:15px;}
	
}