body{
	margin:0 0 0 0;
	padding: 0 0 0 0;
	font-family: Arial, Helvetica, sans-serif;
	background-color:#f5f5f5;
}
a {
	color:#5f5716;
	text-decoration:none;
}

p{
	color:grey;
	font-family: Arial, Helvetica, sans-serif;

}
bold{font-weight:bold;}
.js .animate-box {
  opacity: 0;
}

/*-----------------------------------------------------------------------------------*/
/* Utility Classes */
/*-----------------------------------------------------------------------------------*/

b{font-weight:bold;}

.color-default {
  color: #333333;
}
.color-default[class^="fa-"]:before,
.color-default[class*=" fa-"]:before {
  color: #333333;
}
.color-primary {
  color: #363539;
}
.color-primary[class^="fa-"]:before,
.color-primary[class*=" fa-"]:before {
  color: #363539;
}
.color-in-red{color:#E23E3E;}
.color-red {
  color: #8b2626;
}
.color-red[class^="fa-"]:before,
.color-red[class*=" fa-"]:before {
  color: #8b2626;
}
.color-blue {
  color: #43668c;
}
.color-blue[class^="fa-"]:before,
.color-blue[class*=" fa-"]:before {
  color: #43668c;
}
.color-green {
  color: #649f2b;
}
.color-green[class^="fa-"]:before,
.color-green[class*=" fa-"]:before {
  color: #649f2b;
}
.color-aqua {
  color: #86b998;
}
.color-aqua[class^="fa-"]:before,
.color-aqua[class*=" fa-"]:before {
  color: #86b998;
}
.color-yellow {
  color: #d0b426;
}
.color-yellow[class^="fa-"]:before,
.color-yellow[class*=" fa-"]:before {
  color: #d0b426;
}
.color-brown {
  color: #6f6f55;
}
.color-brown[class^="fa-"]:before,
.color-brown[class*=" fa-"]:before {
  color: #6f6f55;
}
.color-violet {
  color: #8270a4;
}
.color-violet[class^="fa-"]:before,
.color-violet[class*=" fa-"]:before {
  color: #8270a4;
}
.color-orange {
  color: #ae6926;
}
.color-orange[class^="fa-"]:before,
.color-orange[class*=" fa-"]:before {
  color: #ae6926;
}
.color-gold{color:#ffd12e;}
.color-white{color:#fff;}
.padding-horiz-10 {
  padding-left: 10px;
  padding-right: 10px;
}
.padding-horiz-20 {
  padding-left: 20px;
  padding-right: 20px;
}
.padding-horiz-30 {
  padding-left: 30px;
  padding-right: 30px;
}
.padding-horiz-40 {
  padding-left: 40px;
  padding-right: 40px;
}
.padding-horiz-50 {
  padding-left: 50px;
  padding-right: 50px;
}
.padding-horiz-60 {
  padding-left: 60px;
  padding-right: 60px;
}
.padding-vert-10 {
  padding-top: 10px;
  padding-bottom: 10px;
}
.padding-vert-20 {
  padding-top: 20px;
  padding-bottom: 20px;
}
.padding-vert-30 {
  padding-top: 30px;
  padding-bottom: 30px;
}
.padding-vert-40 {
  padding-top: 40px;
  padding-bottom: 40px;
}
.padding-vert-50 {
  padding-top: 50px;
  padding-bottom: 50px;
}
.padding-vert-60 {
  padding-top: 60px;
  padding-bottom: 60px;
}
.margin-horiz-10 {
  margin-left: 10px;
  margin-right: 10px;
}
.margin-horiz-20 {
  margin-left: 20px;
  margin-right: 20px;
}
.margin-horiz-30 {
  margin-left: 30px;
  margin-right: 30px;
}
.margin-horiz-40 {
  margin-left: 40px;
  margin-right: 40px;
}
.margin-horiz-50 {
  margin-left: 50px;
  margin-right: 50px;
}
.margin-horiz-60 {
  margin-left: 60px;
  margin-right: 60px;
}
.margin-vert-10 {
  margin-top: 10px;
  margin-bottom: 10px;
}
.margin-vert-20 {
  margin-top: 20px;
  margin-bottom: 20px;
}
.margin-vert-30 {
  margin-top: 30px;
  margin-bottom: 30px;
}
.margin-vert-40 {
  margin-top: 40px;
  margin-bottom: 40px;
}
.margin-vert-50 {
  margin-top: 50px;
  margin-bottom: 50px;
}
.margin-vert-60 {
  margin-top: 60px;
  margin-bottom: 60px;
}
.no-padding {
  padding: 0 !important;
}
.no-margin {
  margin: 0 !important;
}
.margin-top-0 {
  margin-top: 0;
}
.margin-top-5 {
  margin-top: 5px;
}
.margin-top-10 {
  margin-top: 10px;
}
.margin-top-15 {
  margin-top: 15px;
}
.margin-top-20 {
  margin-top: 20px;
}
.margin-top-30 {
  margin-top: 30px;
}
.margin-top-40 {
  margin-top: 40px;
}
.margin-top-60 {
  margin-top: 60px;
}
.margin-bottom-0 {
  margin-bottom: 0;
}
.margin-bottom-5 {
  margin-bottom: 5px;
}
.margin-bottom-10 {
  margin-bottom: 10px;
}
.margin-bottom-15 {
  margin-bottom: 15px;
}
.margin-bottom-20 {
  margin-bottom: 20px;
}
.margin-bottom-30 {
  margin-bottom: 30px;
}
.margin-bottom-40 {
  margin-bottom: 40px;
}
.margin-bottom-60 {
  margin-bottom: 60px;
}
.padding-top-0 {
  padding-top: 0;
}
.padding-top-5 {
  padding-top: 5px;
}
.padding-top-10 {
  padding-top: 10px;
}
.padding-top-15 {
  padding-top: 15px;
}
.padding-top-20 {
  padding-top: 20px;
}
.padding-top-30 {
  padding-top: 30px;
}
.padding-top-40 {
  padding-top: 40px;
}
.padding-top-60 {
  padding-top: 60px;
}
.padding-bottom-0 {
  padding-bottom: 0;
}
.padding-bottom-5 {
  padding-bottom: 5px;
}
.padding-bottom-10 {
  padding-bottom: 10px;
}
.padding-bottom-15 {
  padding-bottom: 15px;
}
.padding-bottom-20 {
  padding-bottom: 20px;
}
.padding-bottom-30 {
  padding-bottom: 30px;
}
.padding-bottom-40 {
  padding-bottom: 40px;
}
.padding-bottom-60 {
  padding-bottom: 60px;
}


ul li{font-family: Arial, Helvetica, sans-serif;}
ul.nav
{
	list-style-type:none;
	margin: 0 0 0 100px;
	padding: 0;
	float:left;
	overflow: hidden;
	background-color:#fff;
}
.nav li
{
	margin:0;
	display: block;
	float:left;
	background-color:#fff;
	padding:50px 30px;
	font-family:arial;

}

.nav li:hover {
	background-color:#94814d;
	
}
.header{
background:#fff;
border-bottom:1px solid #eee;
}
.header .headmid a{
	color:#000;
	text-decoration:none;
	text-transform:uppercase;
}
.headmid{ 
	margin:auto;
}
@media (max-width:414px){
	.headmid{width:100%;}
}

.livechat_icon{
	float: left;
    font-size: 40px;
    padding-top: 5px;
    padding-left: 11px;
}
.livechat_icon i.fas{color:#ea5035;
}
	
.tiles li {
}

.logo{
	float:left;
	margin: 45px 60px 0 40px;
}
.logo img{max-width:280px; width:250px;}
.navBar{display:block; float:right;}
@media (max-width:414px){
	.logo{margin:0 auto; display:block; padding:20px 20px 10px 20px; float:none; border-bottom:1px solid #efefef;}
	.navBar{width:100%; margin:0; display:inline-block;}
}

.clear {clear:both;}
.top{
	background-color:#e4e4e2;
}
.top img{max-width:100%;}
.title-box{
	margin:auto;
	font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
	text-align:center;
}
@media (max-width:414px){
	.title-box{width:100%;}
}
.title-box h1{color:#3277e0;font-family: 'Source Code Pro', monospace;}
.title-box h3{color:#000;/*font-family: 'Crimson Text', serif;*/}
.part1{
	
}

.top1{
	text-align:center;
	color: #464c48;
	border-bottom:1px solid #eee;
}
.top1 h3{color:#d00; margin:0px 0; padding:30px 0;}
.email{
	height:40px;
	width:280px;
	text-align:center;
	border:1px solid #ddd;
}
.foot_link h2{font-size:14px; color:#666; margin:0; padding:10px 0;}
.foot_link ul{margin:0; padding:0; text-align:center;}
.foot_link li{display:block; list-style:none; float:left;
    border: 1px solid #656565;
    border-radius: 50%;
    padding: 10px;
	margin:0 5px;
    background: #333333;
    width: 40px;
    height: 40px;
	transition:background-color ease .2s;
}
.foot_link li:hover{background-color:#222;}
.foot_link li i{font-size:16px;}
.button{
	font-size: 12px;
    font-weight: 700;
    color: #fff;
    background-color: #ed1c24;
    width:auto;
    height: 40px;
    border-radius: 5px;
	border:none;
}

.top2{
	margin:auto;
	font-family:'Open Sans';
	text-align:center;
	background-color:#fbfbfb;
	border-bottom:1px solid #eee;
}
@media (max-width:414px){
	.top2{width:100%;}
	.email{width:100%; max-width:225px;}
	.button{margin:10px 0;}
}
.top2 h2{color:#3277e0; margin:0; padding:20px 0;}
.point{
	display:inline-block;
}

.point li{
	text-align:left;
	font-size:16px;
}

.diagram1{
	/*margin:auto;
	text-align:center;
	padding:30px;
	width:1280px;*/
	background-color:#fff;
}
.diagram1 h2{margin:0; padding-bottom:30px; color:#ff5722;}

.simple-step{text-align:center;}
.simple-step h3{text-align:center; margin:0; padding:15px 0; color:#ff5722;}
.step_img{border:1px solid #ccc; border-radius:50%; width:120px; height:120px; padding:15px; margin:auto; position:relative;}
.step_img span.step_number{width:35px; height:35px; padding:5px; background-color:#666; color:#fff; position:absolute; top:0; left:0; border-radius:50%;}
@media(max-width:414px){
	.step_img{width:100px; height:100px; padding:15px;}
	.step_img img{max-width:100%;}
}

.top3{
	margin:auto;
	text-align:center;
}
.top3 h2{color:#1976d2;}

.secure{
	margin:auto;
	text-align:center;
}
.secure img{max-width:100%;}

.desc_product img{max-width:165px; display:block; margin:auto;}
.desc_product h3{margin:10px 0; text-align:center;}
.desc_product_info ul{padding:20px 0; }
.desc_product_info li{padding-bottom:10px; margin-left:30px; font-size:16px; list-style-position: inside;}
.desc_support{text-align:center;}
.desc_support h3{margin:10px 0; text-align:center; color:#03363d;}
.desc_support p{font-size:16px;}
.desc_support img{max-width:165px; display:block; margin:auto;}
.price_list h3{margin:15px 0;}
.price_list_box{
	margin: 16px 10px;
    vertical-align: top;
    display: inline-block;
    background-color: #fff;
    color: #000;
    box-shadow: 0 2px 8px rgba(0,0,0,.1);
}
.price_list_title{padding:20px 0; color:#fff; text-transform:uppercase; text-align:center; font-weight:bold;}
.starter{background:#ffdc72; color:#867236; border-bottom:1px solid #efcf71;}
.team{background:#85d7ff; color:#407f9e; border-bottom:1px solid #78c8ef;}
.business{background:#72bd5a; border-bottom:1px solid #65a750;}
.enterprise{background:#404e54; color:#a1b3bb; border-bottom:1px solid #404e54;}
.good_plan{background:#72bd5a;}
.most-popular{text-transform:uppercase; letter-spacing:2px; font-size:12px; font-weight:400; display:block;}
.price_list_pack{padding:30px 0; min-height:200px; text-align:center;}
.price_list_pack .package_price{padding:15px 0;text-transform:uppercase; color:#000; font-size:26px; font-weight:bold;}
.price_list_pack .user{padding:15px 0; color:#888;}
.price_list_pack .billed{padding:15px 30px 45px; letter-spacing:1px;}
.good_plan .package_price, .good_plan .user, .good_plan .billed{color:#fff;}
.purpose{padding:15px; background-color:#edf0f3; font-style:italic; color:#9ea1a3; text-align:center;}
.green_plan{background:#7ac860; color:#cee6c8;}
.item_feature{margin:15px 0; padding:0; text-align:center;}
.item_feature ul{margin:0; padding:0;}
.item_feature li{display:block; list-style:none; padding:5px 0;}

.hs_bg{background:url(../img/help.PNG); background-size:cover; background-position:-500px center; min-height:500px;}
.method{padding:20px 0;}
.method h3{margin:10px 0; font-weight:bold;}
.method ul{padding-left:0;}
.method li{ list-style-position: inside; font-size:16px; padding-bottom:10px;}

.mainbox{
	margin:auto;
	text-align:center;
	
}
.leftbox{
	margin:auto;
	padding:30px 20px;
	float:left;
	text-align:left;
}
.leftbox img{max-width:100%; width:500px;}

.rightbox{
	margin:auto;
	float:left;
	text-align:left;
	font-size:20px;
}
.rightbox img{max-width:100%;}

.footer {
background:#2e2e2e;
}
.footer a{color:#777; transition:all ease .2s;}
.footer a:hover{color:#666; text-decoration:none;}
.midfooter {
	width:1200px;
	margin:auto;
}

.speed h3, .footerapps h3, .footeracc h3, .OOKLA h3{margin:0; padding:15px 0; font-size:16px; font-weight:bold; color:#efefef;}
.footerapps {width:auto;}
.footeracc {width:auto;}
.footer3 {width:auto;}
.footer4{width:auto;}
.bottom{
	width:100%;
	padding:10px 0 5px;
	background-color:#222;
	margin:auto;
	text-align:center;
}
.product{
	padding:20px;
	margin:auto;
	text-align:center;
}
.product2{
	padding:40px;
	margin:auto;
	text-align:center;
}

.contact-form{
	position:relative;
	width:600px;
}
@media (max-width:414px){
	.contact-form{width:100%;}
}
.contact-form div{

}
.contact-form span label{
	color: #777777;
	display: block;
	font-size: 0.8725em;
	padding-bottom: 5px;
	text-transform: capitalize;
}
.contact-form input[type="text"], .contact-form textarea {
	font-family: 'Open Sans', sans-serif;
	background: #FFFFFF;
	border: 1px solid #E7E7E7;
	color: rgba(85, 81, 81, 0.84);
	padding: 8px;
	display: block;
	width: 98%;
	outline: none;
	-webkit-appearance: none;
	text-transform: capitalize;
}
.contact-form textarea{
	resize:none;
	height:120px;		
}
.contact-form input[type="submit"]{
	margin-top:10px;
	font-family: 'Open Sans', sans-serif;
	-webkit-appearance: none;
	cursor:pointer;
	color: #00BAC6;
	background: #ffffff;
	border: 1px solid #22D5E0;
	display: inline-block;
	text-transform: uppercase;
	padding: 12px 38px;
	font-size: 0.875em;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.contact-form input[type="submit"]:hover{
	background: #00BAC6;
	color: #ffffff;
}

.contact{
	width:1280px;
	margin:auto;
}

.helpbox{
	padding:40px;
	text-align:center;
	background-color:#b2b5a436;
}

.customiz, .applications, .integrations, .billing{ padding:20px; margin:auto; width:400px;
	display:block;
	text-align:left;
}
.customiz ul, .applications ul, .integrations ul, .billing ul{padding-left:5px;}
							
	
.title2{
	background-image:url(../img/help.PNG); 
	height:600px; 
	background-size:cover;
	padding:80px;
}


/* responsive css **/
.topnav {
  overflow: hidden;
}

.topnav a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 50px 30px;
  text-decoration: none;
  font-size: 17px;
  transition:background-color ease .3s;
}

.active {
  color: white;
}

.topnav .icon {
  display: none;
}

.dropdown {
    float: left;
    overflow: hidden;
}

.dropdown .dropbtn {
    font-size: 17px;    
    border: none;
    outline: none;
    color: white;
    padding: 14px 16px;
    background-color: inherit;
    font-family: inherit;
    margin: 0;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.dropdown-content a {
    float: none;
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
}

.topnav a:hover, .dropdown:hover .dropbtn {
  background-color: #eee;
  color: #555;
}

.dropdown-content a:hover {
    background-color: #ddd;
    color: black;
}

.dropdown:hover .dropdown-content {
    display: block;
}

@media screen and (max-width: 600px) {
	.topnav a {padding:15px;}
  .topnav a:not(:first-child), .dropdown .dropbtn {
    display: none;
  }
  .topnav a.icon {
    float: right;
    display: block;
  }
}

@media screen and (max-width: 600px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
  .topnav.responsive .dropdown {float: none;}
  .topnav.responsive .dropdown-content {position: relative;}
  .topnav.responsive .dropdown .dropbtn {
    display: block;
    width: 100%;
    text-align: left;
  }
}
/*** scroll to top ***/
.gototop {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 999;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.gototop.active {
  opacity: 1;
  visibility: visible;
}
.gototop a {
  width: 50px;
  height: 50px;
  display: table;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  text-align: center;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  transition:all ease .2s;
}
.gototop a i {
  height: 50px;
  display: table-cell;
  vertical-align: middle;
}
.gototop a:hover, .gototop a:active, .gototop a:focus {
  text-decoration: none;
  outline: none;
  color:#000;
}