img {
  max-width: 100%;
  height: auto;
}
p {
  font-size: 13px;
  font-weight: 400;
  line-height: 24px;
  text-align: justify;
}

body {
  color: #7b7d85;
  background: #f0f5f7;
  font-family: 'Raleway', sans-serif ;
  font-size: 14px !important;
  line-height: 1.5;
  margin-top:0 !important;
}

.header-top {
  background-color: #60646d;
  padding: 10px 0 3px 0;
	
}

.header-top p {
  color: #bbbfc9;
font-size: 14px;
}

.header-top p span {
  color: #fefefe;
  white-space: pre;
}

#header {
  background: #ffffff;
  padding: 5px 0;
}
#header span{ color:#3a3c41;}
.menu{
	margin:0px !important;
	background:none;
	border:none;
	}

.navbar-right{margin-top:30px;}

.navbar-right > li > a{
	  font-size: 15px;
  font-weight: 400;
  text-align: left;
	
	}

.logo{
	padding:0px !important;
	height:auto !important;
	}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{
	color: #fff;
  background-color: #67c9e0 !important;
	}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
  color: #fff;
  background-color: #67c9e0 !important;
}
.home-getstart{  padding-top: 25px;
  padding-bottom: 20px;
}

.home-getstart h3{ padding:0; margin:0;}
.soft{padding: 35px 0px;}
.logoone{background: #f4f7fd;}
.logotwo{background: #FFF}
.home-getstart h5{  color: #3b8ced !important;}
.btn-getstart{ padding:15px 30px !important; margin-top:20px;}

/*------------------------------------------------------*/
/* Similar Page styles
/*------------------------------------------------------*/

.banner {
  width: 100%;
  min-height: 180px;
}
.page-top {
  padding: 27px 0;
  background: #fff;
}
.page-top h1,
.page-top h2 {
  margin: 0 15px 0 0;
  font-size: 30px;
  font-weight: 400;
  float: left;
  line-height: 46px;
}
.bread-crumb {
  padding: 0;
  font-size: 14px;
  font-weight: 400;
  margin-top: 17px;
}
.bread-crumb .breadcrumb {
  padding: 0;
  background: none;
  border-radius: 0;
  margin: 0;
}
.bread-crumb .breadcrumb li {
  display: block;
  float: left;
}
.bread-crumb .breadcrumb > li + li:before {
  content: "";
  padding: 0;
}
.bread-crumb .breadcrumb li.active {
  color: #f15b5a;
}
.bread-crumb .divider {
  display: inline-block;
  background: url("../images/breadcrumbs-divider.png") center center no-repeat;
  width: 24px;
  height: 10px;
}
.bread-crumb a {
  font-weight: 400;
  color: #3a3c41;
  display: inline-block;
}
.bread-crumb a:hover {
  text-decoration: underline;
}
/*------------------------------------------------------*/
/* Home Services styles
/*------------------------------------------------------*/

.home-services {
  padding: 30px 0;
  padding-top:10px !important;
  background-color: #fff;
}
.home-services .slogan-section {
  text-align: left;
}

.service-contents{background: #f8f8f8;
  border: 1px solid #dfdfdf;
  padding: 10px; margin:15px 0;min-height: 333px;}

.services {   background-color: #f0f5f7;
  line-height: 20px; font-size:14px; margin-top:15px;}
.services > figure{ overflow:hidden;}
.services .text-content{ padding:25px;}
.services .text-content .entry-title{ margin:0 0 15px;}
.services .text-content .entry-title a:hover{ color:#F15B5A; text-decoration:none;}
.services .text-content .entry-title  a {
  font-size: 23px;
  font-weight: 600;}
.read-more{font-size: 14px;
  font-weight: 700;
  background: #67c9e0;
  padding: 10px 20px;
  color: #fff;
  margin-top:15px;
  text-decoration: none;
  display: inline-block;
  letter-spacing: 1px;}
  
.read-more:hover{ background:#F15B5A; color:#fff; text-decoration: none;}
.home-billsoftware{padding: 30px 0 40px;}
.home-services h2 > span , .home-billsoftware h2 > span{color:#3a3c41; font-weight:600;}
.for-border {
  height: 11px;
  width: 100%;
  background: transparent url(../images/feature-border.png) center center no-repeat;
  border: none;    margin: 0 0 15px; 
}

/*------------------------------------------------------*/
/* home software styles
/*------------------------------------------------------*/

.home-software{padding: 10px 0 0px 0;}
.home-software ul > li { padding:10px;}

/*------------------------------------------------------*/
/* Page Content styles
/*------------------------------------------------------*/


.content-page{ background:#fff;}

.page-top{background: url(../images/top-banner.jpg);background-size:cover; }
.entry-title{text-transform: uppercase;
  background-color: rgba(255,255,255,0.4);   margin: 15px 0;
  padding: 0 20px;}
.entry-content{ padding-bottom:20px;}
.page-sub-title{color: #414042 !important; line-height: 1.5em;   font-size: 18px; }
.page-title{line-height: 1.5em;
  color: #107fc9;
  font-size: 22px;}
  
/*------------------------------------------------------*/
/* contact styles
/*------------------------------------------------------*/


.bread-crumb .breadcrumb li {
  text-transform: capitalize;
}

.contact, .blog-page{ padding-bottom:50px; background:#fff;}

  #googleMap{height: 300px;border-top: 4px solid #808080;
  border-bottom: 4px solid #808080;  }
.contact-wrap{ margin-top:20px;}
.form-title-text {
  color: #414042;
  font-size: 28px;
  padding-top: 5px;
  padding-bottom: 5px;
  width: 100%;
  float: left;
  padding: 0 0 15px 15px;
}
.contact2-textbox {
  border: 1px solid #dcddde;
  width: 100%;
  padding: 11px 15px;
  color: #6d6d6d;
  font-weight: bold;
  font-size: 12px;
  margin-bottom: 5px;
}
.contact2-textarea {
  border: 1px solid #dcddde;
  width: 100%;
  padding: 11px 15px;
  color: #6d6d6d;
  font-weight: bold;
  font-size: 12px;
  margin-bottom: 15px;
  height: 204px;
}
.btn2-st2 {
  background: #107fc9;
  color: #fff;
  border-radius: 0px;
  box-shadow: 0 2px #0d6aa8;
  padding: 9px 10px 6px 12px;
  font-size: 12px;
  font-weight: normal;
  border: none;
  cursor: pointer;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin:0 !important;
}
.icon-mail{   padding-right: 10px;}

.side-bar-contact .form-title-text {
  padding: 0 0 15px 0px;
}

.contact-page-list li:first-child {
  line-height: 22px;
  border-top: 1px solid #CDD1D1;
  padding-top: 15px;
  min-height: 75px;
}

.contact-page-list li:last-child {
  border-bottom: none;
}


.contact-page-list li {
  min-height: 60px;
  float: left;
  width: 100%;
  border-bottom: 1px solid #CDD1D1;
  color: #6d6d6d;
  padding: 0 0 0 0;
  line-height: 60px;
}
.contact-page-list li:first-child .contact-side-txt {
  padding: 0px 0;
}

.contact-side-txt {
  line-height: 1.3em;
  display: block;
  padding: 20px 0px;
  width: 80%;
  float: left;
  min-height: 60px;
  line-height:25px;
}
.contact-side-icon {
  background: none;
  color: #6d6d6d;
  font-size: 16px;
  height: 60px;
  width: 37px;
  float: left;
  line-height: 60px !important;
  text-align: center;
  top: 0px;
  margin-right: 10px;
}

span.iside-bar-cfont {
  font-weight: 700;
  color: #414042;
}

i.iside-icon-contact {
  line-height: 25px!important;
}

.contact-page-social-list-bottom {
  border-top: 1px solid #cdd1d1;
  border-bottom: 1px solid #cdd1d1;
  width:100%;
}

.contact-page-social-list li {
  height: 60px;
  float: left;
  color: #fff;
  line-height: 60px;
}

.contact-side-social-wrap {
  height: 36px;
  width: 36px;
  float: left;
  margin-right: 26px;
  margin-top: 12px;
}
.contact-side-social-icon:hover{background:#F15B5A; }
.contact-side-social-icon {
  height: 36px;
  width: 36px;
  float: left;
  background: #787879;
  border-radius: 0px;
  line-height: 36px !important;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
  margin-right: 20px;
  font-size: 15px;
  text-align: center;
  color: #fff;
  font-weight: normal;
}
.btn2-st2:hover{background:#F15B5A;   box-shadow: 0 2px #F15B5A;}

.error{ margin-bottom:10px;}

#contact_form label{color: #f00;font-size: 11px; padding-left:15px;}
/*------------------------------------------------------*/
/* Footer styles
/*------------------------------------------------------*/

#main-footer {
  background-color: #4586BF;
  padding: 10px 0 10px 0;
  color: #9ba0aa;
  line-height: 24px;
  padding-top:30px;

}


.footer-col-title{
	color:#000000;
	font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 20px;
	}

.footer-col-links{ margin-bottom:20px;}

#main-footer a{ color:#fff;   font-size: 13px;  font-weight: 400;}
.fot-icon{background: none;
    font-size: 16px;
    height: 20px;
    margin-right: 10px;
  }
.no-pad{ padding:10px 0}

#main-footer a:hover{ color:#000;}

/*------------------------------------------------------*/
/* Footer Bottom
/*------------------------------------------------------*/
.footer-bottom {
  margin-top: 30px;
  border-top: 1px solid #4a4c52;
  padding-top: 10px;
}
.footer-bottom p {
  color: #fff;
}
.footer-bottom .footer-social-nav {
  margin: 0;
  padding: 0;
  float: right;
}
.footer-bottom .footer-social-nav li {
  display: inline-block;
  list-style: none;
  margin-left: 10px;
}
.footer-bottom .footer-social-nav li .fa {
  font-size: 18px;
  display: block;
  text-align: center;
  line-height: 20px;
  color: #fff;
}
.footer-bottom .footer-social-nav li .fa:hover {
  font-size: 20px;
  color: #fff;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  margin-top: -2px;
}
.footer-bottom .footer-social-nav li a {
  width: 20px;
  height: 20px;
  display: inline-block;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.footer-bottom .footer-social-nav li a:hover {
  text-decoration: none;
  
}
/*------------------------------------------------------*/
/* Scroll Top
/*------------------------------------------------------*/
a#scroll-top {
  display: none;
  position: fixed;
  right: 20px;
  bottom: 80px;
  height: 42px;
  width: 42px;
  z-index: 9999;
  line-height: 3em;
  background: #67c9e0 url("../images/scroll-top.png") center center no-repeat;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  border-radius: 50px;
}
a#scroll-top:hover {
  background-color: #52abc0;
}

/*------------------------------------------------------*/
/* blog
/*------------------------------------------------------*/

.blog-post-listing, .blog-single-post{ padding:50px 0 0 0; background:#fff;}
.blog-box {
  border: 1px solid #dcddde;
  margin-bottom: 15px;
  border-bottom: 4px solid #dcddde;
}

.blog-box-title {
  font-size: 25px;
  color: #107fc9;
  padding: 15px 15px;
  line-height: 1.3em;
}


.blog-box p {
  line-height: 21px;
  padding: 0 15px 10px 15px;
  text-align:justify;
}

span.ipost-author {
  color: #414042;
}
.post-meta {
  margin: 0px 5%;
  color: #6d6d6d;
  height: 50px;
  line-height: 50px;
  border-top: 1px solid #dcddde;
}
.post-meta a {
  float: right;
  color: #107fc9;
  font-size:12px;
}

.icon{ padding-right:3px;}

.blog-single-post{ padding:20px 0 0 0; }
.blog-single-post .blog-box-title {
  padding: 0px 0px;
}
.blog-single-post .post-meta {
  margin: 0px 0%;
  margin-bottom:10px; 
  border-top: none;
  height: auto;
  border-bottom: 1px solid #dcddde;
}

/*------------------------------------------------------*/
/* blog
/*------------------------------------------------------*/


.sidebar-blog {
  padding: 25px 0 0 0;
}

.sidebar-blog-title{
  line-height: 1.3em;
  font-size: 18px;
  color: #414042;
  
}
.sidebar-blog-list > ul , .sidebar-blog-list .textwidget > ul{ padding:0; margin:0;}
.sidebar-blog-list > ul > li, .sidebar-blog-list .textwidget > ul > li {
  list-style-type: none;
  border-bottom: 1px solid #f1f2f2;
  line-height: 40px;
  padding-left: 0px;
}

.sidebar-blog-list > ul > li > a, .sidebar-blog-list .textwidget > ul > li > a {
  color: #6d6d6d;
  font-size: 14px; font-weight:500;
}

.sidebar-blog-list > ul > li > a:hover, .sidebar-blog-list .textwidget > ul > li > a:hover { color:#107fc9;font-size:14px;text-decoration:none; cursor:pointer;}

.sidebar-blog-list > ul > li > a:hover .list-arrows{
	background:#107fc9;
	color:#fff;
	border:1px solid; cursor:pointer; 
}
.list-arrows {
  height: 18px;
  width: 18px;
  line-height: 16px;
  text-align: center;
  color: #107fc9;
  border-radius: 50%;
  margin: 11px 10px 0 0px;
  border: 1px solid;
}

/*------------------------------------------------------*/
/* 404 page style
/*------------------------------------------------------*/

.jumbotron{ background:none !important; margin:0; padding:0 0 30px 0;}

.jumbotron h1 {
  font-size: 250px;
  font-weight: 800;
  color: #66c9e0;
}

.jumbotron h1 span {
  color: #999ca5;
}

.jumbotron a{ color: #0044A0;
  font-weight: bold;}
  
 .jumbotron a:hover{ color:#F15B5A; text-decoration:none;}
 
.home-link{ padding:50px 0; background:url(../images/banner.jpg); background-size:cover; color:#5bc0de !important;}


.home-service-content ul li{

   text-align:left !important;
}

.home-services h2 {
    color: #3a3c41;
}