/*   
Theme Name: TruConnect 2013 Theme
Theme URI: 
Description:
Author: Ivie &amp; Associates Inc | A Marketing Company
Author URI: www.ivieinc.com
Version: 1
*/

*, a, a:hover, a:active, a:focus { outline:none;outline: 0; color:black;}

@font-face {
	font-family: 'truconnect';
	src:url('fonts/truconnect.eot');
	src:url('fonts/truconnect.eot?#iefix') format('embedded-opentype'),
	url('fonts/truconnect.woff') format('woff'),
	url('fonts/truconnect.ttf') format('truetype'),
	url('fonts/truconnect.svg#truconnect') format('svg');
	font-weight: normal;
	font-style: normal;
}


*::selection {
	color:#fff;
	background: #1899de;
	text-shadow:none;
}
*::-moz-selection {
	color:#fff;
	background: #1899de;
	text-shadow:none;
}

body {
	line-height: 1;
	font-weight:normal;
	font-size:16px;
	font-family:helvetica neue, helvetica, Arial, sans-serif;
}


h1 {
	color:#3c3533;
	font-size:48px;
	line-height:48px;
	font-weight:normal;
	text-shadow: 0px 1px 1px #fff;
	padding:0;
	margin: 0 0 10px 0;
	font-family: 'Raleway', sans-serif;
}

h2 {
	color:#3c3533;
	font-size:35px;
	line-height:36px;
	font-weight:normal;
	text-shadow: 0px 1px 1px #fff;
	padding:0;
	margin: 0 0 10px 0;
	font-family: 'Raleway', sans-serif;
}

h3 {
	color:#3c3533;
	font-size:26px;
	line-height:26px;
	font-weight:normal;
	text-shadow: 0px 1px 1px #fff;
	padding:0;
	margin: 0 0 10px 0;
	font-family: 'Raleway', sans-serif;
}

h4 {
	color:#3c3533;
	font-size:18px;
	line-height:22px;
	font-weight:bold;
	text-shadow: 0px 1px 1px #fff;
	font-family: 'Raleway', sans-serif;
}

h5 {
	color:#000;
	font-size:14px;
	line-height:22px;
	font-weight:normal;
	text-shadow: 0px 1px 1px #fff;
	font-family: 'Raleway', sans-serif;
}

h6 {
	color:#000;
	font-size:14px;
	line-height:22px;
	font-weight:bold;
	text-shadow: 0px 1px 1px #fff;
	font-family: 'Raleway', sans-serif;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {}

p {
	color:#3c3533;
	font-size:16px;
	line-height:26px;
	margin: 0 0 20px 0;
}

a {
	color:#169adf;
	text-decoration:none;
}

a:hover {

}

a img {
	border: none;
}

ul, ol {
	margin: 0 0 15px 0;
	padding:0 0 0 20px;
}

li {
	 font-size: 16px;
         line-height: 24px;
}

hr {
	background: none repeat scroll 0 0 #CCCCCC;
	border: medium none;
	color: #CCCCCC;
	font-size: 1px;
	height: 1px;
	line-height: 1px;
	margin: 20px 0;
	padding: 0;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
table th {  }

table td {  }



/* Layout
--------------------------------------------------------------------------------- */
#iv-wrap {

}
.navbar-default {
	 background-color: #FFFFFF;
    border-color: rgba(0, 0, 0, 0.35);
    
    min-height: 75px;
}
.logo-IOTG{
text-align:center;
}

#logo {
	float: left;
	font-size: 18px;
	line-height: 20px;
	width:156px;
}
#logo img { 
	width:270px;	
}

body.page-template-homepage-php,
body.page-template-homespanish-php {
	padding:0;
}

/* Navigation
--------------------------------------------------------------------------------- */
.nav {

}
.nav li a {
	font-size: 16px;
    line-height: 45px;
    font-family: helvetica, sans-serif;
}

.navbar-default .iv-nav a {
	color:#0ba5eb!important;
	font-size:12px;
}

.navbar-default .iv-nav-social {
	padding: 0 0 0 20px;
}
.navbar-default .iv-nav-social li a {
	padding:9px 9px 5px 10px;
	background:#8dc343;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	border-radius:20px;
	text-align:center;
	margin: 10px 0 10px 6px;
	color:#fff;
	border: 1px solid #ffffff;
}
.navbar-default .iv-nav-social li a:hover {
	color:#fff;
	background:#5c5e61;
}
.navbar-default li.nav-phone  {
	font-size:16px;
	font-family: Arial, Helvetica, sans-serif;    
	-moz-border-radius:0;
	-webkit-border-radius:0;
	border-radius:0;
	background:none;
	color: #7fc000; 
        line-height: 45px;   
	border:none;
	font-weight:bold;
	/*margin: 10px 0 10px 6px;*/
	padding: 15px 9px 5px 10px;
	text-align: center;
}
.navbar-default li.nav-phone a:hover {
	color:#777777;
	background:none;
}



/* Content
--------------------------------------------------------------------------------- */
.iv-wrap {
	position:relative;
}
.iv-container {
	clear:both;
	padding: 20px 0 20px 0;
}
.iv-bg-white {
	background:#ffffff;
}
.iv-bg-grey {
	background:#f2f2f2;
}
.iv-bg-green {
	background:#8dc343;
}
.iv-bg-green p{
	color:#ffffff;
}
.iv-bg-green h2{
	color:#ffffff;
	text-shadow: none;
}
.iv-bg-green h3{
	color:#ffffff;
	text-shadow: none;
}	
.iv-bg-orange {
	background:#ff9400;
}
.iv-bg-orange p{
	color:#ffffff;
}
.iv-bg-orange h2{
	color:#ffffff;
	text-shadow: none;
}	
.iv-bg-greydark {
	background:#e2e2e2;
}

#icon-scroll {
	font-size:0.688em;
	color:#3c3533;
	font-weight:bold;
	background: url(images/arrow-down-light.png) center bottom no-repeat;
	padding:15px 0 25px 0;
	display:block;
}
#icon-scroll:hover { text-decoration:none;}
#cta-wrap {
	position:absolute;
	z-index:10;
	width:100%;
}
#cta-wrap .container { position:relative;}
#cta-product {
	font-size:1.000em;
	line-height:1.375em;
	position:absolute;
	top:-5000px;
	left:-5000px;
	background: url(images/bg_opacity70.png);
	-webkit-border-bottom-right-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-moz-border-radius-bottomright: 6px;
	-moz-border-radius-bottomleft: 6px;
	border-radius: 6px;
	padding:10px 20px;
	width:300px;
}
#cta-product p { margin:0;}

.iv-one {
	background: url(images/num_1.png) 0 0 no-repeat;
	padding: 0 0 0 70px;
}
.iv-two {
	background: url(images/num_2.png) 0 0 no-repeat;
	padding: 0 0 0 70px;
}
.iv-three {
	background: url(images/num_3.png) 0 0 no-repeat;
	padding: 0 0 0 70px;
}
#howtosignup .container .img-responsive { margin-top:-60px; vertical-align:bottom;}


.entry { margin: 0 0 20px 0;}
.meta { padding: 0 0 10px 0;}

.category-press-releases .entry h2 {
	color:#3c3533;
	font-size:26px;
	line-height:28px;
	font-weight:normal;
	text-shadow: 0px 1px 1px #fff;
	padding:0;
	margin: 0 0 10px 0;
	font-family: 'Raleway', sans-serif;
}


.form-language { margin:0 0 0 10px;}
.form-language label {
	font-size:10px;
	line-height:20px;
	color:#333;
	display:block;
	margin:0;
	text-align:right;
}
.form-language select {
	font: 12px/15px Arial, Helvetica, sans-serif;
}


/* Sidebar
--------------------------------------------------------------------------------- */

#sidebar {

}
#sidebar ul {
	padding: 10px 0 20px 20px;
}


/* Footer
--------------------------------------------------------------------------------- */

footer {

}
footer ul { list-style:none; margin:0 0 20px 0; padding:0;}
footer a {
	font-size:14px;
}
footer .small-text { color:#828282;}
footer .text-blue { color:#169adf;}

.subfooter {
	background:#d0d0d0;
	padding: 30px 0 20px 0;
}

.footer_social li {
	line-height:40px;
	clear:both;
	display:block;
	overflow:hidden;
	margin: 0 0 10px 0;
}
.footer_social li a {
	line-height:38px;
	display:block;
}
.footer_social li a:hover {
	text-decoration:none;
}
.footer_social span.icon-facebook,
.footer_social span.icon-linkedin,
.footer_social span.icon-twitter,
.footer_social span.icon-share {
	font-size:18px;
	color:#fff;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	border-radius:20px;
	background:#8dc343;
	padding: 10px;
	vertical-align:middle;
	float:left;
	margin: 0 10px 0 0;
	border: 1px solid #ffffff;
}


/* 4G Upgrade
--------------------------------------------------------------------------------- */

.fourg-upgrade-header {
	background: url("https://www.internet-go.com/wp-content/uploads/2015/02/bkg-4g-upgrade-header.jpg") no-repeat left bottom;
	min-height: 560px;
	padding-top: 20px;
}
	.fourg-upgrade-header h2 { text-align: right; }
	.fourg-upgrade-header-content {
		float: right;
		max-width: 800px;
		width: 60%;
		margin: 60px 0;
	}
		.fourg-upgrade-header-content .content-left {
			background: url("https://www.internet-go.com/wp-content/uploads/2015/02/img-mifi-149.png") no-repeat left top;
			background-size: contain;
			float: left;
			height: 293px;
			width: 50%;
			max-width: 400px;
		}
		.fourg-upgrade-header-content .content-right {
			float: left;
			width: 50%;
			padding: 0 0 0 20px;
		}
.fourg-upgrade-body {
	background: #ff9400;
	padding: 80px 0;
}
	.fourg-upgrade-body .content-left {
		float: left;
		width: 70%;
		padding-left: 120px
	}
	.fourg-upgrade-body .content-right {
		float: left;
		width: 30%;
		padding: 0 0 0 20px;
	}

.fourg-upgrade-header .btn-primary, .fourg-upgrade-body .btn-primary { min-width: 185px; }



/*Never Expires
--------------------------------------------------------------------------------- */

.never-expires-content {
	background: url("https://www.internet-go.com/wp-content/uploads/2015/02/bkg-never-expires.jpg") no-repeat center center;
	border-bottom: 100px solid #8bbf3f;
}
	.never-expires-content .inner-content {
		padding: 0 6%;
	}
		.never-expires-content .inner-content img {
			margin: 5px;
		}
	.never-expires-content .content-left {
		float: left;
		width: 33%;
		height: 446px;
		background: url("https://www.internet-go.com/wp-content/uploads/2015/02/img-never-expires-couple.jpg") no-repeat center top;
		background-size: contain;
	}
	.never-expires-content .content-right {
		margin: 0 0 0 35%;
	}
		.never-expires-content .content-right .btn-primary {
			float: right;
			margin: 24px
		}
		.never-expires-content .content-right strong,
		.never-expires-content .content-right sup {
			color: #8bbf3f;
		}


/* Miscellaneous
--------------------------------------------------------------------------------- */

.left 		{ float: left; }
.right 		{ float: right; }
.alignleft	{ float: left; margin: 0 20px 20px 0; }
.alignright	{ float: right; margin: 0 0 20px 20px; }
.aligncenter { display: block; margin: 0 auto;}
.text-blue { color:#169adf;}
.small-text{
	font-size:10px;
	font-weight:bold;
	line-height:14px;
}
.tag {
	display:inline;
	color:#169adf;
	font-size:1.500em;
}

/* Use the following CSS code if you want to have a class per icon */
/*
Instead of a list of all class selectors,
you can use the generic selector below, but it's slower:
[class*="icon-"] {
	*/
	.icon-facebook, .icon-twitter, .icon-google-plus, .icon-share, .icon-arrow-right, .icon-linkedin, .icon-envelop {
		font-family: 'truconnect';
		speak: none;
		font-style: normal;
		font-weight: normal;
		font-variant: normal;
		text-transform: none;
		line-height: 1;
		-webkit-font-smoothing: antialiased;
	}
	.icon-facebook:before {
		content: "\21";
	}
	.icon-twitter:before {
		content: "\22";
	}
	.icon-google-plus:before {
		content: "\23";
	}
	.icon-share:before {
		content: "\24";
	}
	.icon-arrow-right:before {
		content: "\25";
	}
	.icon-linkedin:before {
		content: "\26";
	}
	.icon-envelop:before {
		content: "\27";
	}

	/* Overwrite Bootstrap*/
	.glyphicon-circle-arrow-right {
		color:#005171;
		text-shadow: 0 1px 1px #359ada;
		vertical-align:top;
	}
	.btn-lg .glyphicon-circle-arrow-right { }


.swiper-slide .img-responsive { left:0; }
/* Custom Media Queries
--------------------------------------------------------------------------------- */
@media(max-width:1200px) {
	.swiper-slide .img-responsive { left:0; }
	.swiper-slide h1 { padding: 40px 0 0 0; font-size:34px; line-height:30px;}
	.swiper-slide p { }

	#cta-product {
		left:-5000px;
		top:-5000px;
	}

}
@media(min-width:1200px) {
	.swiper-slide .img-responsive { left:0; }
}
@media(max-width:992px) {
	body {
		padding-top: 140px;	
	}
	#cta-product {
		top:-5000px;	
		left:-5000px;
	}
	.swiper-slide h1 { padding: 20px 0 0 0; font-size:30px;}
	.swiper-slide p { font-size:14px; line-height:22px;}


	h3 {font-size: 28px; line-height: 24px;}
	p { font-size:14px; line-height:20px;}
	.iv-one {
		background-size: 40px;
		padding: 0 0 0 50px;
	}
	.iv-two {
		background-size: 40px;
		padding: 0 0 0 50px;
	}
	.iv-three {
		background-size: 40px;
		padding: 0 0 0 50px;
	}
	#howtosignup .container .img-responsive { margin-top:0px; vertical-align:bottom;}



	.fourg-upgrade-header { padding-top: 0; }
	.fourg-upgrade-header-content {  }
	.fourg-upgrade-header-content .content-left,
	.fourg-upgrade-header-content .content-right { float: right; width: 70%; }
	.fourg-upgrade-body { padding: 40px; }
	.fourg-upgrade-body .content-right,
	.fourg-upgrade-body .content-left { padding: 0; }



	.never-expires-content .content-left,
	.never-expires-content .content-right {float:none; width:100%; margin: 0;}
	.never-expires-content .content-right img {height:auto; max-width: 100%;}
	.never-expires-content .content-left {margin-bottom: 20px;}

}
@media(min-width:992px) {

}
@media(max-width:767px) {
	body {
		padding-top: 80px;	
	}
	/* Home page */
	.swiper-slide h1 { padding: 0; font-size:20px;text-shadow:1px 1px 2px #222; margin-bottom:0px;}
	.swiper-slide p { font-size:14px; line-height:22px;text-shadow:1px 1px 2px #222;}

	/* Navigation*/
	.navbar-default .iv-nav-social li a {
		margin:10px 0 0 0;	
		padding:10px 0 10px 0;
		-moz-border-radius:0;
		-webkit-border-radius:0;
		border-radius:0;
		font-size:18px;
	}
	.navbar-default .iv-nav-social {
		padding:0;	
	}

	#cta-product {
		top:-5000px;
		left:-5000px;
		width:100%;
		-webkit-border-bottom-right-radius: 6px;
		-webkit-border-bottom-left-radius: 6px;
		-moz-border-radius-bottomright: 6px;
		-moz-border-radius-bottomleft: 6px;
		-webkit-border-top-right-radius: 0px;
		-webkit-border-top-left-radius: 0px;
		-moz-border-radius-topright: 0px;
		-moz-border-radius-topleft: 0px;
		border-top-left-radius: 0px;
		border-top-right-radius: 0px;	
		border-bottom-left-radius: 6px;
		border-bottom-right-radius: 6px;
	}

	.navbar-default {
		background:#FFFFFF;	
	}
	.form-language,
	.form-language label {
		text-align:center;	
	}

	.footer_social {
		text-align: center;
		margin: auto;
	}

	.footer_social li {
		display: inline-block;
	}

	.fourg-upgrade-header {
		background: url("https://www.internet-go.com/wp-content/uploads/2015/02/bkg-4g-upgrade-header.jpg") no-repeat left bottom;
	}

}
@media(min-width:768px) {
	.iv-row-even .col-sm-2 {
		width:30%;
	}
}
@media(max-width:550px) {
	.fourg-upgrade-header { background: none; }
	.fourg-upgrade-header-content { width: 100%; }
	.fourg-upgrade-header-content .content-left { background-position: center top; float: none; width: 100%; margin: 0 auto 40px; }
	.fourg-upgrade-header-content .content-right { float: none; width: 100%; padding: 0; }
	.fourg-upgrade-body .content-left,
	.fourg-upgrade-body .content-right { float: none; width: 100%; }
	.fourg-upgrade-header .btn-primary,
	.fourg-upgrade-body .btn-primary { width: 100% }
}


/*FOOTER*/
.theFooter a:hover {
	text-decoration:none;
	color: black;
}
.theFooter p{
	color:#ffffff;
}
.theFooter h2{
	color:#000000;
	text-shadow: 0px 1px 1px #fff;
}
.theFooter h4{
	color:#000000;
	text-shadow: 0px 1px 1px #fff;
}
.theFooter a{
	/*color:#ffff99;*/
	color:#ffffff;
	font-size: 10px !important;
	text-shadow: none;
}	

.subfooter {
	/* background: url(images/bg_opacity90.png); */
	background: url('images/footer/subfooter_bg.png');
}

.theFooter{
	/* background-image:url('images/footerimage.jpg'); */
	background-image: url('images/footer/footer_bg.jpg');
	background-size: cover;
	background-position: top center;
	background-repeat: no-repeat;
	background-color: #ff9400;
}

/*BUTTONS*/

.btn-primary, .btn-buy-now {
	color: #ffffff;
	background-color: #8dc343;
	border-color: #8dc343;
}

.navbar-default .navbar-nav > li > a {
	color: #5b5b5b;
}

.navbar-default .navbar-nav > li > a:hover {
	/* color: #ffdb4c; */
	color: black;
}

/*SLIDER*/

.specialfont{
	font-family: 'Sintony', sans-serif;
}

/*NAVABAR BG*/

.navbar{
	/* background-image:url('images/wavy-header.png');*/
	background-position:center; 
}

.subnavcontainer ul { 
	list-style-type: none; 
	background-color:#8dc343;
	margin:0;
}

.subnavbar{

	float:right;
	clear:both;
	padding:2px;
}

.subnav li{
	display:inline;
}
.subnav li a {
	font-size:14px;
	line-height:18px;
	font-family: 'Raleway', sans-serif;
	font-weight:bold;
	padding: 10px 10px;
	list-style:none;
	color:#fff;
}

.swiper-slide .swiper-slide-foreground {
  position: relative;
  top: 0;
  left: 0;
  height: 100%;
  max-width: 780px;
}

.swiper-slide .btn-primary {
  width: 140px;
  height: 34px;
  background: url("images/learn-more-btn.png") no-repeat;
  position: absolute;
  bottom: 30%;
  left: 50%;
  margin-left: -70px;
  font-size: 0;
  color: transparent;
  z-index: 999;
}

.swiper-slide .btn-buy-now {
  width: 140px;
  height: 34px;
  background: url("images/buy-now-btn.png") no-repeat;
  position: absolute;
  bottom: 12%;
  left: 50%;
  margin-left: -70px;
  font-size: 0;
  color: transparent;
  z-index: 999;
}

#getdeal {background-color:#F09018;border-color:#F09018;font-weight:bold;font-size:20px;width:100%;}


/* Start- CSS For Home Page Banner text*/
.iotg_home_banner_text {
  top: 10%;position:absolute;
  border-radius: 10px;
  width: 465px;
  padding-left:10px;	
  background: rgba(0, 0, 0, 0.71);
}
.iotg-banner-text {
   margin: 30px;
}
.iotg_home_banner_text h2.take-wifi {
  font-size: 56px;
  color: #FFFFFF;
  line-height: 65px;
}
.iotg_home_banner_text h2.take-wifi-everywhere {
  font-size: 67px;
  margin-top: 10px;
  color: #FFFFFF;
}
.iotg_home_banner_text ul {
  margin-top: 35px;
  margin-left: 10px;
}
.iotg_home_banner_text ul li {
    font-size: 25px;
    line-height: 35px;
    color: #FFFFFF;
}
.iotg_home_banner_text .iotg-banner-start-btn {
    font-size: 25px;
    background: #4ec924;
    padding: 15px 25px;
    border-color: #4ec924;
    margin-top: 15px;
    margin-left: 30px;
    border-radius: 10px;                                                                                                                                              
    color: #FFFFFF;
}
.iotg_home_banner_text .iotg-banner-start-btn:hover {
       background-color: #FF9400 !important;
       border-color: #FF9400 !important;
}
.iotg_home_banner_text .iotg-banner-start-btn strong {
  color: #FFFFFF;
}
.seo div p {
    font-size: 10px;
    color: #cf924e;
    font-family: helvetica neue,helvetica,Arial,sans-serif;
    line-height: 10px;
    /*padding: 0px 15px;*/
}
.seo div {
    font-size: 10px;
    color: #cf924e;
    font-family: helvetica neue,helvetica,Arial,sans-serif;
    padding: 0px 15px;
}
.seo div strong {
	color: #FFFFFF;
}
.seo_text p{
    color:#FFFFFF!important;
}
@media only screen and (min-width:768px) and (max-width: 1024px) {
    .iotg_home_banner_text h2.take-wifi {
        font-size: 30px;
        line-height: 30px;
    }
    .iotg_home_banner_text h2.take-wifi-everywhere {
       font-size: 36px;
    }
    .iotg_home_banner_text ul {
       margin-top: 10px;
    }
    .iotg_home_banner_text {
        top: 5%;
    }
    .iotg_home_banner_text ul li {
        font-size: 20px;
        line-height: 35px;
    }
    .iotg_home_banner_text .iotg-banner-start-btn {
        font-size: 25px;
        margin-top: 0px;
    }
}
@media only screen and (min-width:501px) and (max-width: 750px) {
    .iotg_home_banner_text h2.take-wifi {
        font-size: 28px;
        line-height: 22px;
    }
    .iotg_home_banner_text {
        top: 5%;
    }
    .iotg_home_banner_text ul {
        margin-top: 10px;
    }
    .iotg_home_banner_text ul li {
        font-size: 20px;
        line-height: 28px;
    }
    .iotg_home_banner_text .iotg-banner-start-btn {
        font-size: 25px;
        margin-top: 0px;
        padding: 5px;
    }

}
@media only screen and (max-width: 320px) {
    .navbar-header a img {
        height: 61px !important;
    }
    .iotg-banner-text {
        margin: 0px !important;
    }

    .iotg_home_banner_text ul li {
        font-size: 13px !important;
        line-height: 16px !important;
    }
}
@media only screen and (max-width: 500px) {
    .iotg_home_banner_text h2.take-wifi {
        font-size: 20px;
        line-height: 30px;
    }
    .iotg_home_banner_text {
        top: 5%;   
        width: 90%;
        margin-left: 30px;
    }
    .iotg_home_banner_text ul {
        margin-left: 10px;
        margin-top: -14px;
    }
    .iotg-banner-text {
        margin: 0px 0px 0px 35px;
    }
    .iotg_home_banner_text ul li {
        font-size: 15px;
        line-height: 25px;
    }
    .iotg_home_banner_text .iotg-banner-start-btn {
        font-size: 15px;    
        margin-left: 30px;
        margin-top: -10px;
        padding: 4px;
        margin-bottom: 5px;
    }    
}
/* END- CSS For Home Page Banner text*/

/* Start- CSS for Home Page Forever data text */
    .forever-data-text p {
        font-size: 20px;
        color: #8DC343;
    }
    .forever-data-text p sup {
        color: #8DC343;
     }
    .forever-started-btn {
       background-color: #FF9400;
       border-color: #FF9400;
    }
    .forever-started-btn:focus, .forever-started-btn:active, .forever-started-btn.active{
       background-color: #FF9400;
       border-color: #FF9400;
   }
/* End- CSS for Home Page Forever data text */

/* Start - CSS for Coverage area start with free data */
	.coverage-start-div a.coverage-start-btn {
		background-color: #8DB425 !important;
		border-color:#8DB425 !important;
		font-size: 30px;
		padding: 6px 12px !important;
	}
	@media only screen and (max-width: 1000px) {
		.coverage-start-div a.coverage-start-btn {
			font-size: 23px;
		}
	}
 /* End - CSS for Coverage area start with free data */

/* Start - CSS for How it works page start with free data button */
	.how-it-works-start-div a.how-it-works-start-btn {
		font-size: 30px;
		background-color: #F7841D !important;
		border-color: #F7941D!important;
		margin-bottom: 30px;
		padding: 15px;
	}
	@media only screen and (max-width: 500px) {
		.how-it-works-start-div a.how-it-works-start-btn {
			font-size: 22px;
		}
	}

/* Start - CSS for How it works page start with free data button */


/* Start - CSS for How it works page */
@font-face {
    font-family: 'Avenir';
    font-style: normal;
    font-weight: normal;
    src: local('Avenir Next LT Pro Regular'), url('fonts/AvenirNextLTPro-Regular.woff') format('woff');
}
@font-face {
    font-family: 'AvenirLTStd-Light';
    font-style: normal;
    font-weight: normal;
    src: local('Avenir Next LT Pro Regular'), url('fonts/AvenirLTStd-Light.woff') format('woff');
}
@font-face {
    font-family: 'AvenirLTStd-Medium';
    font-style: normal;
    font-weight: normal;
    src: local('AvenirLTStd-Medium'), url('fonts/AvenirLTStd-Medium.woff') format('woff');
}
.how_it_works_header {
    text-transform: none;
    color: #71B11F;
    font-size: 35px;
    font-family: "AvenirLTStd-Medium";
}
.steps_desc {
    font-size: 18px !important;
    color: #3f3f3f !Important;
    font-family: "Avenir" !important;
    line-height: 1.5 !important;
}
.how_it_works_btn {
    padding: 10px 40px !Important;
    background: #FF771F !Important;
    margin-top: 30px !Important;
    font-size: 17px !Important;
    font-family: "Avenir" !important;
}
.simple_steps_header {
    font-style: normal !important;
    color: #FFFFFF !important;
    font-size: 20px !important;
    font-family: "Avenir" !important;
    margin: 0px !important;
    line-height: 0px !important;
}
.step1_img img,.step2_img img, .step3_img img {
    margin: 0 auto;
    display: block;
}
.arrow_img {
    position: relative;
    height: 250px;
    width: 12.333333%
}
.arrow_img a{
    width: 75%;
    text-align: center;
    position: absolute;
    bottom: 0px;
}
.img_setps_desc {
    padding-left: 30px;
}
.img_setps_desc h4 {
    color: #71B11F !important;
    font-family: "AvenirLTStd-Medium" !important;
    font-size: 21px !important;
    margin-bottom: 0px !important;
    text-transform: none !important;
}
.img_setps_desc p {
    font-style: normal !important;
    font-size: 18px !important;
    margin-bottom: 0px !important;
    color: #3f3f3f !Important;
    font-family: "Avenir" !important;
}
.img_setps_desc a {
    color: #71B11F !important;
    text-decoration: underline !important;
}
h3.gray_header {
    color: #71B11F !important;
    font-size: 24px !important;
    font-family: "AvenirLTStd-Medium" !important;
    text-transform: none !important;
}
.gray_div p {
    font-size: 18px !important;
    color: #3f3f3f !Important;
    font-family: "Avenir" !important;
    font-style: normal !important;
}
.faq_div {
    padding: 8px 0px !important;
}
.inner_link {
    text-decoration: underline !important;
}
.faq_div i {
    font-size: 15px !important;
    color: #71B11F;
}
.faq_div .faq_header .fa-chevron-right:before {
    content: "\f078";
}
.faq_div .faq_header.collapsed .fa-chevron-right:before {
    content: "\f054";
}
.faq_header {
    color: #71B11F !important;
    font-size: 19px;
    font-family: "AvenirLTStd-Medium" !important;
    cursor: pointer !important;
    padding-bottom: 10px !important;
}
.faq_div div {
    font-size: 18px !important;
    color: #3f3f3f !Important;
    font-family: "Avenir" !important;
    font-style: normal !important;
    line-height: 1.5 !important;
}
.collapse_hide {
    display: none;
}
.how-it-works-content {
    padding-left: 10px !important;
    padding-right: 0px !important;
}
.gray_bg {
    background: #e3e3e3;
}
.white_bg {
    background: #FFFFFF;
}
.green_bg {
    background: #71B11F;
}
.gray_bg,.white_bg,.green_bg  {
    padding: 20px 0px;
}
.color_green {
    color: #71B11F;
}
.color_white {
	color: #FFFFFF!important;
}
.how_it_works_img {
    margin: 0 auto;
}
.how-it-works-plans {
	margin-bottom: 20px;
}
.how-it-works-plans .doller_sign sup{
	font-size: 45px;
    	color: #7f7f7f;
    	font-family: "AvenirLTStd-Light" !important;
}
.how-it-works-plans .plan_cost {
	font-size: 70px;
    	color: #7f7f7f;
    	font-family: "AvenirLTStd-Light" !important;
	margin-left: -3px;
}
.how-it-works-plans .plan_data {
	font-size: 24px;
    	color: #7f7f7f;
    	font-family: "AvenirLTStd-Light" !important;
}
.how-it-works-plans .plan_forever {
	font-size: 12px;
    	color: #7f7f7f;
    	font-family: "AvenirLTStd-Medium" !important;
}
.how-it-works-plans .plan_forever sup {
	font-size: 8px;
    	color: #7f7f7f;
    	font-family: "AvenirLTStd-Medium" !important;
}
.how-it-works-plans .plan1_data {
	padding-left: 5px;
}
.how-it-works-plans .plan2_data,
.how-it-works-plans .plan3_data {
	padding-left: 25px;
}
.how-it-works-plans .plan2_forever,
.how-it-works-plans .plan3_forever{
	padding-left: 15px;
}
.top_banner_div {
	display:table;
}
.top_banner_text {
	display: table-cell;
    	vertical-align: middle;
    	width: 45%;
	padding-left: 15px;
}
@media only screen and (max-width: 1300px) {
    .arrow_img {
        height: 225px;
    }
}
@media only screen and (max-width: 1200px) {
    .arrow_img {
        height: 200px;
    }
}
@media only screen and (min-width: 1024px) {
	.img_setps_desc h4 {
		white-space:nowrap;
	}
}
@media only screen and (max-width: 1024px) {
	.show_lg {
      		display: none;
	}
}
@media only screen and (max-width: 1000px) {
    .arrow_img {
        height: 150px;
    }    	
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.hide_sm {
		display: none;
	}
}
@media only screen and (max-width: 767px) {
	.img_setps_desc {
    		padding-left: 20px;
    		display: table;
    		margin: 0 auto;
	}
        .how-it-works-content {
	    	padding-left: 0px !important;
	}	
	.how-it-works-plans {    
   		 margin-right: 0px !important;
	}
	.how-it-works-plans .doller_sign sup{
		font-size: 30px;    	
	}
	.how-it-works-plans .plan_cost {
		font-size: 45px;    	
	}
	.how-it-works-plans .plan1_data,
	.how-it-works-plans .plan2_data,
	.how-it-works-plans .plan3_data,
	.how-it-works-plans .plan2_forever, 
	.how-it-works-plans .plan3_forever{
		padding-left: 0px;
	}
	.top_banner_text {
		display: table;
    		vertical-align: middle;
    		width: 100%;
	}
}
/* End - CSS for How it works page */
/* Header alignment in Ipad */
@media only screen and (min-width: 768px) and (max-width: 1000px) {
    header .nav>li>a {
        font-size: 15px;
    }
}