@import url("css/grid.css");
/* Typography ---------------------- */
body 		{ background:none; font-family: 'Open Sans', sans-serif; font-size:15px; font-size: 1.4rem; color:#363636;}
#bodychild  { background: url("images/bg-body.jpg") repeat; margin:0; width:100%; }
#bg-white   { background:#ffffff; border-bottom: 1px solid #0aae8e; }
#bg-white   { height:136px; width: 100%; }
#outercontainer {  margin: -124px auto 0; width: 100%; }
h1 { color:#19618b; font-family: open sans; font-size:29px; border-bottom: 1px solid rgb(225, 235, 230); margin:0px 0 20px; padding:22px 0; font-weight: 500; }
h2 { color:#19618b; font-family: open sans; font-size:29px; margin:0px 0 20px; padding:22px 0; font-weight: 500; }
h2.our-ser { color:#19618b; font-size:30px; font-family: open sans; font-size:29px; margin:0px 0 20px 26px; padding:22px 0; font-weight: 500; }
h2.our-tech { color:#19618b; font-size:30px; font-family: open sans; font-size:26px; margin:0; padding:15px 0; font-weight: 500; }
h3.clt { color:#fff; font-size:24px; font-family: open sans; background:url(images/strip2.png) no-repeat 0 bottom; margin:0px 0 15px; padding:22px 0; font-weight: 500; }
h3 { font-size:18px; color: rgb(36, 177, 98); font-weight: 500; padding:0; margin:0; margin-bottom:10px;}
h4 { font-size: 18px; }
.colored { color:#d94a38;}
h5 { font-size: 15px;}
h6 { font-size: 13px; }
a { color: #rgb(36, 177, 98); text-decoration: none; line-height: inherit; }
a:hover { color: #2d2d2d; }
a:focus { color: #da4a38; outline: none; }

a img 	 { border:0;}
img 	 { vertical-align:middle; }
.columns .alpha	 { padding:0; }
.alpha1	 { padding-right:0 }
/* http://sonspring.com/journal/clearing-floats */
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */
.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}
.clearfix 		 {	display: inline-block; }
* html .clearfix {	height: 1%; }
.clearfix {	display: block; }

.tp-rt 										{ float:right; text-align:right; padding: 0 14px; margin-top: 24px; border-left:1px solid #d5d5d5; }
.tp-rt a									{ color:#25b263; font-size:14px; text-decoration:none; line-height: 24px; }
.tp-rt a:hover								{ color:#024b76; font-size:14px; text-decoration:none; line-height: 24px; }
.tp-rt small								{ color:#9e9e9e; font-size:14px;  font-weight:300; letter-spacing: 0; }

nav.main-navigation	{ float:left; position:relative; z-index:5; background:url(images/menu-bg.jpg) repeat-x; width:100%; max-width:1000px; padding:0;  margin:0; }
nav.main-navigation ul	{ background:none; list-style: none; margin:0;}
nav.main-navigation ul li	{ float:left; width:20%; font-family: 'Open Sans', sans-serif;  text-align:center; padding:0; position:relative; }
nav.main-navigation ul li a	{ border-left:1px solid #047d3a; position:relative; color:#fff; text-decoration:none; padding:16px 0; display:block; font-weight:500; font-size:16px; }
nav.main-navigation ul li a:hover{  background:url(images/menu-hvr.jpg) repeat-x; color:#fff; text-decoration:none; padding:16px 0; display:block; font-weight:500; font-size:16px; }
nav.main-navigation ul li a:after	{ content:""; display:block; position:absolute; left:-2px; top:0; width:1px; height:100%; background:#21b162; }
nav.main-navigation ul li:first-child a	{ border:none;  }
nav.main-navigation ul li:first-child a:after	{ background:none; }
nav.main-navigation .current-menu-item {  background:url(images/menu-hvr.jpg) repeat-x; }

nav.main-navigation ul li>ul{ position:absolute; top:100%; left:0; width:100%; display:none; z-index:999;  }
nav.main-navigation ul li:hover>ul{ display:block ;}
nav.main-navigation ul li>ul li{ width:100%; background:none;  }
nav.main-navigation ul li>ul li a{ display:block; background:#057e3b; color:#fff; font-weight:400; font-size:16px; padding:8px 0; border-left:none; }
nav.main-navigation ul li>ul li a:hover {display:block; background:#057e3b; color:#fff; font-weight:400; font-size:16px; padding:8px 0;  border-left:none;}
nav.main-navigation ul li>ul li a:after {  background:none;  border-left:none;}


ul.ht-ser { list-style: none; margin:0; padding:0 0 24px; border:none;color: #bbb; float:left;}
ul.ht-ser li { color:#363636; background:url(images/tick1.png) no-repeat 0 38%;  margin-right:14px; padding:0 0 8px 28px; }
ul.ht-ser li a { color:#363636; text-decoration:none; }
ul.ht-ser li a:hover { color:#19618b; text-decoration:none; }
.rightsection
{
background: url(images/sline.png) no-repeat scroll 34px top rgba(0, 0, 0, 0);
float: left;
padding-bottom: 30px;
text-align: left;
width: 94%;
}
.rightsection ul {
    float: left;
    margin:45px 0 0;
    padding: 0;
    width: 100%; list-style:none;
}
.rightsection li {
    padding: 0; margin:0;
}
.rightsection li.icon {
    float: left;
    height: 80px;
    margin-right:12px;
    width: 80px;
}
.fa {  display: inline-block; font-style: normal; font-weight: normal; }
.in-tech:before {
    content: "";
	background:url(images/if-tech.png) no-repeat center center;
	display:block;
	position:absolute;
	width:80px;
	height:80px;
}
.ac-fin:before {
    content: "";
	background:url(images/ac-fin.png) no-repeat center center;
	display:block;
	position:absolute;
	width:80px;
	height:80px;
}
.rightsection li.icon i {
    background-color:#149955;
    border-radius: 100%;
    color: rgb(255, 255, 255);
    font-size: 35px;
    height: 80px;
    line-height: 80px;
    margin: 0;
    padding: 0;
    text-align: center;
    vertical-align: middle;
    width: 80px;
}
.rightsection ul.active i { background-color:#19618b; }
.rightsection ul:hover i { background-color:#19618b; }
.rightsection li.text { float: left; width:78%; }
.rightsection h3 { margin-bottom: 10px; color:#149955; padding:0; font-size:20px; font-weight:500; }
.rightsection ul ul { list-style: none; margin:0; padding:0; border:none;color: #bbb; float:left;}
.rightsection ul ul li { float:left; display:inline; font-size:13px; list-style: none; color:#363636; background:url(images/tick2.png) no-repeat 0 32%;  margin:0; padding:0 0 8px 20px; width:50%; }
.rightsection ul ul li a { color:#19618b; text-decoration:underline; }
.rightsection ul ul li a:hover { color:#363636; text-decoration:none; }

.home-btm					{ width:100%; background:#fff; padding:24px 0; margin:0 auto; }
.clients					{ float:left; width:100%; background-color:#08836b; border-top:#005d4b 4px solid; padding-bottom:15px; margin:0;  }
.clients ul					{ float:left; list-style-type:none; margin:0;}
.clients .jcarousel-wrapper{padding:5px; border:#419d8b 1px solid; position:relative;}
.clients .jcarousel-control-prev,.clients .jcarousel-control-next{background:none repeat scroll 0 0 rgba(8, 131, 107, 0.8);}
.clients .jcarousel-control-prev {left: auto;background: none repeat scroll 0 0 rgba(0, 0, 0, 0); color:#87CA87;box-shadow: none;font-size: 32px;    right:20px;top: -53px;}
.clients .jcarousel-control-next {background: none repeat scroll 0 0 rgba(0, 0, 0, 0); color:#87CA87;box-shadow: none;font-size: 32px;    right: 0;top: -53px;}
.clients ul li				{ background-color:#fff; list-style-type:none; text-align:center; }			
.nw-eve						{ float:left; width:100%; background-color:#19618b; border-top:#024b76 4px solid; margin:0;  }
.nw-eve ul					{ float:left; list-style-type:none; padding:0; margin:0; width:100% }
.nw-eve .jcarousel li{border:none; border-bottom:#477d9c 1px dashed; }
.nw-eve ul li				{ list-style-type:none; padding:5px 0 5px 0; margin:0; border-bottom:#477d9c 1px dashed; }			
.nw-eve ul li b				{ color:#fff; font-weight:bold; font-size:16px; }
.nw-eve ul li p				{ color:#fff; font-size:13px; line-height:18px; padding:0; margin:0; padding-bottom:88px; margin-bottom:10px; font-style: normal; }
.nw-eve a					{ background:url(images/read-con.png) no-repeat 0 50%; padding-left:15px; color:#000; margin:0; }
.nw-eve ul li:last-child	{ border-bottom:0; }	
.slidebg					{ background:#0aae8e; margin-top:-24px; padding-top:24px; }
.innerbg					{ background:#0aae8e; margin-top:-24px; padding-top:24px; }
.inner-cont					{ background-color:#fff; max-width:1000px; width:100%; padding:0 0 20px; margin:0 auto; float:left; }


.slide-banner {}
.slide-banner .responsive-slider.flexslider {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    border: medium none !important;
    border-radius: 0 !important;
	margin-bottom:0;
}
.slide-banner .responsive-slider.flexslider .slide-title a {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.3);
	top:auto;
    bottom: 0;
    color: rgb(255, 255, 255);
    font-size: 18px;
    line-height: 1.3em;
    margin: 0;
    padding: 1.3em 1em;
    position: absolute;
    right: 0;
    text-shadow: none;
    width: 100%;
}
.slide-banner .responsive-slider.flexslider .flex-direction-nav li a {
	width: 40px !important;
	height: 40px !important;
	background: url(images/slider-nav.png) no-repeat 0 0 !important;
	text-align: left;
	text-indent: -9999em;
	top: 81.5% !important;
	-webkit-transition: all 0.18s ease-out;
	-moz-transition: all 0.18s ease-out;
	-ms-transition: all 0.18s ease-out;
	-o-transition: all 0.18s ease-out;
	transition: all 0.18s ease-out;	
}

.slide-banner .responsive-slider.flexslider .flex-direction-nav li .next {
	background-position: 0 -50px !important;
	right: 20px !important;
       opacity:1;
}
.slide-banner .responsive-slider.flexslider  .flex-direction-nav  li .prev {
	left: 20px !important;
opacity:1;
}
.slide-banner .responsive-slider.flexslider .slide .slide-title {
	margin: 0;
	padding: 0;
}
.slide-banner .responsive-slider.flexslider .slide-title a {
	position: absolute;
	top: auto;
	right: 0;
	font-size: 18px;
	line-height: 1.3em;
	color: #fff;
	background: #222;
	background: rgba(0,0,0,.3);
	text-shadow: none;
	margin: 0;
	padding: 19px 0 10px 72px;
}

#sidebar    { padding:22px 0 0; margin:0;  }
#sidebar ul { list-style-position: outside; list-style-type: none; margin: 0; padding: 0; }
#sidebar .widget-container { background: none repeat scroll 0 0 rgb(248, 248, 248); }
#sidebar .widget-container { margin-bottom: 40px; padding: 0; }
#sidebar .widget-title { background:#19618b; color: rgb(255, 255, 255); }
#sidebar .widget-title { font-size: 17px; margin-bottom: 0; padding: 12px 19px; }
#sidebar li.widget-container > ul { margin-top: 0; padding-top: 0; }
#sidebar li:before { border-top: 1px solid rgb(255, 255, 255); }
#sidebar li:before { bottom: 0; content: "";  display: block; left: 0; position: absolute; right: 0; top: 0; z-index: -1; }
#sidebar li { border-top: 1px solid rgb(222, 222, 222); }
#sidebar li { list-style-type: none; margin: 0; padding: 10px 0; position: relative; z-index: 10; }
#sidebar li { background: url(images/arrow-sidebar.png) no-repeat scroll 20px 10px rgba(0, 0, 0, 0); }
#sidebar li a { color:#19618b; display: inline-block; font-size:14px; padding-left: 50px; }
#sidebar li a:hover { color:#24b163; }


footer 						{ background:#01110e; padding:0; font-size:13px; margin:0 !important; }
footer .cp-right			{ color:#fff; padding: 22px 0; margin:0; }
nav.foot-navigation			{ float:left; text-align:right; background:none;  max-width:1000px; padding:0;  margin:0; }
nav.foot-navigation ul		{ background:none; list-style: none; margin:0;}
nav.foot-navigation ul li	{ float:left; font-family: 'Open Sans', sans-serif;  text-align:center; padding:18px 0; }
nav.foot-navigation ul li a { padding:0 0 0 10px; color:#22b463; text-decoration:none; } 
nav.foot-navigation ul li a:hover { padding:0 0 0 10px; color:#fff; text-decoration:none; } 
nav.foot-navigation ul li a:before {  content:"-"; padding:0 10px 0 0; }
nav.foot-navigation ul li:first-child a:before {  content:""; padding:0 10px 0 0; }
nav.foot-navigation ul ul.sub-menu { display:none; }

.menu-knob {
    display: none;
}
.menu-knob {
    background: url("images/menu-knob.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #bfebd2;
    cursor: pointer;
    height: 33px;
    position: absolute;
    left: 20px;
    text-indent: -9999px;
    top: -50px;
    width: 33px;
}
a.sub-link {
    color: rgb(37, 178, 99);
    font-size: 14px;
    line-height: 24px;
    text-decoration: none;
}
a.sub-link:hover 
{color: rgb(2, 75, 118);
    font-size: 14px;
    line-height: 24px;
    text-decoration: none;
}
.wpcf7-form-control.wpcf7-submit {
    background:#24b162;
    border: 0 none;
    color: rgb(255, 255, 255);
    cursor: pointer;
    font-size: 16px;
    margin: 0;
    padding: 10px 30px;
    border: 1px solid rgb(23, 154, 88);
}
.ui-accordion p {
    padding-left: 14px;
}
.ui-accordion h2 {
    margin: 0 0 12px;
    padding: 0;
}
.ui-accordion-header {
   background:url(images/ui-normal.png) no-repeat 12px 52% #d5d5d5;
    padding: 8px 8px 8px 34px;
    font-family: open sans;
    color:#000;
    font-weight:500;
   cursor:pointer;
}
.ui-accordion-header-active {
   background:url(images/ui-active.png) no-repeat 12px 52% #0aae8e;
   color:#fff;
   font-family: open sans;
   padding: 8px 8px 8px 34px;
   font-weight:500;
  cursor:pointer;
}

@media only screen and (max-width: 767px) {
#outercontainer 		{ margin: -168px auto 0; width: 100%; }
.tp-rt 					{ float:left; border-left: 1px solid rgb(213, 213, 213); margin-left: 58px; margin-top:12px; padding: 0 14px; }
#bg-white 				{ height: 174px; width: 100%; }
nav.foot-navigation 	{ float:left; padding: 14px 0 0;}
nav.foot-navigation ul li { padding:0 0 12px; line-height:8px; }
nav.foot-navigation ul li a:first-child { padding-left:0; padding-right:10px; } 
nav.foot-navigation ul li a:before {  content:""; padding:0; }
nav.foot-navigation ul li:first-child a:before {  content:""; padding:0; }
footer .cp-right 		  { line-height:20px; padding:14px 0; }
.rightsection ul ul li    { width:100%; } 
.rightsection li.text 	  { float: left;  width:65%; }
.clients				  { margin-bottom:20px; }	
h2.our-ser				  { margin-left:0; }	
ul.ht-ser				  { padding-bottom:0; }	
.innerbg                             { background:none; }
input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea, select { width:100% !important; }
}

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

#menu-main-nav {display: none;}
.navbar, .main-nav{float:none;}
.menu-knob{display:block;}
.navbar{clear:both;}
nav.foot-navigation 	{ float:left; padding: 14px 0 0;}
nav.main-navigation ul li{width:100%;}
nav.main-navigation ul li .sub-menu{position:relative; width:100%;}
nav.main-navigation ul li .sub-menu:after{clear:both; display:block; content:"";}
nav.main-navigation ul li:hover>ul.sub-menu{display:none;}
#menu-header-menu{display:none;}
#menu-header-menu{background: none repeat scroll 0 0 #EEEEEE;}
nav.main-navigation ul li{margin-left:0; position:relative;}
nav.main-navigation ul li a {padding: 10px;}
.slidebg { background:none; padding-top: 40px;}
nav.main-navigation { margin-top:18px; }
nav.main-navigation .current-menu-item { background:none; }
nav.main-navigation ul li a {  background:url(images/menu-bg.jpg) repeat-x; padding:8px 15px; text-align: left; }
nav.main-navigation ul li a:hover {  background:url(images/menu-hvr.jpg) repeat-x; color:#fff; text-decoration:none;  padding:8px 15px; text-align: left; }
.innerbg                             { background:none; }
}



@media only screen and (max-width:828px) and (min-width: 768px) {
.row .five		  { width:100%; }
.row .seven		  { width:100%; }
nav.foot-navigation 	{ float:left; padding: 14px 0 0;}
nav.foot-navigation ul li { padding:0 0 12px; line-height:8px; }
nav.foot-navigation ul li a:first-child { padding-left:0; padding-right:10px; } 
nav.foot-navigation ul li a:before {  content:""; padding:0; }
nav.foot-navigation ul li:first-child a:before {  content:""; padding:0; }
footer .cp-right 		  { line-height:20px; padding:14px 0; }
.rightsection ul ul li    { width:100%; } 
}
@media only screen and (max-width:960px) and (min-width: 768px) {
.rightsection ul ul li    { width:100%; } 
.rightsection li.text 	  { float: left;  width:65%; }
}
.content-about p{text-align:justify;}