/* ------------- Content Overrides ------------- */

	.new-content p{
		font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
		font-size: 1rem;
		font-weight: 200;
		line-height: 1.5;
		color: #2a2c2f;
		text-align: left;
	}
	
	.new-content h2{
		margin-bottom: .5rem;
		font-weight: 200;
		line-height: normal;
		color: #4B286D;
	}
	
	.new-content h3{
		margin-bottom: .5rem;
		font-weight: 400;
		line-height: normal;
		color: #2A2C2E;
		font-size: 1.2rem;
	}
	
	.new-content li{
		margin-bottom: .5rem;
		font-weight: 300;
		line-height: normal;
		color: #2a2c2f;
		font-size: 1rem;
	}

	.radial-gradient{
		background-image: radial-gradient(at center top, rgba(150, 150, 150, 0.1) 0px, transparent 70%);
		box-sizing: border-box;
		content: "";
		display: block;
		height: 33px;
		width: 757px;
		margin: 40px auto;
	}

/* ------------- General ------------- */

	.show-mobile{
		display: none;
	}
	
	.show-desktop{
		display: block;
	}
	
	.content-headers{
		margin: 40px 0;
	}
	
	.divider{
		border-bottom: 1px solid #ececec;
		width: 100%;
		margin: 40px auto;
		height: 1px;
	}
	
	.terms-conditions li{
		font-weight: 200;
		font-size: .8rem;
		color: #2A2C2E;
		
	}
	
	.contact-us-row{
		background: #efefef;
		border-radius: 8px;
		padding: 20px;
		margin: 0 auto;
	}
	
	.contact-us-text{
		margin: 0px;
	}
	
	.contact-us-button{
		float: right;
		background: #2B8000;
		color: #fff;
	}
	
	.sub-h2-content{
		font-size: 1.4rem;
	}
	
	.content-bold{
		font-weight: 600!important;
	}
	
	.content-small{
		font-size: .6rem;
		color: #5f646c;
	}
	
	.li-content{
		font-weight: 200;
		color: #909090;
	}

	@media only screen and (max-width: 767px) {
		
		.contact-us-row{
			margin: 0px;
		}
		.content-headers{
			text-align: center;
		}
		
		.contact-us-button{
			float: none;
			width: 100%;
			margin: 20px auto 10px auto;
		}
		
		.contact-us-text{
			text-align: center;
			padding-bottom: 10px;
		}
	}

	
/* ------------- Landing pages ------------- */
	
	
	.landing-row{
		margin-bottom: 60px;
		border: 1px solid #e9eaed;
		border-radius: 5px;
		background-color: #f5f5f5;
		padding: 10px 30px;	
	}
	
	.landing-box{
		border-radius: 8px;
		padding: 14px;
		background: #fff;
		border: 1px solid transparent;
		min-height: 200px;
	}
	
	.landing-box:hover{
		border: 1px solid #4b286d;
	}
	
	.landing-box-spacer{
		padding: 14px 8px;
	}
	
	.landing-heading{
		text-align: center;
		font-weight: 400;
		font-size: 1.0rem;
	}
	
	@media only screen and (max-width: 767px) {
		.landing-box{
			min-height: 240px;
		}
	}
	
	
/* ------------- Header banner ------------- */

	.section-feature{
		margin: 40px 0;
	}

	
	.content-header-banner{
		padding: 90px 20px;
	}
	
	.content-body-banner{
		padding: 40px 20px;
	}
	
	.content-header-banner h2{
		padding-right: 120px;
	}
	
	@media only screen and (max-width: 1199px) {
			
		.content-header-banner{
			padding: 70px 20px;
		}
		
		.content-body-banner{
			padding: 40px 20px;
		}
	
		.content-header-banner h2{
			padding-right: 0px;
		}
	}
	
	@media only screen and (max-width: 991px) {
			
		.content-header-banner{
			padding: 0px 20px;
		}
	
	}
	
	@media only screen and (max-width: 767px) {
			
		.content-header-banner{
			padding: 0px 20px;
		}
		
		.telus-green-button, .btn-primary{
			text-align: center;
		    display: block;
		    width: 300px;
		    float: none;
		    margin: 30px auto;
		}
		
		.banner-image{
			margin-bottom: 30px;
		}
		
		.show-mobile{
			display: block;
		}
	
		.show-desktop{
			display: none;
		}
	}
	
	@media only screen and (max-width: 480px) {
	
		.telus-green-button, .btn-primary{
			text-align: center;
		    display: block;
		    width: 100%;
		    float: none;
		    margin: 0px auto;
		}
	
	}
	


/* ------------- Bring it back ------------- */

	.features-section p{
		text-align: center;
		padding: 15px 0;
	}

	.features-section h3{
		text-align: center;
	}
	
	.feature-images{
		height: 60px; 
		width: auto;
		display: block;
		margin: 10px auto;
	}
	
	.secondary-banner{
		border-radius: 8px;
		height: 300px;
		object-fit: cover;
	}
	
	.content-feature-banner{
		padding: 70px 20px;
	}

	
	.bring-it-back-breakdown{
		padding: 40px;
	}
	
	.bring-it-back-border{
		border-right: 1px solid #ececec;
	}
	
	.bib-price{
		font-size: 1rem;
		font-weight: 300;
		color: #2A2C2E;
		text-align: right;
		padding-left: 30px;
		float: right;
	}
	
	.bib-price-final{
		font-size: 1.4rem;
		font-weight: 400;
		color: #2A2C2E;
		text-align: right;
		padding-left: 30px;
		float: right;
		
	}
	
	.divider-bib{
		border-bottom: 1px solid #ececec;
		width: 100%;
		margin: 20px auto;
		height: 1px;
	}

	.bib-row-wrap{
		border-radius: 8px;
	}
	
	.bib-price-row{
		background: #efefef;
		margin: 0px;
		padding: 10px 20px;
	}
	
	@media only screen and (max-width: 1199px) {
			
		.content-feature-banner{
			padding: 70px 20px;
		}
	}
	
	@media only screen and (max-width: 767px) {
		
		.content-feature-banner{
			padding: 20px;
		}
		
		.secondary-banner{
			border-radius: 8px;
			height: auto;
			width: 100%;
			object-fit: cover;
		}	
			
		.bring-it-back-border{
			border-right: 0px;
			border-bottom: 1px solid #ececec;
		}
			
		.bring-it-back-breakdown{
			padding: 40px 0;
		}
		
		.mobile-padding{
			padding: 0px 20px;
		}
	
	}
	
	/* ------------- Internet Security ------------- */
	
	.pricing-row{
		margin-bottom: 60px;	
	}
	
	.internet-security-pricing li{
		font-size: 14px;
	}
	
	.price-box{
		box-shadow: 0px 2px 9px #b4b4b4;
		border-radius: 8px;
		padding: 14px;
		background: #fff;
		min-height: 445px;
	}
	
	.price-box-spacer{
		padding: 14px 8px;
	}
	
	
	
	.clearwest-features{
		height: 100px; 
		width:auto; 
		margin: 0px auto;
		display: block;
	}

/*------ Updated content ------ */

#ContentPageSection h3{ 
	margin-bottom: .5rem;
		font-weight: 300;
		line-height: normal;
		color: #4b286d;
}

#ContentPageSection h4{
	margin-bottom: .5rem;
	font-weight: 400;
	line-height: normal;
	color: #2A2C2E;
	font-size: 1.2rem;
}

.divider{
	border-bottom: 1px solid #ececec;
	width: 100%;
	margin: 40px auto;
	height: 1px;
}

.contact-us-row{
	background: #efefef;
	border-radius: 8px;
	padding: 20px;
	margin: 0 auto;
}

.contact-us-text{
	margin: 0px;
}

.contact-us-button{
	float: right;
}



@media only screen and (max-width: 767px) {
	
	.contact-us-row{
		margin: 0px;
	}
	.content-headers{
		text-align: center;
	}
	
	.contact-us-button{
		float: none;
		width: 100%;
		margin: 20px auto 10px auto;
	}
	
	.contact-us-text{
		text-align: center;
		padding-bottom: 10px;
	}
}



/*------ Existing content ------ */


#ContentPageSection .table{
	margin-bottom: 0px;
}


#ContentPageSection .grid-main-icon{
	padding: 0px 10px 40px 5px;
}

#ContentPageSection .checkmark-icon{
	margin: 0px 20px 10px 5px;
}

#ContentPageSection .checkbox-text{
	margin: 10px;
}

#ContentPageSection .table-header-h3{
	margin-bottom: 0px;
	font-size: 21px;
}

#ContentPageSection .second-column-bg{
	background-color: #f5f5f5;
	width:65%;
}

#ContentPageSection .second-column-bg-checkbox{
	background-color: #f5f5f5;
}

#ContentPageSection .second-column-bg-2{
	background-color: #f5f5f5;
	width:20%;
}

#ContentPageSection .internet-column-bg{
	background-color: #f5f5f5;
	width:13.32%;
}

#ContentPageSection div.landing-pg-background{
	margin:0px;
}

#ContentPageSection .landing-pg-background{
	border: 1px solid #e9eaed;
	border-radius: 5px;
	background-color: #f5f5f5;;
	padding: 10px;
	float:left;
}

#ContentPageSection .landing-bg-color{
	background-color:#fff;
	border-radius:10px;
	padding: 20px;
}

#ContentPageSection .landing-bg-color:hover{ 
	border: 1px solid #4b286d;
	padding: 19px;
}

#ContentPageSection .landing-link-hover a:hover{
	text-decoration: none;
	color: #85979f;
}
#ContentPageSection .landing-link-hover a{
	text-decoration: none;
	color: #85979f;

}

#ContentPageSection .inner-btn-style{
	border-radius: 7px;
	text-align: center;
	padding: 15px;
}

#ContentPageSection #landing-pg-footer-text{
	color:#6d6e70;
	font-size: 12px;
	line-height: 20px;
	min-height: 80px;
}

#ContentPageSection .landing-pg-button{
    background-color: #4b286d;
    width: 100%;
    height: auto;
    color: #fff;
    font-size: 16px;
    display:block;
	float:none;
	margin: 0px auto;
	padding: 10px 0px;
	border-radius: 3px;
}

#ContentPageSection .landing-pg-button:hover{
	color: #dee0ed;
    background-color: #003f7b;

}

#ContentPageSection .panel-title{
	font-size: 16px;
	color:#4b286d;
	font-weight: 600;
	min-height: 45px
}

#ContentPageSection h1{ 
	margin: 20px 0px;
}

#ContentPageSection p{
	font-size: 16px;
	color: #535558;
    line-height: 25px;
}

#ContentPageSection li{
	font-size: 16px;
	color: #535558;
    line-height: 25px;
}

#ContentPageSection hr{ 
	margin: 30px 0px;
}

#ContentPageSection .panel-title{
line-height: 22px
}

#ContentPageSection .content-header-btn{
	float:right;
	margin-top: 20px;
    margin-right: 18px;
    display: none;
}

#ContentPageSection .content-border{
    border: 2px solid #bec8d8;
    border-radius: 5px; 
	padding: 20px;
	margin: 20px 0px;
}


#ContentPageSection .image-text-right{
	width: 100%;
	float: right;
}

#ContentPageSection .panel:hover{
	border: 1px solid #4b286d;
}

#ContentPageSection .content-italics{
	font-size: 14px;
	font-style: italic;
	color: #535558;
    line-height: 25px;
}

#ContentPageSection .table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td{
	padding: 20px;	
	vertical-align: middle;
}

#ContentPageSection .accordion-style{
	min-height: 150px;
	border: 1px solid #dfe2e6;
	border-radius: 10px;
	padding: 20px;

}
#ContentPageSection .sh-price-box {
	box-shadow: 0px 2px 9px #b4b4b4;
	border-radius: 8px;
	padding: 30px 40px;
	background: #fff;
	border:none;
}
#ContentPageSection .sh-price {
	display: block;
    font-size: 34px;
    margin-top: 10px;
    color:#4b286d;
}
#ContentPageSection .sh-features h3 {
	line-height:36px;
}
#ContentPageSection .sh-features ul {
	padding-left:20px;
}
#ContentPageSection .sh-features ul li {
	line-height:28px;
}
#ContentPageSection .disclaimer {
	font-size:11px;
	color:#999;
	line-height: 18px;
}
#ContentPageSection .disclaimer br {
	line-height:24px;
}
/*--------TABLET BREAK POINT------*/


@media screen and (min-width: 1200px) {
	
#ContentPageSection #title-spacer{
	line-height: 44px;
}	
}


@media screen and (max-width: 989px) {


#ContentPageSection .inner-btn-style{
	width:50%;
	height:auto;
	}


#ContentPageSection .content-header-text{
	display:block;
	margin: 30px auto 15px auto;
	float:none;
	text-align: center;
}

#ContentPageSection .header-text-center{
	text-align: center;

}

#ContentPageSection .content-header-btn{
	display:block;
	float:none;
	margin: 10px auto;
	width: 350px;
	margin-top: 10px;
}	
	
.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px; height: 0; overflow: hidden;
width: 100%;
height: 100%;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;

}

#ContentPageSection .image-text-right{
	display: block;
	width: 80%;
	margin: 0px auto;
	float: none;
}

#ContentPageSection #landing-pg-footer-text{
	min-height: 60px;
}
}


@media screen and (max-width: 600px) {
	
#ContentPageSection .content-header-btn{
	width: 100%;
}	
#ContentPageSection .sh-price-box .col-xs-4 {
	width:100%;
	float:none;
	margin-bottom:20px;
}

#ContentPageSection .inner-btn-style{
	width:100%;
	height:auto;
	}
	
#ContentPageSection #landing-pg-footer-text{
	min-height: 50px;
}
}