@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'open_sanslight';
    src: url('../fonts/opensans-light_0-webfont.eot');
    src: url('../fonts/opensans-light_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-light_0-webfont.woff') format('woff'),
         url('../fonts/opensans-light_0-webfont.ttf') format('truetype'),
         url('../fonts/opensans-light_0-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'open_sansregular';
    src: url('../fonts/opensans-regular_0-webfont.eot');
    src: url('../fonts/opensans-regular_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-regular_0-webfont.woff') format('woff'),
         url('../fonts/opensans-regular_0-webfont.ttf') format('truetype'),
         url('../fonts/opensans-regular_0-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


.main{ width:100%; margin:0px auto; padding:0px;}
.top{ background-color: #1d90da}
.test{ background-color:#2aa8e3; padding:10px 0px; text-align:center; margin-bottom:20px;}
.test h2{ font-size:38px; color:#FFF; font-family: 'open_sansregular'; padding:0px; margin:0px; font-weight:normal }
.test h2 span{ font-size:22px;}
.header{ background-image:url(../img/header.jpg); height: auto; background-repeat:no-repeat; background-position:center top; background-size:cover}
.header2{ background-image:url(../img/header.jpg); height:580px; background-repeat:no-repeat; background-position:center top; background-size:cover}
.tesdash{ border-right:dashed 1px #d2d2d2}
.pt10{ padding-top:10px;}
.pt15{ padding-top:15px;}

.testimonial h2{ padding:0px; margin:0px 0px 15px 0px; font-weight:normal; font-size:18px; color:#434343; font-family: 'open_sansregular';}
.testimonial p{ padding:0px; margin:0px 0px 15px 0px; font-weight:normal; font-size:14px; color:#434343; font-family: 'open_sansregular';}

/* .testimonial input[type="submit"]{ border:0px; background-color:#67aded; padding:5px 15px; border-radius:5px; font-size:14px; color:#FFF; text-align:center; margin:30px 0px} */
 .testimonial .all_testi{ border:0px; background-color:#67aded; padding:5px 15px; border-radius:5px; font-size:14px; color:#FFF; text-align:center; } 
 .mrg_btm{margin-bottom:30px;}
 .mrg_top{margin-top:30px;}
.testimonial .all_testi:hover{ background-color:#f07312}

.follow{ background-color:#eef1f5; border:1px solid #d9dadc; border-right:0px; border-left:0px; padding:50px 0px; margin-bottom:30px;}

.followara{ width:900px; margin:0px auto; padding:0px; text-align:center}
.followara h2{ color:#686868; font-size:25px; margin:15px 0px; padding:0px; }

.twt{ background-color:#00acee; border-radius:5px; color:#FFF; padding:10px 0px 10px 45px; text-align:left; display:block; background-image:url(../img/twbg.jpg); background-repeat:no-repeat; background-position:left; font-size:13px; margin-bottom:10px;}

.fb{ background-color:#3b5998; border-radius:5px; color:#FFF; padding:10px 0px 10px 45px; text-align:left; display:block; background-image:url(../img/fb.jpg); background-repeat:no-repeat; background-position:left; font-size:13px; margin-bottom:10px;}

.linkg{ background-color:#0e76a8; border-radius:5px; color:#FFF; padding:10px 0px 10px 45px; text-align:left; display:block; background-image:url(../img/in.jpg); background-repeat:no-repeat; background-position:left; font-size:13px; margin-bottom:10px;}

.getin{ text-align:center}

.getin input[type="submit"]{ border:0px; background-color:#f2811f; padding:10px 15px; border-radius:5px; font-size:20px; color:#FFF; text-align:center; margin:0px 0px 30px 0px; text-transform:uppercase; font-family: 'open_sansregular';}

.getin input[type="submit"]:hover{ background-color:#f07312}

.getin h2{ color:#686868; font-size:25px; margin:0px 0px 15px 0px; padding:0px; }

.footer{ border-top:4px solid #e0e0e0; margin-top:40px; padding:15px 0px;}
.footer h3{ font-size:16px; color:#6e6e6e; font-family: 'open_sansregular'; padding:0px; margin:0px 0px 5px 0px; font-weight:normal}
.ftsec{ width:180px; float:left; font-family: 'open_sansregular';  color:#6e6e6e;}
.ftsec ul{ padding:0px; margin:0px; list-style:none}
.ftsec ul li{ padding:0px; margin:0px; list-style:none; font-size:13px; line-height:25px; }
.ftsec ul li a{ color:#6e6e6e; text-decoration:none}
.ftsec ul li a:hover{ color:#6e6e6e; text-decoration: underline}

.ftsec2{ width:240px; float:left;}
.ftsec2 img{ max-width:45%; height:auto}
/* .copy{ border-top:1px solid #e0e0e0; padding:15px 0px; margin-top:15px; font-family:Arial, Helvetica, sans-serif; font-size:11px;} */
.copy{font-family:Arial, Helvetica, sans-serif; font-size:11px;}
.copytfl{ text-align:right}

.logo{ margin:15px 0px 20px 0px;}

.imgwdth{ max-width:100%; height:auto}
.cloud h1{ background-image:url(../img/shad.png); background-repeat:no-repeat; background-position:center bottom; background-size:100%; margin-bottom:5px; color:#434343; font-weight:normal; font-size:26px; text-align:center}
.cloud span{ color:#434343; font-weight:normal; font-size:20px;}
.mb40{ margin-bottom:40px;}

.cloud input.trial{ background-color:#f07312; border:0px; padding:10px 25px; font-size:22px; color:#FFF; margin-bottom:40px;}
.cloud input.learn{  border:0px; padding:7px 25px; font-size:22px; color:#FFF; border:3px solid #FFF; background-color:transparent; margin-left:10px; margin-bottom:40px;}

.butbx a{ background-color:#0c0c0c; padding:20px 0px; display:block; text-align:center; color:#FFF; border:3px solid #eeeeee; border-radius:5px; font-size:16px; margin:20px 0px;  }

.butbx a:hover{ background-color:#4f4f4f; text-decoration:none; color:#FFF;   }

/* .search{ background-color:#fff; border-radius:5px; padding:3px; margin:3px 0px; width:129px; } */

.search input[type="text"]{ border:0px; font-size:13px; color:#666; width:80%  } 
.pt40{ padding-top:40px} 

.contact{ font-size:16px; color:#616161;  font-family: 'open_sansregular';}

.contact h2{ font-size:34px; color:#2a2a2a; padding:0px; margin:0px 0px 30px 0px; font-weight:normal }

.contact input[ type="text"]{ border:1px solid #dbdbdb; padding:5px; width:100%; }

.contact input[ type="name"]{ background-image:url(../img/name.jpg); background-repeat:no-repeat; background-position:left; border:1px solid #dbdbdb; padding:5px; width:100%; padding-left:28px; margin:10px 0px	 }

.contact input[ type="email"]{ background-image:url(../img/email.jpg); background-repeat:no-repeat; background-position:left; border:1px solid #dbdbdb; padding:5px; width:100%; padding-left:28px; margin:10px 0px}

.contact input[ type="phone"]{ background-image:url(../img/phone.jpg); background-repeat:no-repeat; background-position:left; border:1px solid #dbdbdb; padding:5px; width:100%; padding-left:28px; margin:10px 0px}

.contact input[ type="link"]{ background-image:url(../img/welnk.jpg); background-repeat:no-repeat; background-position:left; border:1px solid #dbdbdb; padding:5px; width:100%; padding-left:28px; margin:10px 0px}

.contact textarea{ background-image:url(../img/comment.jpg); background-repeat:no-repeat; background-position:left top; border:1px solid #dbdbdb; padding:5px; width:100%; padding-left:28px; height:100px; margin:10px 0px}

.contact input[type="submit"]{background-color:#f07312; border:0px; padding:10px 25px; font-size:22px; color:#FFF; margin:20px 0px}

.rhtse{ border-left:1px solid #a8a8a8; margin-left:15px; width:80%; font-size:14px; padding-left:10px}
.rhtse h2{ font-size:20px; padding:0px; margin:0px; }

.pt80{ padding-top:80px;}

.price h1{ font-size:50px; color:#FFF; padding:0px; margin:80px 0px 30px 0px; font-weight:normal; line-height:30px; text-shadow: 0 0 3px #000; -webkit- text-shadow: 0 0 3px #000;}
.price h1 span{ font-size:22px; }

.prbox{ width:33.3%;text-align:center; margin:0 auto 25px; float:left; max-width:300px;}
.pbox{ background-color:#FFF; border:1px solid #bab8b2; }
.pbox2{ background-color:#FFF; border:1px solid #bab8b2; -webkit-box-shadow: 0px -5px 11px 0px rgba(50, 50, 50, 0.38);
-moz-box-shadow:    0px -5px 11px 0px rgba(50, 50, 50, 0.38);
box-shadow:         0px -5px 11px 0px rgba(50, 50, 50, 0.38);}
.prhd{ background-color:#1481c7; padding:2px; color:#FFF; font-size:28px; text-transform:uppercase; text-align:center}
.prhd2{ background-color:#004877; padding:2px; color:#FFF; font-size:28px; text-transform:uppercase; text-align:center}

.pricbg{ background-color:#e3e3e3; padding:10px 20px 30px 20px; position:relative; margin-bottom:40px}

.prices{ color:#4a4a4a; font-size:60px;}

.prices sup{ font-size:26px}
.prices sub{ font-size:26px}
.divdln{  margin-bottom:15px;}

.gry18{ font-size:18px; color:#232323}
.gry34{ font-size:34px; color:#232323}
.gry22{ font-size:22px; color:#232323}

.cust{ position:absolute; width:90%; bottom:-13px;}
.cust input[type="submit"]{ background-color:#fc6721; font-size:18px; color:#FFF; text-align:center; border-radius:25px; border:0px; padding:10px 20px}

.featur ul{ padding:0px; margin:0px; list-style:none}
.featur ul li{ padding:0px; margin:0px; list-style:none; border-bottom:1px solid #b1b1b1; line-height:25px; padding-bottom:5px; margin: 0px 10px 10px 10px; color:#6a6a6a}
.featur ul li:last-child{border-bottom:0px solid #b1b1b1;}

.prsec h2{ font-size:30px; padding:0px; margin:40px 0px 15px 0; color:#686868; text-align:center}
.faqsec h2 { font-size:20px; padding:0px; margin:0px 0px 20px 0px; color:#686868; text-align:left}
.faqsec p { font-size:14px; padding:0px; margin:0px 0px 20px 0px; color:#686868; text-align:left}


.home .navbar-toggle {
  position: relative;
  float: right;
  padding: 9px 10px;
  margin-top: 5px;
  margin-right: 15px;
  margin-bottom: 8px;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
} 

.priqt{ margin:-185px auto 15px auto; text-align:center; max-width:900px; } 

.pricepan{ border-bottom:1px solid #d9dadc}
.tesdashleft{border-left:1px dashed #d2d2d2;}

/*----5/9/14---*/

.gray_bg{ background-color:#eef1f5; border:1px solid #d9dadc; border-right:0px; border-left:0px; padding:15px 0px 25px 0px; margin-bottom:30px;}
.gray_bg h2{ color:#686868}
.features_box{ max-width:740px; margin:auto;}
.features_box h2{ color:#686868}
.features_box p{ line-height:22px; color:#686868}
.text14{ font-size:14px; line-height:22px; color:#686868}
.screen_img{ border-radius:5px; -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.5);
box-shadow: 0 2px 5px 0 rgba(0,0,0,0.5); margin-top:15px; }
.prd_list{ padding-bottom:25px; border-bottom:1px solid #d9dadc ; margin-bottom:30px;}
.prd_list h2{ margin:0; text-align:center; color:#686868}
.prd_list h2 span{ font-size:14px; display:block; padding:10px 0}
.prd_list ul{ margin:0; padding:0; }
.prd_list ul li{ list-style:none; width:49%; padding-left:70px; position:relative; min-height:50px; padding-right:20px; display:inline-block; text-align:left; margin-top:10px; vertical-align:top; }
.prd_list ul li p{line-height:22px; color:#686868}
.prd_list ul li h3{ font-size:20px; color:#686868} 
.prd_list ul li img{ position:absolute; left:0; top:25px;}
	

	.header-content {
		box-sizing: border-box;
		height: inherit;
		height: 115px;
		-moz-box-sizing: border-box;
		position: absolute;		
		z-index:9999;
		width:100%;
		top:95%
		}
		.header-content.attached{ position:relative;  }
		body, html{ height:100%;}
		.main, .header{ height:100%;}



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

	.header-content {
		position: fixed !important;
		left: 0;
		width: 100% !important;
	}
	
	
}

.hero-background {
  background-color: #0d83dd;
  position: relative;
}
.hero {
  color: white;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  max-width: 1300px;
}
.hero-h1 {
  font-size: 68px;
  font-size: 4.25rem;
  max-width: 770px;
  margin-bottom: 1.5%;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  transition: all 0.2s ease;
  margin-top: 7%;
}
.hero-h2 {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 28px;
  line-height: 1.75rem;
  margin-bottom: 1.5%;
  color: #9FCEF2;
  max-width: 620px;
}
@media (max-width: 1024px) {
  .hero-h2 {
    font-size: 18px;
    font-size: 1.125rem;
    max-width: 520px;
  }
}
@media (max-width: 1100px) {
  .hero-h1 {
    font-size: 57px;
    font-size: 3.5625rem;
    max-width: 660px;
  }
}
@media (max-width: 900px) {
  .hero-h1 {
    font-size: 48px;
    font-size: 3rem;
    max-width: 610px;
  }
  .hero-h2 {
    max-width: 540px;
  }
}
@media (max-width: 760px) {
  .hero-h2 {
    max-width: 460px;
  }
}
@media (max-width: 640px) {
  .hero-h1 {
    font-size: 36px;
    font-size: 2.25rem;
  }
}
@media (max-width: 360px) {
  .hero-h1 {
    font-size: 30px;
    font-size: 1.875rem;
  }
}
@media (min-width: 1100px) and (max-height: 680px) {
  .hero-h1 {
    margin-top: 4%;
  }
}
.hero-form {
  padding-bottom: 24%;
}
.hero {
  overflow: auto;
}
.hero-background {
  background-size: cover;
  background-image:url(../img/banner_img.jpg);
  background-position: center;
  background-repeat: no-repeat;
  height:100% !important;
  max-height:930px;
}

.subnav {
  margin-top: 0;
  text-align: center;
  background-color: rgba(13, 131, 221, 0.9);
  width: 100%;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.3);
  -moz-box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.3);
  box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.3);
  position: absolute;
  bottom: 0;
  overflow: hidden;
}
.subnav ul {
  margin: 0;
  padding: 0;
  max-width: 940px;
  margin-right: auto;
  margin-left: auto;
}
.subnav-item {
  display: inline-block;
  list-style: none;
  margin:0 4%;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
  cursor: pointer;
  padding-top: 53px;
  padding-bottom: 15px;
  opacity: .8;
  text-align: center;
  color: white;
  background-position: center 13px;
  -webkit-transform: translateZ(0px);
  background-size:35px 35px;
}
.subnav a {
  color: #fff !important;
  text-decoration: none;
}
.subnav-item:hover,
.subnav a:hover {
  text-decoration: none;
  color: white;
  opacity: 1;
}
.subnav-home {
  background-image: url("../img/innerlogo.png");
  background-repeat: no-repeat;
  width: 160px;
  height: 31px;
  position: absolute;
  top: 75px;
  left: 3%;
  margin-left: 0;
  z-index:999;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
background-size:auto ;
}
.subnav-home a {
  display: block;
  height: 100%;
}
.subnav-paperless {
  background-image: url("../img/w_paperless_icon.png");
  background-repeat: no-repeat;
}
.subnav-realtime {
  background-image: url("../img/w_watch_icon.png");
  background-repeat: no-repeat;
}
.subnav-easesetup {
  background-image: url("../img/w_box_icon.png");
  background-repeat: no-repeat;
}
.subnav-reports {
  background-image: url("../img/report_icon.png");
  background-repeat: no-repeat;
}
.subnav-operator {
  background-image: url("../img/opertor_icon.png");
  background-repeat: no-repeat;
}
.subnav-sticky {
  bottom: initial;
  height: 59px;
}
.subnav-stuck {
  background-color: #0d83dd;
  -webkit-box-shadow: 0 4px 0px #106fb6;
  -moz-box-shadow: 0 4px 0px #106fb6;
  box-shadow: 0 4px 0px #106fb6;
  z-index: 100;
  position:fixed !important; top:0 !important; bottom:auto
}
.subnav-stuck .subnav-item {
  background-position: center -40px;
  margin-top: 0;
  padding-top: 20px;
  padding-bottom: 20px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;}
.subnav-stuck .subnav-invoices {
  margin-left: inherit;
}
.subnav-stuck .subnav-home {
  top: 14px;
  background-position: center;
  padding: 0;
}
.subnav-stuck-offset {
  margin-top: -25px;
}

.subnav-active-section {
  opacity: 1;
}
@media (max-width: 700px) {
  .subnav-stuck-offset {
    margin-top: 0;
  }
}
@media (max-width: 767px), (max-height: 600px) {
  .subnav {
    display: none;
  }
}
.section-paperless{ border-top:1px solid #d9dadc ; background:#eef1f5; padding:50px 0}
.section-paperless p{ color:#434343; padding-bottom:20px;line-height:22px}
.section-paperless .col-sm-7{ text-align:right;}
.section-paperless .col-sm-7 img{ max-width:100%; }
.section-realtime{ border-top:1px solid #d9dadc ; background:#fff; padding:25px 0 0px 0; text-align:center;}
.section-paperless h2, .section-realtime h2{ color:#686868; padding-bottom:7px;}
.section-realtime p{ padding-bottom:25px; line-height:22px; color:##434343 }
.section-realtime img{ max-width:100%}
.section-easesetup .head_steps{ background:#2aa8e3; text-align:center; position:relative; padding:30px 0 40px 0; margin-bottom:25px}
.section-easesetup .head_steps:after{ content:"";border-top: 20px solid;
  border-right: 20px solid transparent;
  border-left: 20px solid transparent; clear:both; position:absolute; bottom:-19px;border-top-color: #2aa8e3; left:50%; margin-left:-10px;}
.section-easesetup .head_steps h2{ color:#fff; margin-top:0}
.section-easesetup .head_steps p{ color:#fff; max-width:650px; margin-left:auto; margin-right:auto; font-size:15px} 
.setup_img{ padding:55px 0; text-align:center}
.setup_img img{ max-width:100%; }

.section-reports{ border-top:1px solid #d9dadc ; background:#eef1f5; padding:50px 0}
.section-reports h2{ padding-bottom:7px; color:#686868;}
.section-reports p{ color:#434343; line-height:22px}
.section-reports img{ max-width:100%}
.section-operator{ border-top:1px solid #d9dadc ; border-bottom:1px solid #d9dadc;padding:50px 0  0px 0 }
.section-operator h2{ padding-bottom:7px; color:#686868;}
.section-operator p{ color:#434343; line-height:22px; padding-bottom:25px}
.section-operator img{ max-width:100%}
.bolt_list { margin:0; padding:25px 0 0px 0;}
.bolt_list  li{ list-style:none; display:inline-block; padding:10px 2px; font-size:14px; color:#333; width:20%; vertical-align:top; margin:0 10px 15px 10px }
.bolt_list  li strong{ font-size:22px;color:#686868; display:block; padding:10px 0 0px 0;}
.bolt_list  li  figure img{ max-width:60px}
.bolt_list  li .anchor_home{ margin-top:10px; display:inline-block; padding:5px 20px; font-size:14px;}
.bolt_list  li  span{ color:#fc6721; font-weight:bold; }
.contact_wrp{ max-width:920px; padding-top:25px;	}
@media (max-width: 767px) {
  .section-paperless{ text-align:center}
  .section-paperless .col-sm-7{ text-align:center}
  .section-reports{ text-align:center}
}