html, body{
	margin:0;
	font-family:'open sans';
}
header{
	position:absolute; top:0; z-index:99; width:100%;
}
.logo{
	width:195px;
	height:60px;
	display:block;
	background-image:url(../images/logo.png);
}
.active-menu{
	border-bottom:1px solid #35C8E3; 
	color:#35C8E3 !important;
}
.top10{
	margin-top:10px;
}
.top20{
	margin-top:20px;
}
.top30{
	margin-top:30px;
}
.top40{
	margin-top:40px;
}
.top50{
	margin-top:50px;
}
.top60{
	margin-top:60px;
}
.top70{
	margin-top:70px;
}
.bottom10{
	margin-bottom:10px;
}
.bottom20{
	margin-bottom:20px;
}
.bottom30{
	margin-bottom:30px;
}
.bottom40{
	margin-bottom:40px;
}
.bottom50{
	margin-bottom:50px;
}
.bottom60{
	margin-bottom:60px;
}
.bottom70{
	margin-bottom:70px;
}

.content_wrapper{
	width:100%;
	height:auto;
}

.header-title {
	position: relative;
	display: table;
	width: 100%;
	overflow: hidden;
	z-index: 2;
	margin-bottom:70px;
}

.header-title .head {
	display: table-cell;
	margin: 0;
	font-size: 36px;
	font-weight: normal;
	text-transform: uppercase;
	line-height: 1.2em;
	white-space: nowrap;
	text-align:center;
}
.header-title .medium-head {
	display: table-cell;
	margin: 0;
	font-size: 26px;
	font-weight: normal;
	text-transform: uppercase;
	line-height: 1.2em;
	white-space: nowrap;
	text-align:center;
}

.inner-wrapper p {
	text-transform: uppercase;
	letter-spacing:0px;
	font-weight: bold;
	font-size: 18px;
	color: #afafaf;
	margin-top: 15px;
	line-height:35px;
}

.line-before,
.line-after {
	position: relative;
	display: table-cell;
}

.line-before:before {
	position: absolute;
	content: '';
	width: 150px;
	height: 3px;
	right: 0;
	bottom: 18px;
	background-color: #a2cc61;
	margin-right:10px;
}

.line-after:before {
	position: absolute;
	content: '';
	width: 150px;
	height: 3px;
	left: 0;
	bottom: 18px;
	background-color: #a2cc61;
	margin-left:10px;
}


.medium-line-before,
.medium-line-after {
	position: relative;
	display: table-cell;
}

.medium-line-before:before {
	position: absolute;
	content: '';
	width: 150px;
	height: 3px;
	right: 0;
	bottom: 14px;
	background-color: #a2cc61;
	margin-right:10px;
}

.medium-line-after:before {
	position: absolute;
	content: '';
	width: 150px;
	height: 3px;
	left: 0;
	bottom: 14px;
	background-color: #a2cc61;
	margin-left:10px;
}

.client-video{ width:90%; height:auto; margin:auto; margin-bottom:20px; }

.tp-bannertimer{ display:none;}

.tp-caption{text-shadow: 2px 1px #000;}

/************Sticky***********/

.brand{ margin-top:40px; float:left; margin-left:20px; position:absolute; z-index:99;}

.div-content .sticky { top: 0; animation:thedrop 1s 1; -moz-animation:thedrop 1s 1; -webkit-animation:thedrop 1s 1; background: none repeat scroll 0 0 rgba(255, 255, 255, 0.96);  position: fixed; width: 1289px; }

.sticky { top: 0; animation:thedrop 1s 1; -moz-animation:thedrop 1s 1; -webkit-animation:thedrop 1s 1; background: none repeat scroll 0 0 rgba(255, 255, 255, 1); border-bottom: 1px solid #ECECEC; position: fixed; width: 100%; height:90px;}

.page-white { background: none repeat scroll 0 0 #fff; }

.sticky .container #nav .brand { margin: 10px 0; }

.sticky .container #nav .brand .logo{background-image:url(../images/sticky-logo.png); margin-top:5px;}

.sticky .container #nav .nav { margin: 15px 0; }

.sticky .container #nav .nav .nav-list .nav-item a{ color:#000;}

.sticky .container #nav .nav .nav-list .nav-item a:hover{ color:#35C8E3;}

.sticky .container #nav .nav .nav-list .nav-item .nav-submenu .nav-submenu-item a{ color:#fff;}

.sticky .container #nav .nav .nav-list .nav-item .nav-submenu .nav-submenu-item a:hover{ color:#35C8E3;}

.sticky .container #nav .nav { margin: 15px 0; }

.sticky .search-header { float: right; margin: 4px 0 4px 10px; position: relative; right: 0; top: 0; }

.sticky .nav-collapse_ .nav > li > a { padding: 20px 20px 14px; }

.sticky .nav-collapse_ .nav > li.sub-menu:after { top: 39px; }

.sticky .nav-collapse_ .nav ul { top: 49px; }

.sticky .nav-collapse_ .nav ul li ul { top: 0; }


#nav { height:auto !important; position: relative; z-index:999;}



/*###########################################
Home Page CSS
###########################################*/
.home-header{
  position: absolute;
  bottom: 0;
  z-index: 99;
  width: 100%;
  background:#fff;
 -webkit-box-shadow: 0 6px 6px -6px #ccc;
 -moz-box-shadow: 0 6px 6px -6px #ccc;
  box-shadow: 0 6px 6px -6px #ccc;
}
.scroll-fix{
  background:#fff;
 -webkit-box-shadow: 0 6px 6px -6px #ccc;
 -moz-box-shadow: 0 6px 6px -6px #ccc;
  box-shadow: 0 6px 6px -6px #ccc;
}
.home-header-box{
}
.home-header-box #nav .brand{
	margin-top:15px;
}	

.home-header-box #nav .nav{
	margin-top:18px;
}	

.home-header-box #nav .nav .nav-list .nav-item a{ color:#000;}

.home-header-box #nav .nav .nav-list .nav-item a:hover{ color:#35C8E3;}

.home-header-box #nav .nav .nav-list .nav-item .nav-submenu .nav-submenu-item a{ color:#fff;}

.home-header-box #nav .nav .nav-list .nav-item .nav-submenu .nav-submenu-item a:hover{ color:#35C8E3;}

.about_us-section{ margin-top:90px;}

.home-abt-title{
	font-size:18px;
	color:#22a2d7;
	font-weight:bold;
	text-align:center;
	line-height:35px;
}
.home-abt-cont{
	text-align:center;
	line-height:22px;
	margin-top:30px;
}
.home-view-btn {
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  font-family:'open sans';
  color: #ffffff;
  font-size: 15px;
  background: #616161;
  padding: 15px 40px 15px 40px;
  text-decoration: none;
  display:inline-block;
  text-transform:uppercase;
}

.home-view-btn:hover {
  background: #3d3d3d;
  text-decoration: none;
  color:#fff;
}
.home-view-btn:focus {
  color:#fff;
}

.proreten-box{
	margin:85px 0px 70px 0px;
	}
.proreten-border{
  width: 100%;
  height: auto;
  overflow: hidden;
  padding: 1% 0%;
  border: 1px solid #ccc;
}
.pr-icon-img-div{
	text-align:left;
	}
.pr-icon-img{
  position: absolute;
  margin-left: -65px;
  margin-top: 0px;
  text-align:left;
}
.pro-logo{
	padding:50px 0;
	text-align:center;
    border-right:1px solid #ccc;
}
.pro-cont{
	font-size:15px;
	line-height:26px;
	color:#2f2f2f;
	padding:10px 0;
	text-align:center;
	padding-right:25px;
}
.learn-more-btn:hover{
	background:#2f2f2f;
	color:#fff;
}
.pro-learnmore{
	padding:45px 0;
	text-align:center;
}
.case-study
{
font-size:16px; 
text-align:center; 
line-height:25px; 
padding:0 15px; 
background-image:url(../images/line_02.jpg); 
background-position:right center; 
background-repeat:no-repeat;"
}
.case-study-last
{
font-size:16px; 
text-align:center; 
line-height:25px; 
padding:0 15px; 
}
.pro-sup{
	font-size: 18px; top: -1em;
	}


/*###########################################
Service Page CSS
###########################################*/

.service-cont
{
text-align:justify;
line-height:22px;
}
.service-table
{
line-height:28px;
}
.service-table tr td
{
padding:0 5px;
}
.sub-service-title
{
font-size:22px;
font-weight:normal;
margin: 25px 0 20px;
}
.service-tab-title
{
padding-bottom:10px;font-weight:bold; text-align:left;
}



/*###########################################
Button And Text Box Styles
###########################################*/

.button {
	text-align: center;
	padding: 15px 40px 15px 40px;
	background-color: #5dd3e9;
	text-decoration: none;
	color: #ffffff;
	font-size: 15px;
	text-transform: uppercase;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
	margin: 0;
	border:0;
	display:inline-block;
	font-family:'open sans';
}

.button:hover 
  {
    background-color: #35c8e3; 
	text-decoration: none;
	opacity: 1;
	color: #ffffff;

}
.button:focus {
	text-decoration: none;
	color: #ffffff;

}
.button:active {
	text-decoration: none;
	opacity: 1;
}

.button-black {
	background-color: #272727;
}

.button-black:hover {
	opacity: 1;
	text-decoration: none;
}

.button-black:active {
	opacity: 1;
	text-decoration: none;
}

.textbox {
	vertical-align: middle !important;
 	padding:1% 2% !important; 
	height: 45px !important;
	color:#afafaf !important;
	font-size:15px !important;
	background:transparent !important;
	font-family:'open sans' !important;
	width:95% !important;
	min-height:30px !important;
	border:1px solid #eeeeee !important;
	border-bottom:3px solid #eeeeee !important;
	margin-bottom:20px !important;
	outline:none !important;
	border-radius:0px !important;
}

.selectbox {
	vertical-align: middle !important;
 	padding:1% 2% !important; 
	height:56px !important;
	font-size:15px !important;
	background:transparent !important;
	font-family:'open sans' !important;
	width:99.5% !important; 
	min-height:30px !important;
	border:1px solid #eeeeee !important;
	border-bottom:3px solid #eeeeee !important;
	margin-bottom:20px !important;
	outline:none !important;
	border-radius:0px !important;
}

.choose-file {
	vertical-align: middle !important;
 	padding:1% 2% !important; 
	padding-bottom:9px !important; 
	padding-top: 11px !important;
	height:33px !important;
	color:#afafaf !important;
	font-size:15px !important;
	background:transparent !important;
	font-family:'open sans' !important;
	width:95% !important;
	min-height:30px !important;
	border:1px solid #eeeeee !important;
	border-bottom:3px solid #eeeeee !important;
	margin-bottom:20px !important;
	outline:none !important;
	border-radius:0px !important;
}

.textarea {
	padding: 1% 2%  !important;
	height: 130px  !important;
	color:#afafaf  !important;
	font-size:15px  !important;
	background:transparent !important;
	width:95.5% !important;
	min-height:80px !important;
	border:0 !important;
	border:1px solid #eeeeee !important;
	border-bottom:3px solid #eeeeee !important;
	margin-bottom:30px !important;
	outline:none !important;
	border-radius:0px !important;
	font-family:'open sans' !important;
}

input[type="text"]:hover,
input[type="email"]:hover,
textarea:hover {
	color: black !important;
	border-color: #35c8e3 !important;
}


/*###########################################
Contact Page Styles
###########################################*/

.contact-info{
	line-height:25px;
	}
.font-blue{
	color:#22a2d7;
	}
#gmap_canvas {
	margin-top: 50px;
	height:500px;
	width:100%;
	color: #35c8e3;
}

#gmap_canvas img{
	max-width:none!important;
	background:none!important
}
.contact-info h3{
	line-height:25px;
	margin-top:0px;
}


/*###########################################
Our Team Styles
###########################################*/
.team-box{
	width:94%;
	margin:auto;
}
.team-img
{
text-align:center;
}
.team-name
{
text-align:center;color:#0081B9;font-size:17px;font-weight:bold;padding:25px 0 5px;
}
.team-role
{
text-align:center;font-size:14px; color:#aaa; font-style:italic; padding-bottom:7px;
}
.team-content
{
text-align:justify;
line-height:24px;
font-size:14px;
}
/* Shore more styles */
.showmore_content {
position: relative;
overflow: hidden;
}
.showmore_trigger {
width: 100%;
height: 45px;
line-height: 45px;
cursor: pointer;
}
.showmore_trigger span {
display: block;
color: #0081b9;
font-size: 14px;
font-style:italic;

}





footer{
	background:url(../images/footer/footer-bg.jpg) #101722;
	background-position: center top;
	background-repeat:repeat-x;
	border-top:6px solid #a2cc61;
}

.pre_footer {
	padding:40px 0;
	text-align:left;
}
.pre_footer, 
.pre_footer p,
.pre_footer p strong, 
.pre_footer p strong sup,
.pre_footer strong,
.pre_footer span, 
.pre_footer div {
	color:#CFCFCF;
	line-height:20px;
}
.pre_footer .light {
	color:#ababab;
}

.pre_footer .bg_title {
	background:url(../images/bg_title_line2.png) repeat-x 0 10px;
}
.pre_footer .bg_title h1,
.pre_footer .bg_title h2,
.pre_footer .bg_title h3,
.pre_footer .bg_title h4,
.pre_footer .bg_title h5,
.pre_footer .bg_title h6 {
	background:#4c4c4c;
	color:#FFFFFF;
	font-size:20px;
	font-weight:normal;
}
.footer-title{
	font-size:19px; 
	font-weight:normal;
	line-height:27px;
}
.footer-menu{
	margin:0;
	margin-top:25px;
}
.footer-menu li{
	line-height:27px;
}
.footer-menu li a{
	color:#78879e;
}
.footer-menu li a:hover{
	color:#35c8e3;
	text-decoration:none;
}
.footer-menu li a:focus{
	color:#fff;
	text-decoration:none
}
.footer-title-divider{
	margin:10px 0;
	border-bottom:1px solid #8c8c8c;
	border-top:0px;
}
.footer-logo{
	margin-top:10px;
}
.foot-logo{
	text-align:right;
	}
.foot-mail{
	margin-top:15px;
	margin-right:38px;
	color:#78879e !important;
	text-align:right;
	}
.foot-phone{
	margin-top:10px;
	text-align:right;
	margin-right:26px;
	}
.foot-phone a{
	color:#78879e;
	text-decoration:none;
}
.foot-phone a:hover{
	color:#35c8e3;
	text-decoration:none;
}
.foot-phone a:focus{
	color:#fff;
	text-decoration:none;
}
.social-icons{
	text-align:right;  margin-top:15px;
	}
.social-icons img{
	/*margin-right:10px;*/
	}
.engage-conversation{
	text-align:center;
}
.engage-conversation h4{
	font-size:17px;
	line-height:22px;
	font-weight:normal;
}
.footer-border{
	border-bottom:1px solid #8c8c8c;
	border-top:0px;
	margin-top:40px;
}
.copyrights{
	text-align:right;
	font-size:12px;
}
.copyrights p{
	text-align:right;
	font-size:12px;
	color:#78879e;
	margin:6px 0;
}
.footer-bottom{
	background:rgba(15,23,34,0.6);
}
.footer-bottom-wrapper{
	padding:10px 0;
}
.scroll-to-top{text-align:center;}

.sitemap-menu{ font-size:12px; color:#78879e; margin:6px 0;}

.sitemap-menu a{ font-size:12px; color:#78879e; text-decoration:none; }

.sitemap-menu a:hover{ font-size:12px; color:#35c8e3; text-decoration:none; }

.sitemap-menu a:focus{ font-size:12px; color:#78879e; text-decoration:none; }

.other-sites{ text-align:center; }

.other-sites-mb{ margin-top:20px; }

.other-sites-proreten {  margin-top:20px; margin-bottom:15px; }

.foot-flag{ float:right; margin-right:65px; }

.foot-flag div{ float:left; text-align:center; margin:20px 5px 10px; }

.foot-flag div img{ margin-bottom:5px; }

.inactive-flag{ opacity: 0.5; }

.inactive-flag:hover{ opacity: 1; }

.inactive-flag a{ color:#ccc; }

.inactive-flag a:hover{ color:#35c8e3; text-decoration:none; }

.active-flag a{ color:#fff; }

.active-flag a:hover{ color:#35c8e3; text-decoration:none; }

.active-flag a:focused{ color:#fff;  text-decoration:none; }

.footer-divider{ text-align:right; margin-top:20px;}



.career-left-link{
	text-align:left;
}

.career-right-link{
	text-align:right;
}

ul.career-list {
list-style-type:none!important;
margin:0;
padding:0;
}

ul.career-list li {
list-style-type:none!important;
background:url(../images/bullet.png) no-repeat 0 7px;
text-align:justify;
font-size:13px;
color:#7B7E85;
margin:0;
padding:0 0 10px 15px;
}

ul.career-list li a {
line-height:15px;
font-size:12px;
color:#7B7E85;
}

ul.career-list li a:hover {
color:#000!important;
text-decoration:underline;
}

.list-big-last {
padding-bottom:0!important;
}



.client-box
{
	width:80%;padding:3% 5% 3% 5%;text-align:center;background:#F5F5F5;border:1px solid #F1F1F1;box-shadow:0 0 1px #f1f1f1;margin:5% auto;font-size:14px;
	font-family:open sans;
	font-style:italic;
	height:auto;
	overflow:hidden;
}
.client-box .left-quotes
{
	width:100%;float:left;
}
.client-box .left-quotes img
{
	margin-left:-20px;
}
.client-box .right-quotes
{
	width:100%;float:left;
}
.client-box .right-quotes img
{
	margin-right:-20px;
}
.client-img
{
	position:relative;top:-60px;left:80px;
}
.client-info
{
	margin-top:-20px;
	margin-left:-5px !important;
	font-family:open sans;
	font-size:14px;
}


.map
{ text-align:center;
width:100%;
height:auto;
overflow:hidden;
}

.title {
  background: url("../images/pattern-stripes.png") repeat-x scroll 0 50% rgba(0, 0, 0, 0);
  overflow: hidden;
  margin: 20px 0;
  font-family: 'open sans';
  font-size: 17px;
  font-weight: bold;
}
.title span {
  background: none repeat scroll 0 0 #FFFFFF;
  float: left;
  padding: 0 15px 0 0 !important;
}

.thank-u-content{
 text-align:center; color:#777;
}
 
 
 
/* Displays/Screens (e.g. 24" WS @ 1920x1080) -------------- */
@media
only screen and (min-width: 1890px) and (max-width: 2529px) {

.sticky .navbar_ .brand {
    margin: 0px 0 0 300px;
}
.nav-collapse_ .nav {
    margin: 0px 0px 0 0;
}
.sticky
{
width:100%;
padding-right:350px;
}
}

@media only screen and (min-width: 320px) and (max-width: 768px) {
header{
	width:100%;
}
body{
	padding:0 !important;
}
.sticky .container #nav .brand { margin: 10px 0; margin-left:20px; }

.sticky .container #nav .nav { margin: 18px 0 15px 0; margin-right:20px;}

}

@media screen and (max-width: 650px) {
	#Social-Sidebar{
		display:none;
	}
	.service-caption{
		display:none;
	}
	.pr-icon-img-div{
		text-align:center;
	}
	.pr-icon-img{
		margin-top:-75px;
	}
	.pro-logo{
		padding-top:60px;
		border-right:0px;
	}
	.proreten-border{
		margin:auto;
	}
	.content_wrapper{ width:94%; padding:2% 3%;}
	
	.career-left-link{ text-align:center; }
	
	.career-right-link{ text-align:center; margin-top:15px; }
	
	.footer-divider { text-align:left; }

}

/*Main Page CSS*/

.site-select-logo{ margin:25px 0;}
.site-select-heading{ font-size:28px; text-align:center;}
.site-select-wrapper{ height:490px; width:50%; float:left; margin-top:40px;}
.site-bg-1{background-size:100%; background:url(../images/site-bg/lp-left.jpg); background-position:right top;}
.site-bg-2{background-size:100%; background:url(../images/site-bg/lp-right.jpg); background-position:left top;}
.site-bg-over{ margin:30px; height:430px;
-webkit-transform: scaleY(1);
   -moz-transform: scaleY(1);
   -o-transform: scaleY(1);
   -ms-transform: scaleY(1);
   transform: scaleY(1);
   -webkit-transition: all 0.7s ease-in-out;
   -moz-transition: all 0.7s ease-in-out;
   -o-transition: all 0.7s ease-in-out;
   -ms-transition: all 0.7s ease-in-out;
   transition: all 0.7s ease-in-out;
}
.site-select-wrapper:hover .site-bg-over{background:rgba(10,130,187,0.5);}
.site-cont{ padding-top:180px; font-size:25px; color:#fff; text-align:center; line-height:36px; text-shadow:2px 2px 4px #000;}
.site-cont p{ text-align:center; line-height:36px; font-size:28px; font-weight:bold; text-shadow:2px 2px 4px #000; text-transform:uppercase;}
.site-visit-section{ padding-top:30px; text-align:center;}
.visit-btn{ padding:15px 35px; background:#0662a2; color:#fff; text-transform:uppercase; font-size:20px; display:inline-block; border:1px solid #f8f8f8;}
.visit-btn:hover, .visit-btn:focus{ color:#fff; text-decoration:none;}
.home-footer{ background:#1c2027; padding:25px 0; border-top:5px solid #a2cc61;}
.home-footer-copyright{color:#6e7a87; line-height:30px; font-size:12px;}
.home-footer-mail{color:#78879e; font-size:13px; line-height:30px; text-align:right; font-style:normal;}





.chat-service-area{ margin-bottom:50px;}
.chat-service-box {
    background: #fff;
    text-align: center;
    padding: 25px 15px;
    border: 1px solid #dedede;
}
.chat-service-box img{ width:60px;}
.chat-service-box:hover{
	box-shadow: 0px 7px 20px 1px #c1c1c1;
    transition: all 0.3s;
	cursor:default;
}
.chat-service-heading{
	text-align:center;
	font-size:18px;
	font-weight:bold;
	margin:10px 0 15px;
}
.chat-service-box:hover .chat-service-heading{
	color:#35C8E3;
}
.chat-service-content{ line-height:23px;}
.chat-feature-wrapper{ background:#ffffff; padding:60px 0 40px;}
.chat-feature-row{ margin-bottom:50px;}
.chat-feature-icon{ font-size:28px; margin:5px 0; color:#0a82bb;}
.chat-feature-heading{ font-size:18px; text-transform:uppercase; font-weight:700; margin-bottom:10px;}
.chat-feature-content{ font-size:14px; line-height:22px; text-align:justify;} 
.chat-skills-wrapper{ padding:50px 0 50px;}
.chat-skills-title
{
font-size:22px;
font-weight:700;
margin: 0 0 20px;
}

.tooltip{ 
  position:relative;
  float:right;
}
.tooltip > .tooltip-inner {background-color: #a2cc61; padding:5px 15px; color:#fff; font-weight:bold; font-size:13px;}
.popOver + .tooltip > .tooltip-arrow {    border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #a2cc61;}

section{
  margin:140px auto; 
  height:1000px;
}
.progress{
  border-radius:0;
  overflow:visible;
}
.progress-bar{
   background:#0a82bb; 
  -webkit-transition: width 1.5s ease-in-out;
  transition: width 1.5s ease-in-out;
}


.chat-steps-wrapper{ padding:50px 0; background:#f7f7f7;}
.steps {float:left; width:100%; padding:90px 0px; background:url(../images/steps_bg.jpg) no-repeat; background-size:cover; opacity:.99;}
.steps_hd_div {display:inline-block; width:100%; text-align:center;}
.steps_hd {display:inline-block; font-size:30px; color:#3c3d3d; font-family:ubuntu-regular; padding-bottom:10px;}
.steps_content {display:inline-block; width:100%; margin:0; list-style:none;}
.steps_content_div {float:left; width:17%; text-align:center;}
.steps_content_div:hover .steps_icon{
	border: 1px solid rgba(162,204,97,.6);
	 -webkit-transition: border .6s cubic-bezier(.32,1.63,.44,1.82);
    transition: border .6s cubic-bezier(.32,1.63,.44,1.82);
	-webkit-box-shadow: 0px 0px 15px 0px rgba(161,204,97,1);
-moz-box-shadow: 0px 0px 15px 0px rgba(161,204,97,1);
box-shadow: 0px 0px 15px 0px rgba(161,204,97,1);
}
.steps_content_div:hover .steps_icon > img {-webkit-filter: grayscale(0%); filter: grayscale(0%);}
.steps_content_div > h4 {color:#0a82bb; font-size:16px; margin-bottom:10px;}
.steps_content_div > p {color:#3c3d3d; font-size:14px; text-align:center;}
.steps_content_arrow {float:left; width:10%; text-align:center;}
.steps_content_arrow > img {padding-top:50px;}
.steps_icon {display:inline-block; border:1px solid #cbcbcb; border-radius:50%; background:#FFF; padding:20%;}
.steps_icon > img {-webkit-filter: grayscale(80%); filter: grayscale(80%);}
/*.steps_icon_active > .steps_icon {border-color:#ea5c0c;}*/
/*.steps_icon_active > .steps_icon > img {-webkit-filter: grayscale(0%); filter: grayscale(0%);}*/



.chat-statistic-section {
	padding:60px 0;
	background:url(../images/service-page-banners/count-bg.jpg);
	background-attachment:fixed;
	background-size: cover;
}
.chat-statistic-count {
	font-size:57px;
	color:#fff;
	line-height:58px;
	margin-bottom:20px;
	text-align:center;
}
.chat-statistic-title {
	color:#a2cc61;
	font-size:18px;
	line-height:26px;
	text-align:center;
	text-transform:uppercase;
	font-weight:600;
}
.chat-statistic-content {
	margin-top:40px;
}


.chat-signup-section{ padding:60px 0; background:url(../images/service-page-banners/signup-bg.jpg); background-size: cover;}
.chat-signup-heading{ font-size:34px; text-align:center; line-height:44px; font-weight:600;}
.chat-signup-content{ font-size:18px; text-align:center; margin:30px 0;}
.chat-signup-btn {
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  font-family:'open sans';
  color: #ffffff;
  font-size: 15px;
  background: #0a82bb;
  padding: 15px 40px 15px 40px;
  text-decoration: none;
  display:inline-block;
  text-transform:uppercase;
}

.chat-signup-btn:hover {
  background: #0775a9;
  text-decoration: none;
  color:#fff;
}
.chat-signup-btn:focus {
  color:#fff;
}



.features-section{
	height:auto;
	margin:0;
}
.features-section .features-area{
	margin: 0px 15px;
}
.item_fullwidth {float:left; width:88%; margin:0px !important;}
.features-section .item{
	margin: 0px;
	margin-bottom: 20px;
	padding: 15px 30px 15px;
	background: #f7f7f7;
	cursor: pointer;
	overflow: hidden;
	transition:all 500ms ease;
	box-shadow: 0 0 6px 1px #ccc;
	border-left: 4px solid #a2cc61;
}
.features-section .item:hover{
	padding: 15px 30px 15px;
	background: #0a82bb;
	transition:all 500ms ease;
	box-shadow: 0 0 15px 3px #f1f1f1;
	cursor:default;
}
.features-section .item p{
	font-size: 14px;
	line-height: 24px;
	font-weight: 400;
	transition:all 500ms ease;
	margin-bottom:0px;
}
.features-section .item-last p{
	 color:#046c9e;
}
.features-section .item:hover p{
	color: #ffffff;
	transition:all 500ms ease;
}



.chat-howitwork-wrapper{ background:#f7f7f7; padding:60px 0;}
.chat-howitwork-container{ margin:70px 120px;}
.chat-howitwork-textcontainer{ margin:80px 30px;}
.chat-howitwork-heading{ font-size:22px; font-weight:700; margin-bottom:15px; line-height:28px; }
.chat-howitwork-maincontent{ font-size:16px; line-height:26px; text-align:center;}
.chat-howitwork-content{ font-size:14px; line-height:22px; text-align:justify;} 


.chat-band-wrapper{ padding:30px 0; background:#046c9e; text-align:center; font-size:24px; line-height:34px; color:#fff;}

.chat-banner-band{ margin:0; padding:0; }
.chat-banner-band li{ list-style:none; text-align:center; font-size:18px; line-height:18px; color:#fff; width:50%; float:left; padding:25px 0;}
.chat-banner-band li:nth-child(1){ background:#046c9e;}
.chat-banner-band li:nth-child(2){ background:#0a82bb;}