html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}
.relative {
		position:relative;
}
.f-30 {
		font-size:30px;
}
.f-20{
		font-size:20px;
}
.f-14 {
		font-size:14px;
}
.ml-5{
		margin-left:5px;
}
.p-10 {
		padding:10px;
}
.pt-20{
		padding-top:20px;
}
.pl-2{
		padding-left:2px;
}
.color-white {
		color:#fff;
}
.main-img{
		background-image:url("images/mainsplash.jpg?1=1");
		background-repeat:no-repeat;
		background-position-x:right;
		height:200px;
		width:100%;
		margin-left:auto;
		margin-right:auto;
		padding:15px;
		position:relative;
		border-radius:5px;
		margin-top:-60px;
		z-index:-1;
		margin-bottom:30px;
}
.title{
		display:inline-block;
		margin-left:-40px;
}
.title-1{
		font-weight:bold;
		text-transform:uppercase;
		font-size:22px;
		display:inline-block;
}
.title-2{
		font-size:30px;
		display:inline-block;
		padding-left:5px;
		color:#777;
}
.tnav {
		display:inline-block;
		cursor:pointer;
		border-bottom:solid 2px transparent;
		padding-right:8px;
		padding-left:8px;
}
.iblock {
		display:inline-block;
}
.tnav:hover {
		border-bottom:solid 2px #307db6;
}
.subtitle{
		font-weight:bold;
		color:#307db6;
		font-size:25px;
		padding-left:55px;
		margin-top:80px;
		
}
.subtitle2{
		font-size:18px;
		color:#307db6;
		padding-left:55px;
		margin-top:10px;
}
.mtm-20{
		margin-top:-20px;
}
.mt-10{
		margin-top:10px;
}
.mt-30{
		margin-top:30px;
}
.page-section{
		padding-top:30px;
}
.page-section table {
		width:100%;
}
.page-section table td {
		text-align:center;
}
.st-sub{
		padding:30px;
		padding-top:0px;
		padding-bottom:10px;
		height:75px;
		border-radius:5px;
		margin-top:10px;
		font-style:italic;
		width:250px;
		margin-left:auto;
		margin-right:auto;
}
.st-ico{
		font-size:45px;
		color:#307db6;
}
.info-gray{
		border-radius:5px;
		text-align:center;
		color: #1a1d21;
  font-weight: lighter;
  font-size: 1.5rem;
  line-height: 2.3rem;
		margin-top:60px;
		background:rgba(30,144,255,.04);
		border:solid 1px rgba(30,144,255,.2);
		padding-bottom:30px;
		width:1150px;
		margin-left:auto;
		margin-right:auto;
}
.f-35{
		font-size:35px;
}
.get-started{
		text-align:center;
		color: #1a1d21;
  font-weight: lighter;
  font-size: 1.5rem;
  line-height: 2.3rem;
		padding-bottom:20px;
}
.bottom-line{
		font-size:35px;
		color:#307db6;
}
.bar{
		display: block;
  margin: 1.5rem auto 0;
  background-color: #307db6;
  height: 3px;
  width: 300px;
}
.btn-div{
		margin-top:20px !important;
		text-align:center;
}
.btn-main{
		padding-bottom:6px;
		padding-left:20px;
		padding-right:20px;
		border-radius:5px;
		border:solid 1px #eee;
		background:#307db6;
		color:#fff !important;
		cursor:pointer;
		text-decoration:none;
		color:#555;
}
.pdivd {
		display:none;
		position:absolute;
		top:23px;
		right:-20px;
		background:#fff;
		border:solid 1px #ccc;
		z-index:100;
		padding:8px;
		padding-top:0;
		border-radius:5px;
		white-space:nowrap;
}
.pdivd:hover {
		background:#fff;
}
.thov:hover > .pdivd {
		display:block;
}
.menu-ul {
		padding:0;
		margin:0;
		color:#555;
		list-style:none;
}
.menu-ul li {
		padding-left:25px;
		padding-right:25px;
		font-size:12px;
		text-align:center;
}
.li-lnk {
		cursor:pointer;
		border-radius:5px;
}
.li-lnk:hover {
		background:rgba(0,0,255,.05);
}
.info-hdr{
		color: #1a1d21;
  font-weight: lighter;
  font-size: 1.5rem;
  line-height: 2.3rem;
		margin-top:30px;
		display:inline-block;
}
.bdr-bottom {
		padding-bottom:5px;
		border-bottom:solid 1px #ddd;
		background:#555;
}
.border-1{
		border:solid 1px #ccc;
		border-radius:5px;
}
.main{
		padding-bottom:40px;		
}
.mt-40{
		margin-top:40px;
}
.div-adjust{
		padding-left:95px;
}
.li-title {
		cursor:default !important;
		border-bottom:solid 1px #ddd;
		text-align:center;
		font-weight:bold;
		margin-top:7px;
		padding-bottom:3px;
		margin-bottom:7px;
}
.footer{
		margin-left:95px;
}
.f-ul {
		padding:0;
		margin:0;
		color:#555;
		list-style:circle;
		margin-left:15px;
}
.f-ul li {
		padding-left:2px
}
.demo-box{
		margin-top:20px;
		border:solid 1px #ddd;
		border-radius:5px;
		width:400px;
		margin-left:auto;
		margin-right:auto;
		padding:15px;
}
.demo-info{
		font-size:15px;
		text-align:center;
}
.ilabel{
		font-size:14px;
		color:#777;
		margin-bottom:4px;
		text-align:left;
		padding-left:8px;
}
.iinput {
		color:#555;
  font-size: 15px;
  margin: 0;
  border: none;
  padding:6px;
		border:solid 1px rgba(81, 203, 238,.3);
		background:rgba(81, 203, 238, .05) !important;
		outline:none;
		border-radius:5px;
		resize:vertical;
		width:100%;
}
.iinput:focus{
		box-shadow: 0px 0px 8px 0px rgba(81, 203, 238,.4);
		-webkit-box-shadow: 0px 0px 8px 0px rgba(81, 203, 238,.4);
		-moz-box-shadow: 0px 0px 8px 0px rgba(81, 203, 238,.4);
}
.iinput:hover{
		border:solid 1px rgba(81, 203, 238,.7);
}
.renew-phdr{
		background:#555;
		color:#fff;
		padding:10px;
		padding-left:20px;
		padding-right:20px;
		text-align:center;
}
.renew-price{
		font-weight:bold;
		font-size:30px;
		text-align:center;
		padding-top:20px;
		padding-bottom:20px;
		color:#555;
}
.renew-pdiv{
		padding:15px;
		border:solid 1px #ccc;
		border-radius:5px;
		position:relative;
}
.renew-info{
		color:#999;
		font-size:13px;
		text-align:center;
		padding-bottom:8px;
}
.renew-info2{
		width:300px;
		margin-top:10px;
		font-style:italic;
		color:#555;
		font-size:15px;
}
.renew-pbtn{
		padding:10px;
		background:#337ab7;
		color:#fff !important;
		margin-top:30px;
		padding-left:30px;
		padding-right:30px;
		text-align:center;
		border-radius:5px;
}
.renew-pbtn:hover{
		background:#555;
}
.renew-picon{
		color:#0bbb0d;
		font-size:24px;
}
.renew-saving{
		position:absolute;
		left:300px;
		top:10px;
		background:#4cff00;
		padding:10px;
		border:solid 1px rgba(0,255,0,.2);
		border-radius:5px;
		width:140px;
		font-size:12px;
		text-align:center;
}
.pl-30{
		padding-left:30px;
}
.pdiv{
		margin-top:40px;
		margin-left:95px;
}
.left{
		text-align:left;
}
.c-555{
		color:#555;
}
.renew-pbtn{
		text-decoration:none;
}
.hdr-tr {
		background:#307db6;
		color:#fff;
}
.subtext {
		font-size:18px;
		text-transform:uppercase;
		padding-left:2px;
		margin-top:5px;
		letter-spacing:1px;
		font-style:italic;
}
#vidtest {
position: absolute;
top: 240px;
right: 120px;
width: 500px;
height: 300px;
z-index: 1000;
border-radius:5px;
}