.container {
	font-family: "open sans", sans serif !important;
	max-width:930px;
	clear:both;
	}
.gray{max-width:100%;width:100%;background: #ececec;padding: 50px 0;margin: 0 0 50px 0;border-top: 1px solid rgba(0,0,0,.05);border-bottom: 1px solid rgba(0,0,0,.05);}	
.gray .row{max-width:930px;margin: 0 auto;}

form{display: inline-block;margin: 60px 0 15px 0;}
p small{color: #999;line-height: 1.5;}
input, input[type=text], input[type=password], textarea, select{
	font-size:14px;
	line-height:26px;
    font-weight: 600;
	border-radius: 1px;
	border: 1px solid #ddd;
	background: #fff;
	color: #666;
	padding: 18px;
	box-shadow: inset 0 3px 3px rgba(0,0,0,.07);
}
input:focus, select:focus{outline:0;}
select{width: 100%;padding:20px 18px;box-shadow: 0 3px 3px rgba(0,0,0,.07);}

input[type="submit"] {
	font-size: 14px;
	line-height:20px;
	color:#fff;
	padding: 21px;
	border: 0;
	border-radius: 1px;
	background:#8bc2d1;
	text-transform:uppercase;
	font-weight:600;
	box-shadow: 0 3px 3px rgba(0,0,0,.07);
}
input[type="submit"]:hover{color:#fff;opacity:.9;text-decoration:none;}
input[type="submit"]:focus{box-shadow: none;position:relative;top:1px;}

.connect input[type=text]{
	font-size:24px;
	text-align:center;	
	height: 62px;
	width: 120px;
	margin: 0 15px 0 0;
}
.separator i{
	height:100%;
	max-height:250px;
	border-left:1px solid #ddd;	
	position: relative;
    left: 10px;
}
.separator i:before{
	position: relative;
    top: 45%;
    left: -20px;
    padding: 10px 17px;
    background: #ddd;
    border-radius: 100px;
    font-size: 20px;
    color: #999;
}
.separator span{
	color: #fff;
    width: 50px;
    height: 50px;
    display: block;
    background: #8bc2d1;
    line-height: 50px;
    text-align: center;
    font-size: 20px;
    font-style: italic;
    border-radius: 100px;
    padding: 0 5px 0 0;
    margin: 40px 0 0 0;
}
.browsers > div{margin: 0 0 15px 0;}

.search {position:relative;}
.search i{
	position:absolute;
	top: 55px;
    left: 35px;
	z-index: 99;
	color:#999;	
}
.search input{
	padding-left:50px;	
}


.knowledgebase{width:100%;}				
.knowledgebase p{margin: 0 0 10px 0;}
.knowledgebase h2, .knowledgebase h3, .knowledgebase h5{
	font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
    color: #555;
    margin: 0 0 5px 0;
	font-family: "open sans", sans serif;
}
.knowledgebase h5{
	font-size: 20px;
	margin: 0 0 10px 0 ;
	padding:0 0 10px 0;
	border-bottom:1px solid rgba(0,0,0,.05);
}
.knowledgebase ul li{list-style:none;}
.knowledgebase #knowledgebaseContent  ul {margin-left: 18px;}
.knowledgebase #knowledgebaseContent  ul li {list-style:disc;    margin-bottom: 0px;}
.knowledgebase #knowledgebaseContent  ul li > ul{margin-left: 18px;}	
.knowledgebase #knowledgebaseContent  ul li > ul li{list-style:circle}

/*.knowledgebase ul li a{
    line-height: 30px;
    border-bottom: 1px solid #eee;
    display: block;	
}*/
.knowledgebase ul li a:hover{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e8e8e8+0,e8e8e8+100&0+1,0.65+100 
background: -moz-linear-gradient(left,  rgba(232,232,232,0) 0%, rgba(232,232,232,0) 1%, rgba(232,232,232,0.65) 100%); /* FF3.6-15 
background: -webkit-linear-gradient(left,  rgba(232,232,232,0) 0%,rgba(232,232,232,0) 1%,rgba(232,232,232,0.65) 100%); /* Chrome10-25,Safari5.1-6 
background: linear-gradient(to right,  rgba(232,232,232,0) 0%,rgba(232,232,232,0) 1%,rgba(232,232,232,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00e8e8e8', endColorstr='#a6e8e8e8',GradientType=1 ); /* IE6-9 */
}
.knowledgebase ul li i{color:#8bc2d1;margin: 0 8px 0 0;}
.knowledgebase ol{margin: 0 0 0 15px;}
.btn-info{
	color: #fff;
    background: #8bc2d1;
    padding: 12px 28px !important;
    display: inline-block;
    margin: 0 0 0 0;
    font-size: 14px;
    cursor: pointer;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
	border:0;
	border-radius:0;
}
.btn-info:hover, .btn-info:focus{background: #8bc2d1;opacity:.9;}
#knowledgebaseContent, #knowledgebaseContent li, #knowledgebaseContent span, #knowledgebaseContent a{
	font-family: "open sans", sans serif !important;
}
#knowledgebaseContent li, #knowledgebaseContent span, #knowledgebaseContent div{font-size:13px !important;line-height:1.7em !important;}
#knowledgebaseContent a{
	font-size:13px !important;
	line-height:1.7em !important;
	color: #73a8b7 !important;
	font-weight:normal !important;
	text-decoration:underline !important;
	background:none !important;
}
.articles{margin: 25px 0 0 0}
#relatedLink{    margin: 60px 0 0 0;}
.emptyspace30{float:left;width:100%;height:30px;}
.viewondesktop{display:none;}

#browserhelp{display:none;margin: 20px -15px 0 -15px;}

@media (max-width: 992px) {
	.hide4mobile, .provider-mobile, .separator span{display:none;}
	.viewondesktop{display:block;    background: #8bc2d1;margin: 0 0 40px 0}
	.viewondesktop p{font-size: 30px;padding: 30px;line-height: 1.5;color:#fff;}
	
	
	.gray{padding:25px 0;margin: 25px 0;}	
	 .knowledgebase input, .knowledgebase select{width:100%;}
	  .tech-help{background:url('${sessionScope.mainSitePath}/images/remote-tech-support.jpg') left top;background-size:cover;border:0;position:relative;height: 340px;overflow: hidden;}
	  .tech-help img{display:none;}
  .tech-help form{
	  width: 100%;
	  height:100%;
	  display:block;
	  float: none;
	  margin: 0 auto;
	  padding: 15% 0 0 0;
	  background: rgba(255,255,255,.9);
	  border:1px solid #eee;
	  position: relative;
	  z-index:1;
  }
  .tech-help form:after{
	  content:"";
	  border:0;
  }
  .knowledgebase h5{
	font-size: 18px;
	  
  }
   .emptyspace30, .separator{height:15px;}
	
}
@media (max-width: 768px) {
	
	img {
        max-width: 100% !important;
        height: auto !important;
    }
	iframe {
		width: 100%;
	}
 
				
}