body{ font-family:Arial,sans-serif; font-size:13px; color:#666;}
.mt20{ margin-top:20px}
.mt40{ margin-top:40px}
.mt60{ margin-top:60px}
.mb20{ margin-bottom:20px}

ul.unstyled {list-style: none;padding: 0;margin: 0;}
/*Unordered Lists*/ul.arrow,ul.arrow-double,ul.tick,ul.cross,ul.star,ul.rss {list-style: none;padding: 0;margin: 0;}
ul.arrow li::before,ul.arrow-double li::before,ul.tick li::before,ul.cross li::before,ul.star li::before,ul.rss li::before,ul.arrow li::after,ul.arrow-double li::after,ul.tick li::after,ul.cross li::after,ul.star li::after,ul.rss li::after {font-family: FontAwesome;font-size: 11px;}
ul.arrow li::before,ul.arrow-double li::before,ul.tick li::before,ul.cross li::before,ul.star li::before,ul.rss li::before {margin-right: 5px;}
ul.arrow li::before {content: "\f105";}
ul.arrow-double li::before {content: "\f101";}
ul.tick li::before {content: "\f00c";}
ul.cross li::before {content: "\f00d";}
ul.star li::before {content: "\f006";}
ul.rss li::before {content: "\f09e";}
#pageContent{ z-index:0;}
.dropdown-menu > li > a{ color:#337ab7; border-bottom:1px dotted #ccc; padding:5px 20px;}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus{ color:#067340;}

.header_top{ color:#fff; height:40px; display:block;
background: #067541; /* Old browsers */
background: -moz-linear-gradient(top,  #067541 0%, #02bb65 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#067541), color-stop(100%,#02bb65)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #067541 0%,#02bb65 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #067541 0%,#02bb65 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #067541 0%,#02bb65 100%); /* IE10+ */
background: linear-gradient(to bottom,  #067541 0%,#02bb65 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#067541', endColorstr='#02bb65',GradientType=0 ); /* IE6-9 */
}
#Socialmedia {float:left;}
#Socialmedia li{ vertical-align:middle;}
#Socialmedia li a{ color:#fff; font-size:25px; line-height:40px;}
#Socialmedia li a:hover{ color:#333;}

#Language{text-align:right;}
#Language a{font-size:15px; color:#fff; line-height:40px;}
#Language a:hover{ text-decoration:none;}
.navbar-brand{ height:140px; padding:5px 15px 20px 15px;}
.navbar-default{ border:0px; background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #f2f1f1 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f2f1f1)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#f2f1f1 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#f2f1f1 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#f2f1f1 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#f2f1f1 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f1f1',GradientType=0 ); /* IE6-9 */}

.navbar{ margin:0px;}
.navbar-nav{ background:#29387f; height:52px; margin-top:38px;}
.navbar-default .navbar-nav>li>a{ height:52px; color:#fff; font-size:14px; text-transform:uppercase; padding:0px 15px; line-height:46px; border-right:1px solid #fbfbfb; border-top:5px solid #fbfbfb;}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{ height:52px; color:#fff !important; border-top:5px solid #29387f;
background: #02bb65; /* Old browsers */
background: -moz-linear-gradient(top,  #02bb65 0%, #067641 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#02bb65), color-stop(100%,#067641)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #02bb65 0%,#067641 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #02bb65 0%,#067641 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #02bb65 0%,#067641 100%); /* IE10+ */
background: linear-gradient(to bottom,  #02bb65 0%,#067641 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#02bb65', endColorstr='#067641',GradientType=0 ); /* IE6-9 */
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{ height:52px;  color:#fff; border-top:5px solid #29387f;background: #02bb65; /* Old browsers */
background: -moz-linear-gradient(top,  #02bb65 0%, #067641 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#02bb65), color-stop(100%,#067641)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #02bb65 0%,#067641 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #02bb65 0%,#067641 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #02bb65 0%,#067641 100%); /* IE10+ */
background: linear-gradient(to bottom,  #02bb65 0%,#067641 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#02bb65', endColorstr='#067641',GradientType=0 ); /* IE6-9 */
}
.navbar-right .dropdown-menu {
  left: 0;
  right: auto;
}
#HeaderCont img{ vertical-align:middle;}
.tooltip{ font-size:13px; font-family:Arial, Helvetica, sans-serif;}
/*Slider CSS*/
#slider{ display:block; height:353px;background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #ece9e9 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ece9e9)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#ece9e9 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#ece9e9 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#ece9e9 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#ece9e9 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ece9e9',GradientType=0 ); /* IE6-9 */
}

/*================================================== 
     Slideshow
 ================================================== */

/*-- Main slide --*/

#main-slide .item img{
	width: 100%;
}

#main-slide .item .slider-content {
  z-index: 0;
  opacity: 0;
  -webkit-transition: opacity 500ms;
  -moz-transition: opacity 500ms;
  -o-transition: opacity 500ms;
  transition: opacity 500ms;
}
#main-slide .item.active .slider-content {
  z-index: 0;
  opacity: 1;
  -webkit-transition: opacity 100ms;
  -moz-transition: opacity 100ms;
  -o-transition: opacity 100ms;
  transition: opacity 100ms;
}

#main-slide .slider-content{
	top: 45%;
	margin-top: -100px;
	left: 0;
	padding: 0;
	text-align: center;
	position: absolute;
	width: 100%;
	height: 100%;
	color: #fff;
}

#main-slide .carousel-indicators {
	bottom: -5px;
}

.carousel-indicators li{
	width: 10px !important;
	height: 10px !important;
	border: 2px solid #fff !important;
	margin: 2px !important;
	box-shadow:0px 0px 2px #333;
}
.carousel-indicators .active{ background:#067340;}

#main-slide .carousel-control.left,
#main-slide .carousel-control.right {
	opacity: 1;
	filter: alpha(opacity=100);
	background-image: none;
	background-repeat: no-repeat;
	text-shadow: none;
}

#main-slide .carousel-control.left span {
	padding: 15px;
}

#main-slide .carousel-control.right span {
	padding: 15px;
}

#main-slide .carousel-control .fa-angle-left, 
#main-slide .carousel-control .fa-angle-right{
	position: absolute;
	top: 40%;
	z-index: 5;
	display: inline-block;
}
#main-slide .carousel-control i:hover{ background:#067340;}
#main-slide .carousel-control .fa-angle-left{
	left: 0;
}

#main-slide .carousel-control .fa-angle-right{
	right: 0;
}

#main-slide .carousel-control i{
	background: rgba(0,0,0,.7);
	color: #fff;
	line-height: 36px;
	font-size: 32px;
	padding: 25px 15px;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}


#main-slide .slider-content h2{
	font-size: 40px;
	font-weight: 100;
    color: #29387f;
	text-align:left;
	margin-left:100px;
}

#main-slide .slider-content h2.white, #main-slide .slider-content h3.white {
    color: #fff;
}

#main-slide .slider-content h3{
	font-size: 25px;
	font-weight: 300;
    text-align: left;
	margin-left:100px;
    color: #29387f;
}

#main-slide .slider-content p{
	font-size: 15px;
	margin-top: 10px;
	margin-left: 100px;
    text-align: left;
    color: #333;
}
.slider.btn{
	padding: 5px 20px;
	margin-top: 20px;
	font-size: 16px;
	border-radius: 2px;
	line-height: 20px;
	border: 0;
	-moz-transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.slider.btn.btn-default{
	margin-left: 4px;
	background: #ECECEC
}

.slider.btn.btn-default:hover{
	background: #000;
	color: #fff;
}

.slider-content-left {
	position: relative;
	margin: 0 0 0 40px;
}

.slider-content-right{
	position: relative;
}
.left_right_arrow{ display:none;}
#main-slide:hover .left_right_arrow{ display:block;}
/*-- Animation --*/
.carousel .item.active .animated1 {
	
}

.carousel .item.active .animated2 {
	-webkit-animation: lightSpeedIn 1s ease-in 200ms both;
	animation: lightSpeedIn 1s ease-in 200ms both;
}

.carousel .item.active .animated3 {
	-webkit-animation: bounceInLeft 1s ease-in-out 500ms both;
	animation: bounceInLeft 1s ease-in-out 500ms both;
}

.carousel .item.active .animated4 {
	-webkit-animation: flipInX 1s ease-in 500ms both;
	animation: flipInX 1s ease-in 500ms both;
    text-align: center;
}

.carousel .item.active .animated5 {
	-webkit-animation: bounceInLeft 1s ease-in-out 100ms both;
	animation: bounceInLeft 1s ease-in-out 100ms both;
}

.carousel .item.active .animated6 {
	-webkit-animation: bounceIn 1s ease-in 500ms both;
	animation: bounceIn 1s ease-in 500ms both;
    text-align: center;
}

.carousel .item.active .animated7 {
	-webkit-animation: bounceIn 1s ease-in 500ms both;
	animation: bounceIn 1s ease-in 500ms both;
}

.carousel .item.active .animated8 {
	-webkit-animation: fadeInDown 1s ease-in 1000ms both;
	animation: fadeInDown 1s ease-in 1000ms both;
}
.removeSMLD{ display:block;}
.white_grad{background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 38%, rgba(255,255,255,1) 65%, rgba(255,255,255,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(38%,rgba(255,255,255,1)), color-stop(65%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 38%,rgba(255,255,255,1) 65%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 38%,rgba(255,255,255,1) 65%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 38%,rgba(255,255,255,1) 65%,rgba(255,255,255,0) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 38%,rgba(255,255,255,1) 65%,rgba(255,255,255,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
}
.green{ color:#067340;}


/*Produc and Services CSS */
#PnS{ display:block; padding-bottom:20px; margin-top:10px;}
.PnS_heading{ display:block; padding:6px 0px; background:url(../img/bg-pattern.gif) repeat; border:1px solid #f0eded;}
.PnS_heading h1{ color:#29387f; font-size:23px; margin:0px; line-height:25px;}
.PnS_block{ background:#faf8f8; display:block; min-height:140px; border:1px solid #cccccc; margin:10px 0px; cursor:pointer;}
.PnS_block div{ text-align:center; padding:10px;}
.PnS_block div:nth-child(2){ border-left:1px solid #cccccc;}
.PnS_block img{ max-width:100%; max-height:120px;}
.PnS_block h3{ text-align:left; color:#666666; font-size:18px; margin:9px 0px; line-height:25px;}
.color1{ background:#a4e2fa;}
.color2{ background:#e4fbc4;}
.color3{ background:#fdf9b9;}
.PnS_hover_icon{ position:absolute; top:10px; left:15px; width:22px; height:23px; background:url(../img/PnS_hover_icon.png) no-repeat;}

.PnS_Slider{position:absolute; z-index:99; background:#333; max-height:0px; width:92%; color:#fff; overflow-y: hidden; padding:0px !important;
	transition-property: all;
	transition-duration: .3s;
	transition-timing-function: lenear;
	}
	
.PnS_Slider h3{ color:#fff; font-size:14px; font-weight:bold; margin:0px 0px 5px 0px; line-height:18px;}
.PnS_Slider p{ font-size:12px; color:#cccccc; text-align:left;}
.PnS_block:hover .PnS_Slider{max-height:140px; min-height:128px; padding:10px !important;}

/*Page content section*/
#pageContent{background:url(../img/bg-pattern.gif) repeat;}
#pageContent .container{ min-height:350px; background:#fff; overflow:auto;}
#pageContent .main_hd{ display:block; background:#207cad url(../img/heading_bg1.png) no-repeat right; padding:30px 20px 20px 20px; height:100px; margin:-20px -15px 0px -15px;}
#pageContent .main_hd h1{ font-size:25px; float:left; position:absolute; color:#fff; margin:10px 0px 0px 0px; padding:3px 0px; border-bottom:5px solid #ccc; width:auto;}
#pageContent .main_hd>div{dispaly:block; border-bottom:1px solid #fff; height:47px;}
#pageContent .panel-heading{ font-size:20px; line-height:25px;}

#MS_Verticals .btn{ display:block; text-align:left;}
#FoodBeverage { background:#5cb85c; color:#fff; overflow:auto; padding:20px 0px; display:none;}
#EngInd{ background:#5bc0de; color:#fff; overflow:auto; padding:20px 0px; display:none;}
#PlsInd{ background:#5cb85c; color:#fff; overflow:auto; padding:20px 0px; display:none;}
#ConConsInd{ background:#5bc0de; color:#fff; overflow:auto; padding:20px 0px; display:none;}
#EngInd .alert,#PlsInd .alert, #ConConsInd .alert{ padding:10px !important}
#MS_btn1 .fa, #MS_btn3 .fa{ display:block; text-align:center; margin-top:-7px; font-size:20px; color:#5cb85c;}
#MS_btn2 .fa, #MS_btn4 .fa{ display:block; text-align:center; margin-top:-7px; font-size:20px; color:#5bc0de;}
.alert{ overflow:auto;}
#MeruNetwork h2{ color:#067340;}
#Clients .thumbnail{ margin:10px 5px; max-width:145px;}
#Clients .thumbnail:hover{ border:1px solid #207cad; box-shadow:0px 0px 5px #ccc;}
#Clients .thumbnail:hover img{ opacity:0.8;}
#Contacts .alert{ min-height:190px;}
#contactForm .alert{ min-height:50px;}
#Contacts .well{ padding:0px 19px; background:#fff; border:1px solid #bce8f1; overflow:auto;}
.b-goal{margin:10px 40px 0px 30px}
.ml-minus15{margin-left:-15px;}

.DemoWrapper{ min-width:155px; min-height:50px; position:fixed; right:8%; bottom:2px; z-index:999;}
#DemoRequest{border:1px solid #272f69; position:absolute; bottom:0px; right:0px;}
.DRF{ display:none; position:absolute; width:300px; min-height:340px; background:#207cad; padding:10px; border-radius:10px; right:0px; bottom:0px;}


/*Page content section End*/


/*Model Window Section*/
.portfolio-modal .close-modal {
    background-color: transparent;
    cursor: pointer;
    height: 75px;
    position: absolute;
    right: 25px;
    top: 0px;
    width: 75px;
}
.portfolio-modal .modal-content {
    background-clip: border-box;
    border: 0 none;
    border-radius: 0;
    box-shadow: none;
    min-height: 100%;
    padding:10px 0px;
    text-align: center;
}
.portfolio-modal .close-modal .lr {
    background-color: #2c3e50;
    height: 75px;
    margin-left: 35px;
    transform: rotate(45deg);
    width: 1px;
    z-index: 1051;
}
.portfolio-modal .close-modal .lr .rl {
    background-color: #2c3e50;
    height: 75px;
    transform: rotate(90deg);
    width: 1px;
    z-index: 1052;
}
.modal-body table th{ text-align:center; background:#f3f3f3; padding:5px 10px;}
.modal-body .btn{ margin-top:10px;}
hr.star-light,
hr.star-primary {
    margin: 25px auto 30px;
    padding: 0;
    max-width: 600px;
    border: 0;
    border-top: solid 5px;
    text-align: center;
}

hr.star-light:after,
hr.star-primary:after {
    content: "\f005";
    display: inline-block;
    position: relative;
    top: -.8em;
    padding: 0 .25em;
    font-family: FontAwesome;
    font-size: 2em;
}

hr.star-light {
    border-color: #fff;
}

hr.star-light:after {
    color: #fff;
    background-color: #18bc9c;
}

hr.star-primary {
    border-color: #2c3e50;
}

hr.star-primary:after {
    color: #2c3e50;
    background-color: #fff;
}
.portfolio-modal .close-modal:hover {
    opacity: .3;
}
.img-centered {
    margin: 0 auto;
}
.modal-body img{ border: 1px solid #999; margin-bottom:10px;}
.text-danger{ color:#F00 !important; text-align:left !important;}

/*Clients logo Scroll CSS*/
#ClientLogos{ background:#333333; display:block; min-height:134px; margin-bottom:10px;}
#ClientLogos .well{ margin:15px auto; background:#f1f1f1; border:5px solid #fff; padding:0px;}
#ClientLogos .well ul{ height:90px; width:auto; overflow:hidden;}
#ClientLogos .well ul li{width:138px; text-align:center; margin: 0px 4px 0px 2px;}
.icon-prev{ margin-left:-118px !important;}
.icon-next{ margin-right:-118px !important;}

/*footer Section*/
#footer1{ display:block; background:#f2f2f2; border-top:1px solid #2ab200; min-height:210px;}
#footer2{display:block; background:#29387f; min-height:38px; line-height:38px; color:#cccccc;}
#footer2 a{ color:#cccccc;}
#footer2 a:hover{ color:#fff;}

#footer1 h3{ display:block; margin:10px 0px; color:#29387f; font-size:18px;}
#footer1 li a{ color:#9f9f9f; line-height:22px;}
#footer1 li a:hover{ color:#333;}
#footer1 .Socialmedia{ margin-left:0px; border-right:0px;}
#News li{ border-bottom:1px dotted #999;}
#footer1 .Socialmedia li a{ color:#333; font-size:30px; line-height:30px;}
#footer1 .Socialmedia li a:hover{ color:#29387f;}
#footer1 ul{border-right:1px solid #ccc; min-height:165px;}
.NewsLetter_btn{ background:url(../img/news_letter_go_btn.png) no-repeat; border:0px; width:28px; height:28px; vertical-align:middle;}
#footer1 .help-block ul{ border:0px; min-height:inherit;}
#footer_mlinks{background:#CCC; color:#333}
#footer_mlinks ul li{ display:inline-block; padding:0px 20px; margin-top:6px; border-right:1px dotted #999;}
.news a{color:#067340 !important;}
.news_more{background:url(../img/news_more_arrow.png) no-repeat; display: inline-block; vertical-align:middle; margin-left:5px; width:15px; height:12px;}
@media (max-width:1024px){
.mt60{ margin-top:20px}
.mt40{ margin-top:10px}
#Clients .thumbnail{max-width: 143px;}


}

@media (max-width:768px){
.b-goal{margin:10px 10px 0px 0px}
p{ text-align:justify;}
}

@media (max-width:767px){
#Clients .thumbnail{max-width: 122px;}
.ml-minus15{margin-left:0px;}
#Socialmedia li{ padding-left:0px; padding-right:2px;}
}