@font-face {
	font-family: Futura-Light; 
	src: url('/fonts/futura-light.ttf');}
@font-face {
	font-family: Futura-Medium; 
	src: url('/fonts/futura-medium.ttf');}
@font-face {
	font-family: Flute; 
	src: url('/fonts/flute.otf');}
@font-face {
	font-family: Arial Black; 
	src: url('/fonts/arial-black.ttf');}
@font-face {
	font-family: Denmark; 
	src: url('/fonts/denmark.ttf');}

body, p {
	font-family: Proxima Nova, sans-serif;
}

a { color: #5F5D5D; }

a:visited {  }

a:hover { color: #29bdfd; }

.companies{
	color: #D46B2F;
	font-family: Futura;
	font-size: 17px;
	line-height: 90%;
}	
	
.logogreen{
	color: #5F8C3D;
	font-weight: bold;
	font-family: Proxima Nova Soft, sans-serif;
}

.logodark{
	color: #183932;
	font-size: 13px;
	font-family: Proxima Nova Soft, sans-serif;
}

.subhead{
	color: #555;
	font-family: Proxima Nova, sans-serif;
	font-size: 18px;
	line-height: 100%;
}	


/* HEADER */
.logocomparewrap {
	border: 0px;
	background: #fff; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#fff, #ececec); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#fff, #ececec); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#fff, #ececec); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#fff, #ececec); /* Standard syntax */
	padding: 0px;}
.logocomp {
	width: 260px;
	margin: auto;}

/* OLD HEADER */
.headerxwrap {
	padding: 18px;
	height: 90px;}
#headerx { 
	margin: auto; 
	max-width: 940px;}
img.logox { 
	display: block;
	margin: 0px auto 0px 10px;
	width: 95%; 
	max-width:300px;}
	/* OLD MENU ENDS */
	
/* OLD HEADER SLOGAN */
/*.sloganx {
	font-family: sans-serif;
	font-size: 12px;
	max-width: 940px;
	margin: -40px auto 10px;
	padding: 0 10px 0 78px;
	color: #888888;}
.sloganxs {
	font-family: sans-serif;
	font-size: 8px;
	max-width: 540px;
	margin: -46px auto 10px;
	padding: 0 0 0 168px;
	color: #888888;}*/

/* OLD MENU */
.menuxwrap {
	margin: 10px auto 0;
	background-image: url('/images/new/menubg.jpg');
	height: 45px;}
.menubuttonx {
	width: 254px;
	height: 45px;
	float: left;
	display: flex;
  	align-items: center;
  	justify-content: center;
	border-left-style: solid;
	border-right-style: solid;
	border-width: 1px;
	border-left-color: #cacaca;
	border-right-color: #f4f4f4;
	font-size: 16px;
	color: #565656;
	font-family:Proxima Nova, sans-serif;
	letter-spacing: 1px;}
.menubuttonx a { color: #565656;}

/* MENU BOOTSTRAP DROPDOWN */
.navwrap {
	border: 0px;
	background: #fff;
    background: -webkit-linear-gradient(#fff, #A5E4FF);
    background: -o-linear-gradient(#fff, #A5E4FF);
    background: -moz-linear-gradient(#fff, #A5E4FF);
    background: #E3E3E3	;}
.navbar {
	border: 0px;
	background: #fff; 
    background: -webkit-linear-gradient(#fff, #A5E4FF);
    background: -o-linear-gradient(#fff, #A5E4FF);
    background: -moz-linear-gradient(#fff, #A5E4FF);
    background: #E3E3E3	;}
.navbar-default .navbar-nav > li > a {
	margin: auto;
	width: 232px;
	color:  #565656;
	font-size: 16px;
	color:  #565656;
	font-family:Proxima Nova, sans-serif;
	letter-spacing: 1px;
	align: right;
	text-align: center;}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
	width: 232px;
	color: #565656;
	font-size: 16px;
	color: #565656;
	font-family:Proxima Nova, sans-serif;
	letter-spacing: 1px;
	text-align: center;}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
	width: 232px;
	color: #565656;
	font-size: 16px;
	color: #565656;
	font-family:Proxima Nova, sans-serif;
	letter-spacing: 1px;
	text-align: center;
    }
.dropdown-menu {
	font-size: 16px;
	text-align: left;
	min-width: 232px;
	font-family:Proxima Nova, sans-serif;
	border-width: 0px;
	color: #000;}
.navbar-default .navbar-nav .open .dropdown-menu > li > a {color: #000;}

.dividermenu {
	width: 0px;
	height: 50px; 
	border-radius: 0px;
	border-left-width: 1px;
	border-right-width: 1px;
	border-top-width: 0px;
	border-bottom-width: 0px;
	border-style: solid;
	border-left-color:#fff;
	border-right-color: #fff; 
	float: left;}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
    color: #29BDFD;
    background-color: #fff;
	border: 0px;
	background: #fff;
    background: -webkit-linear-gradient(#fff, #fff);
    background: -o-linear-gradient(#fff, #fff);
    background: -moz-linear-gradient(#fff, #fff);
    background: linear-gradient(#fff, #fff);}


/* COLUMN 1 */
.sellingslogan {
	font-family: Flute;
	font-size: 39px;
	text-align: center;
	color: #0B557C;}

.homequotex {
	max-width: 500px;
	padding: 0px 15px;
	margin: auto;
	font: Proxima Nova, sans-serif;
	font-size: 18px;
	text-align: center;
	line-height: 26px;}

.homesubquotex {
	max-width: 500px;
	padding: 0px 15px;
	margin: auto;
	text-align: right;
	font: Proxima Nova, sans-serif;
	font-size: 10px;
	color: #BEBEBE;}

/* FOOTER MENU */
.footermenuwrap {
	background-color: #29BDFD;
	padding: 40px 0;
	margin: 20px 0 0 0;}
.footermenublock {
	margin: auto;
	width: 300px;
	font-size: 12px,
	}

img.footerbuttonsvg {
    display: block;
	max-width: 130px;
    margin: auto;}

.footercircle {
	width: 200px;
	height: 200px;
	background-color: #fff;
	border-radius: 100px;
	display: table-cell;
    vertical-align: middle;
	position: relative;}

.footermenux {
	margin: 20px auto 20px;
	width: 300px;
	font-size: 12px;
	background-color: #29BDFD
	
}

.copyrightline {
	color: #0B557C;
	font-family: Futura-Light;
	font-size: 12px;
	letter-spacing: 0.8px;
	margin-bottom: 30px;
}

.footermenux ul li {
	color: #fff;
	font-size: 14px;
	list-style-type:none;
}

/* BOTTOM AREA */

.bottomx {
	background-color: #29BDFD;
	padding: 20px;}

.bottomxa {
	width: 300px;
	background-color: #fff;
	color: #f26422;
	border-radius: 10px;
	border-width: 2px;
	border-style: solid;
	border-color: #f26422;
	margin: 15px auto;
	padding: 8px;
	text-align: center;
	font-size: 16px;
	line-height: 18px;}

.bottomxb {
	width: 300px;
	background-color: #fff;
	color: #474747;
	border-radius: 10px;
	border-width: 2px;
	border-style: solid;
	border-color: #474747;
	margin: 15px auto;
	padding: 8px;
	text-align: center;
	font-size: 16px;
	line-height: 18px;}

.bottomxwhite {
	width: 300px;
	height: 300px;
	background-color: #fff;
	border-radius: 10px;
	margin: auto;
	padding: 8px;}

.bottomxline {
	width: 1px;
	height: 390px;
	display: block;
	background-color: #fff;
	margin: 15px auto;}

/* ============= CONTENT =============== */

.toptracdemobanner {
	background-color: #337ab7;
	padding: 10px 10px;
	margin: -20px 0 20px 0;
	text-align: center;
	color: #fff;
	}
	
.topnetsheetdemobanner {
	background-color: #006837;
	padding: 10px 10px;
	margin: -20px 0 20px 0;
	text-align: center;
	color: #fff;
	}
	
.contentwrap {
	max-width: 992px; 
	margin: 0px auto 20px;
	padding: 0px 40px 40px 40px;
	border-style: solid;
	border-width: 0px;
	border-radius: 10px;
	border-color: #5f7c4b;}

h1 {
	color: #29BDFD;
	font-family: Proxima Nova, sans-serif;
	font-size: 32px;
	margin: 0px auto 10px auto;
}
h2 {
	color: #5F5D5D;
	font-family: Proxima Nova, sans-serif;
	font-size: 24px;
	margin: 0px auto 10px auto;
}
h3 {
	color: #FFF;
	font-family:Proxima Nova, sans-serif;
	font-weight: bold;
	font-size: 17px;
	margin: 0px auto 10px auto;
}

h4 {
	color: #840909;
	font-family: Proxima Nova, sans-serif;
	font-size: 20px;
	margin: 0px auto 10px auto;
}
img.appleimg {max-width: 250px;}

.notes {
	color: #29BDFD;
	font-family: Arial;
	font-size: 10px;
	margin: 0px auto 10px auto;
}

.lock_sixteen {
	text-align: center;
	margin: 10px 0 20px 0; 
	font-family: Futura-Medium;
	font-size: 30px;
	color: #1F5914;
	letter-spacing: 1px;
	line-height: 30px;}

	
	/* CONTACT US */

.form-control {
    display: block;
    width: 100%;
    height: 54px;
    padding: 6px 12px;
    font-size: 20px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #29BDFD;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

textarea.form-control {
    height: 200px;
}

.sendbutton {
    display: block;
	margin: 0 15px 40px auto;
    width: 100px;
    height: 45px;
    padding: 6px 12px;
    font-size: 20px;
    line-height: 1.42857143;
    color: #fff;
	font-family: Proxima Nova, sans-serif;
	letter-spacing: 2px;
    background-color: #29BDFD;
    background-image: none;
    border: 0px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}


.h_iframe        {position:relative;}
.h_iframe .ratio {display:block;width:100%; height:2000px}
.h_iframe iframe {position:absolute;top:0;left:0;width:100%; height:100%;}

.test {
  position: relative;
  height: 0;
  overflow: hidden;
}
 
/* 16x9 Aspect Ratio */
.intrinsic-container-16x9 {
  padding-bottom: 56.25%;
}
 
/* 4x3 Aspect Ratio */
.intrinsic-container-4x3 {
  padding-bottom: 75%;
}
 
.test iframe {
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
}