@charset "utf-8";
/**
 * @license
 * MyFonts Webfont Build ID 4151395, 2021-08-18T17:11:10-0400
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: BandaLight-LightItalic by Typedepot
 * URL: https://www.myfonts.com/fonts/typedepot/banda/light-italic/
 * Copyright: All Rights reserved.Copyright © 2011 By typedepot.
 * 
 * Webfont: BandaExtraLight-ExtraLight by Typedepot
 * URL: https://www.myfonts.com/fonts/typedepot/banda/x-light/
 * Copyright: All Rights reserved.Copyright © 2011 By typedepot.
 * 
 * Webfont: Bandaultrathin-Italic by Typedepot
 * URL: https://www.myfonts.com/fonts/typedepot/banda/ultra-thin-italic/
 * Copyright: All Rights reserved.Copyright © 2011 By typedepot.
 * 
 * Webfont: BandaRegular-Italic by Typedepot
 * URL: https://www.myfonts.com/fonts/typedepot/banda/italic/
 * Copyright: All Rights reserved.Copyright © 2011 By typedepot.
 * 
 * Webfont: BandaThin-Thin by Typedepot
 * URL: https://www.myfonts.com/fonts/typedepot/banda/thin/
 * Copyright: All Rights reserved.Copyright © 2011 By typedepot.
 * 
 * Webfont: BandaSemibold-SemiBold by Typedepot
 * URL: https://www.myfonts.com/fonts/typedepot/banda/semi-bold/
 * Copyright: All Rights reserved.Copyright © 2011 By typedepot.
 * 
 * Webfont: BandaRegular by Typedepot
 * URL: https://www.myfonts.com/fonts/typedepot/banda/regular/
 * Copyright: All Rights reserved.Copyright © 2011 By typedepot.
 * 
 * Webfont: BandaSemibold-SemiBoldItalic by Typedepot
 * URL: https://www.myfonts.com/fonts/typedepot/banda/semi-bold-italic/
 * Copyright: All Rights reserved.Copyright © 2011 By typedepot.
 * 
 * Webfont: BandaBold-Bold by Typedepot
 * URL: https://www.myfonts.com/fonts/typedepot/banda/bold/
 * Copyright: All Rights reserved.Copyright © 2011 By typedepot.
 * 
 * Webfont: BandaLight-Light by Typedepot
 * URL: https://www.myfonts.com/fonts/typedepot/banda/light/
 * Copyright: All Rights reserved.Copyright © 2011 By typedepot.
 * 
 * Webfont: BandaThin-ThinItalic by Typedepot
 * URL: https://www.myfonts.com/fonts/typedepot/banda/thin-italic/
 * Copyright: All Rights reserved.Copyright © 2011 By typedepot.
 * 
 * Webfont: BandaBold-BoldItalic by Typedepot
 * URL: https://www.myfonts.com/fonts/typedepot/banda/bold-italic/
 * Copyright: All Rights reserved.Copyright © 2011 By typedepot.
 * 
 * Webfont: BandaExtraLight-ExtraLightItalic by Typedepot
 * URL: https://www.myfonts.com/fonts/typedepot/banda/x-light-italic/
 * Copyright: All Rights reserved.Copyright © 2011 By typedepot.
 * 
 * Webfont: Bandaultrathin-UltraThin by Typedepot
 * URL: https://www.myfonts.com/fonts/typedepot/banda/ultra-thin/
 * Copyright: All Rights reserved.Copyright © 2011 By typedepot.
 * 
 * Webfont: StantonWXX-Regular by Image Club
 * URL: https://www.myfonts.com/fonts/imageclub/stanton/regular/
 * Copyright: Copyright © 2016 Monotype Imaging Inc. All right reserved.
 * © 2021 MyFonts Inc
*/

/* @import must be at top of file, otherwise CSS will not work */
@import url("//hello.myfonts.net/count/3f5863");

@font-face {
  font-family: "BandaLight-Light";
  src: url('/fonts/BandaLightLight/font.woff2') format('woff2'), url('/fonts/BandaLightLight/font.woff') format('woff');
} 
@font-face {
  font-family: "BandaSemibold-SemiBold";
  src: url('/fonts/BandaSemiboldSemiBold/font.woff2') format('woff2'), url('/fonts/BandaSemiboldSemiBold/font.woff') format('woff');
}
@font-face {
  font-family: "BandaBold-Bold";
  src: url('/fonts/BandaBoldBold/font.woff2') format('woff2'), url('/fonts/BandaBoldBold/font.woff') format('woff');
}
@font-face {
  font-family: "StantonWXX-Regular";
  src: url('/fonts/StantonWXXRegular/font.woff2') format('woff2'), url('/fonts/StantonWXXRegular/font.woff') format('woff');
}
/*
@font-face {
  font-family: "BandaLight-LightItalic";
  src: url('/fonts/BandaLightLightItalic/font.woff2') format('woff2'), url('/fonts/BandaLightLightItalic/font.woff') format('woff');
}
@font-face {
  font-family: "BandaSemibold-SemiBoldItalic";
  src: url('/fonts/BandaSemiboldSemiBoldItalic/font.woff2') format('woff2'), url('/fonts/BandaSemiboldSemiBoldItalic/font.woff') format('woff');
}
@font-face {
  font-family: "BandaBold-BoldItalic";
  src: url('/fonts/BandaBoldBoldItalic/font.woff2') format('woff2'), url('/fonts/BandaBoldBoldItalic/font.woff') format('woff');
}
*/

/*
CUSTOM CSS STYLES
======================================================*/
/*COLOURS---------------------------------*/
/*
blue-extdark: 	#15224c - 21,34,76 
blue-dark: 		#0089cf - 21,73,131
blue-alt: 		#077dbb - 7,125,187 
blue-medium: 	#137ebc - 19,126,188
blue-light: 	#168fc6 - 22,143,198
blue-hilight: 	#e8f3f8 - 232,243,248


yellow: 		#ffc107 - 255,193,7
red: 			#ed1c24 - 237,29,36
blue: 			#0089cf - 0,137,207
purple: 		#9a248e - 154,37,143
grey-dark: 		#262626 - 38,38,38
grey-light: 	#e5e5e5 - 229,229,229
grey-medium: 	#808080 - 128,128,128
*/


/*TEXT Styling---------------------------------*/

body{
	font-family: 'BandaLight-Light', sans-serif;
	font-size: 20px;
	line-height: 1.5em;
	color:#404040;
	background:#fff;
}
strong {
	font-family: 'BandaSemibold-SemiBold', sans-serif;
	color:#000;
}
.bolder {
	font-family: 'BandaSemibold-SemiBold', sans-serif;
}
h1, .h1{
	font-family: 'BandaSemibold-SemiBold', sans-serif;
	font-size: 30px;
	line-height: 1.16em;
	color:#000000;
	letter-spacing:0em;
	margin-bottom:0.3em;
	text-transform:none;
}
h1 span, .h1 span{
	font-size: 21px;
}
.h1{
	letter-spacing:-0.01em;
	font-size: 40px;
	color:#0089cf;
	text-transform:none;
}
.h1 span{
	font-size: 20px;
}

h2{
	font-family: 'BandaSemibold-SemiBold', sans-serif;
	font-size:36px;
	line-height:1.1em;
	color:#000;
	letter-spacing:-0.02em;
	margin-bottom:0.9em;
}
h2.sub-title{
	font-family: 'BandaSemibold-SemiBold', sans-serif;
	font-size:28px;
	line-height:1.1em;
	color:#000;
	letter-spacing:-0.02em;
	margin-bottom:0.1em;
}

h3{
	font-family: 'BandaSemibold-SemiBold', sans-serif;
	font-size:22px;
	line-height:1.1em;
	color:#137ebc;
	letter-spacing:-0.01em;
	margin-bottom:1em;
}

h4{
	font-family: 'BandaSemibold-SemiBold', sans-serif;
	font-size:28px;
	line-height:1.1em;
	color:#000;
	letter-spacing:-0.01em;
	margin-bottom:0.4em;
	vertical-align:middle;
}
/* Add cross to Faith covers */
span.faith-cover {
	background: transparent url("/images/Cross-Grey.png") no-repeat 0px 6px;
	width: 12px;
	padding-left: 16px;
}
h4.cover-title{
	font-size:28px;
	line-height:1em;
}
h4.cover-title1{
	font-size:24px;
}
h4.cover-title2{
	font-size:20px;
}
h4.check{
	font-size:21px;
	position:relative;
	margin-left:55px;
	margin-bottom:1.1em;
}
h4.check:before{
	content: url("/images/check.png");
  position:absolute;
	top:-5px;
	left:-60px;
}
h5{
	font-family: 'BandaSemibold-SemiBold', sans-serif;
	font-size:28px;
	line-height:1em;
	color:#077dbb;
	letter-spacing:-0.01em;
	margin-bottom:0.4em;
}
h6, .btn-link, .btn-link a, .h6, .btn-link.red, .btn-link.blue, .btn-link.purple{
	font-family: 'BandaSemibold-SemiBold', sans-serif;
	font-size:24px;
	line-height:1.2em;
	color:#000;
	letter-spacing:-0.01em;
	margin-bottom:0.4em;
}
h6 span{
	font-family: 'BandaLight-Light', sans-serif;
	font-weight:400;
	font-size: 18px;
	color:#404040;
}
.h6{
	display:inline-block;
	margin-bottom:0;
}
sup, sub {
  vertical-align: baseline;
  position: relative;
  top: -0.8em;
  font-size: 50%;
}
sub { 
  top: 0.4em; 
}
.btn-link:focus, .btn-link:hover {
    text-decoration: none;
	color: #808080;
}
.btn-link.red:focus, .btn-link.red:hover, .btn-link.red:active {
    color: #ed1c24;
}
.btn-link.blue:focus, .btn-link.blue:hover, .btn-link.blue:active {
    color: #0089cf;
}
.btn-link.purple:focus, .btn-link.purple:hover, .btn-link.purple:active {
    color: #9a248e;
}
.btn i:hover,
.btn i.red:hover,
.btn i.blue:hover,
.btn i.purple:hover{
    color: #808080;
}
.btn.focus, .btn:focus {
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.btn {
    /*padding: .5rem 1rem;*/
	padding-left:0;
	width:100%;
	text-align:left;
}
.btn i {
    float:right;
}
span.leaf:after{
	content: url("/images/Canada-Leaf-Icon-sml.png");
	margin-left:5px;
}
span.cross:after{
	content: url("/images/Cross-Blue.png");
	margin-left:5px;
}
span.doc:after{
	content: url("/images/word-icon.png");
	margin-left:5px;
}
span.pdf:after{
	content: url("/images/pdf-icon.png");
	margin-left:5px;
}
span.mov:after{
	content: url("/images/play-video-icon.svg");
	margin-left:5px;
}
span.idml:after{
	content: url("/images/idml-icon.png");
	margin-left:5px;
}
span.indd:after{
	content: url("/images/indd-icon.svg");
	margin-left:5px;
}
a,
a:link,
a:visited{
	color:#0089cf;
	transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	text-decoration:none;
}
a:focus,
a:hover,
a:active{
	color:#000;
}
a.view-pdf{
	display:inline-block;
	vertical-align:middle;
	position:relative;
	margin-top:20px;
	color:#404040;
}
a.view-pdf:hover{
	color:#0089cf;
}
a.view-pdf:after{
	content: url("/images/PDF-Icon-sml.png");
	position:absolute;
	top:-5px;
	right:-60px;
}
ul.unordered,
ol.ordered{
	font-size:20px;
	line-height:1.5em;
	padding-left:18px;
}
ul.unordered.cover-sizes,
ol.ordered.cover-sizes{
	padding-left:0;
	list-style-position: inside;
	margin-bottom: .5rem;
}
ul.unordered.less-line-height,
ol.ordered.less-line-height{
	line-height:1.2em;
}
ul.unordered.less-line-height li,
ol.ordered.less-line-height li{
	padding-bottom:0.3em;
}
ul.unordered.less-line-height li:last,
ol.ordered.less-line-height li:last{
	padding-bottom:0;
}
ul.unordered-intro,
ol.ordered-intro{
	font-family: 'BandaSemibold-SemiBold', sans-serif;
	font-size:21px;
	line-height:1.5em;
	padding-left:18px;
	list-style-type: none;
}
ul.callout-list{
	color:#000;
	font-family: 'BandaSemibold-SemiBold', sans-serif;
	font-size:21px;
	line-height:1.3em;
	padding-left:0px;
	padding-bottom:10px;
	list-style-type: none;
}
ul.callout-list li{
	padding-bottom:10px;
}
ul.callout-list li:last{
	padding-bottom:0;
}
.intro{
	font-size:25px;
	line-height:1.5em;
}
.cover-sizes{
	font-family: 'BandaLight-Light', sans-serif;
	font-size:21px;
	line-height:1.4em;
}
p.cover-sizes{
	margin-bottom:0.5rem;
}
.cover-sizes strong {
	font-family: 'BandaLight-Light', sans-serif;
}
.small_text{
	font-size:17px;
	line-height:1.1em;
}
.fractop {font-size: 55%; vertical-align: 17%;}
.fracbot {font-size: 50%;}
.strike{text-decoration: line-through;}

.container-fluid{
	padding-left:0;
	padding-right:0;
}
.container-fluid .row {
    margin-right: 0px;
    margin-left: 0px;
}
.padded-left{
	padding-left:15%;
}
.remove-padding{
	padding:0;
}
.extra-padded{
	padding-left:2%;
	padding-right:2%;
}
.shadow{
	-webkit-filter: drop-shadow(3px 3px 5px #666);
    filter:         drop-shadow(3px 3px 5px #666);
}
.align-bottom{
	display: flex; 
	align-items: flex-end;
}
.row-space{
	margin-top:30px;
}
.row-space-extra{
	margin-top:50px;
}
.add-photos{
	position:relative;
}
.add-photos-callout,
.threeD-callout,
.en-fr-callout{
	position: absolute;
	top: 2%;
	left: -1%;
	width: 117px;
	height: 117px;
}
.new-covers {
	position: absolute;
	top: 2%;
	right: -5%;
	width: 117px;
	height: 117px;
}
.en-anglais{
	font-size:14px;
	line-height:16px;
	display:block;
}
.no-break{
	white-space: nowrap;
}
.negative-margin{
	margin-top:-25px !important;
}
.quoter{
	font-size:14px;
	color:#077dbb;
}
.covey_copyright{
	font-size:16px;
	text-transform:uppercase;
	text-align:center;
	margin-bottom:0;
}
.covey_copyright span{
	font-family: 'BandaLight-Light', sans-serif;
	text-transform:none;
	display:block;
}
.covey{
	font-size:16px;
	line-height:20px;
	font-family: "BandaSemibold-SemiBold";
	padding-bottom:0;
	margin-bottom:0;	
}
img.circular{
	border-top-left-radius: 50% 50%;
  border-top-right-radius: 50% 50%;
  border-bottom-right-radius: 50% 50%;
  border-bottom-left-radius: 50% 50%;
}
/*HEADER Styling---------------------------------*/

/* This makes the header navigation fixed. Sticky will be fixed and take up space where fixed will not take up space */
/* Safari needs webkit attribute and IE may not support Sticky */
.sticky {
	background-color: #FFF;
	position: -webkit-sticky; /* Safari */
    position: sticky;
	top: 0;
    z-index: 900;
}
#top_bar {
	/*background-color: blue;*/
	text-align: center;
	padding: 16px 1% 0 1%;
	margin: 0px;
}
/*#top_bar_mobile {
	background-color: #eef9ff;
	text-align: center;
	margin: 0px;
	padding: 6px 30px;
}*/
#top_bar_elements {
	/*background-color: orange;*/
	padding-bottom: 20px;
	float: right;
	width: 90%;
}
#logo_section{
	float: left;
/*	display: inline;*/
	width: 9%;
	padding: 0 0;
	/*background-color: yellow;*/
	max-width: 200px;
}
#logo_section_mobile  {
    /*background-color: yellow;*/
    padding-bottom: 20px;
}
#logo_section_mobile img  {
    max-width: 240px;
}
.order_today,.canadian{
    font-family: 'BandaLight-Light', sans-serif;
    font-size: 16px;
    letter-spacing:0.03em;
    text-transform:uppercase;
    color:#808080;
	margin: 6px 0 0 0;
	float: right;
	padding-right: 24px;
}
.canadian{
    margin-top: 8px;
	margin-right: 50px;
	float: right;
}
.canadian img,
.canadian-footer img{
    margin-top:-5px;
	margin-left:2px;
}
a.phone, a.email2{
    font-family: 'BandaSemibold-SemiBold', sans-serif;
    font-size:24px;
    letter-spacing:0em ;
    color:#ec2125;
    padding: 0;
	baseline-shift:-5px;
	white-space: nowrap;
}
a.phone:hover, a.email2:hover{
    color:#0089cf;
}
.call-a-rep{
    font-family: 'BandaLight-Light', sans-serif;
    letter-spacing:0.03em;
    color:#000;
}
.contact-info{
	font-family: 'BandaSemibold-SemiBold', sans-serif;
	font-size:21px;
	line-height:1.5em;
    letter-spacing:0.03em;
    color:#000;
	margin-bottom:6px;
}
.contact-card{
	font-family: 'BandaSemibold-SemiBold', sans-serif;
	font-size:21px;
	line-height:1.5em;
    letter-spacing:0.03em;
    color:#000;
	margin-bottom:5px;
}
.locale{
	font-family: 'BandaLight-Light', sans-serif;
	font-size:18px;
	color:#0089cf;
	display:block;
	text-transform:uppercase;
	padding-bottom:15px;
}
.sales-rep{
	display:block;
	font-family: 'BandaBold-Bold', sans-serif;
	font-size:22px;
	font-weight:600;
	color:#000;
	letter-spacing:0.01em;
	
}
a.email{
    font-family: 'BandaSemibold-SemiBold', sans-serif;
    font-size:20px;
    letter-spacing:0.02em ;
    color:#0089cf;
    padding: 0;
	display:block;
}
a.email:hover{
    color:#808080;
}
a.phone2{
    font-family: 'BandaLight-Light', sans-serif;
    font-size:24px;
    letter-spacing:0.02em ;
    color:#000;
    padding: 0;
	display:block;
}
a.phone2:hover{
    color:#0089cf;
}
#store_section{
	float: right;
	display: inline;
	width: 8%;
	padding: 4px 1% 0 1%;
	background-color: white;
}
#store_section_mobile {
		float: right;
		display: inline;
		width: 40%;
		max-width: 200px;
		margin: auto;
		padding: 0 5%;
	}
#navigation_section{
	float: right;
	width: 90%;
	/*background-color: yellow;*/
}

.group:after{
	content: "";
 	display: table;
    clear: both;
}

/* LANGUAGE Buttons */
.language-tabs-mobile{
	background:#15224c;
}
.language-tabs-mobile:after{
	content: "";
 	display: table;
    clear: both;
}
a.language_tab{
	font-family: 'BandaSemibold-SemiBold', sans-serif;
	font-size:16px;
	line-height:24px;
/*	float:right;*/
	color:#808080;
	background-color: #eee;
	padding: 6px 15px;
	margin: 10px 10px 0 10px; 
	text-align:center;
	text-transform:uppercase;
	transition: .5s ease;
	letter-spacing: 0em;
	border-radius: 20px;
	width: fit-content;
	display: block;
/*	white-space: nowrap;*/
}
/* LANGUAGE button Container */
#language_switch {
	/*background-color: cyan;*/
	float: right;
	text-align: center;
	margin: 0;
	width: 145px;
}
/*#language_switch_mobile {
	float: right;
	margin: 2px 0 6px 0;
	text-align: right;
	width: auto;
}*/
/* LANGUAGE button */
#language_picker {
	margin: 0;
	font-size: 16px;
	min-width: 48%;
	background-color: #ec2125;
	color: white;
}
/*#language_picker_mobile {
	margin: 0;
	font-size: 11px;
	padding: 2px 8px;
	}*/
/* LANGUAGE choices Container */
#language_listings {
	background-color: white;
	border-bottom-left-radius: 30px; 
	position: absolute;
	padding: 8px 0 16px 4px;
	top: 54px;
	right: 0;
	width: 155px;
	z-index: 999;
	display: none;
}
/*#language_listings_mobile {
	background-color: #eef9ff;
	border-bottom-left-radius: 30px; 
	position: absolute;
	padding: 0 0 16px 20px;
	top: -10px;
	right: 0;
	width: 260px;
	z-index: 999;
	display: none;
}*/
a.shop_tab{
	font-family: 'BandaSemibold-SemiBold', sans-serif;
	font-size:17px;
	color:#9a248e;
	padding:7px 12px 6px 25px;
	text-transform:uppercase;
	transition: .5s ease;
	border-radius: 20px;
	border:2px solid #9a248e;
}
.shop_button{
	margin: 0;
	float: right;
	position: relative;
}
a.shop_tab_mobile{
	font-family: 'BandaSemibold-SemiBold', sans-serif;
	font-size:11px;
	line-height:20px;
	color:#9a248e;
	padding:3px 8px;
	text-align:center;
	text-transform:uppercase;
	transition: .5s ease;
	letter-spacing: .1em;
	border-radius: 15px;
	border:2px solid #9a248e;
	margin:0 0 10px 0;
}
.shop_button img, .shop_button_mobile img{
	position:absolute;
	top: -15px;
	left: -30px;
}

@media (max-width: 1680px) {

}
a.language_tab.mobile_tab{
	width:100%;
	display:block;
	margin:0 0 10px 0;
	font-size:12px;
	line-height:14px;
	padding: 8px 0;
	float:none;
	color: #808080;
	background-color: #eee;
}
a.language_tab.selected:hover,
a.language_tab.selected{
	
	color:#fff; 
	background-color: #ec2125;
	transition: .5s ease;
}
a.language_tab:hover{	
	color:#fff; 
	background-color: #ccc;
	transition: .5s ease;
}
a.shop_tab:hover{	
	color:#fff; 
	background-color: #9a248e;
	transition: .5s ease;
	border:2px solid #9a248e;
}
a.slider_button, a.slider_button_mobile {
	position: absolute;
	font-family: 'BandaSemibold-SemiBold', sans-serif;
	color: #ffffff;
	background-color: transparent;
	text-align: center;
	text-transform: uppercase;
	transition: .5s ease;
	letter-spacing: 0em;
	border: 2px solid #ffffff;
	cursor: pointer;
	z-index: 1000;
}
a.slider_button {
	bottom: 10%;
	left: 23%;
	font-size: 16px;
	background-color: transparent;
	padding: 2px 15px;
	border-radius: 30px;
}
a.slider_button_mobile {
	bottom: 54%;
	left: 50%;
	/*To center button when absolutely positioned*/
	transform:translate(-50%, -50%); 
	font-size: 1.4em;
	padding: 5px 20px;
	border-radius: 40px;
	margin: auto;
	white-space: nowrap;
}
a.slider_button:hover, a.slider_button_mobile:hover {
	color: #000;
	background-color: #ffffff;
	border: 2px solid #ffffff;
	cursor: pointer;
}

/* Alternative button style for pale backgrounds */
a.slider_button_pale, a.slider_button_pale_mobile {
	position: absolute;
	font-family: 'BandaSemibold-SemiBold', sans-serif;
	color: #000; /* Black text */
	background-color: #ffffff; /* White background */
	text-align: center;
	text-transform: uppercase;
	transition: .5s ease;
	letter-spacing: 0em;
	border: 2px solid #000; /* Black border */
	cursor: pointer;
	z-index: 1000;
}

a.slider_button_pale {
	bottom: 10%;
	left: 23%;
	font-size: 16px;
	padding: 2px 15px;
	border-radius: 30px;
}

a.slider_button_pale_mobile {
	bottom: 54%;
	left: 50%;
	/* To center button when absolutely positioned */
	transform: translate(-50%, -50%);
	font-size: 1.4em;
	padding: 5px 20px;
	border-radius: 40px;
	margin: auto;
	white-space: nowrap;
}

a.slider_button_pale:hover, a.slider_button_pale_mobile:hover {
	color: #ffffff; /* White text on hover */
	background-color: #000; /* Black background on hover */
	border: 2px solid #000; /* Keep black border on hover */
	cursor: pointer;
}
.banner_text{
	position:absolute;
	top:485px;
	left:15%;
	font-family: 'BandaLight-Light', sans-serif;
	font-size:22px;
	line-height:30px;
	color:#ffffff;
	/*letter-spacing: .1em;*/
}
.bx-wrapper {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    background: transparent;
	margin:0;
}
.bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 50%;
    margin-top: -16px;
    outline: 0;
    width: auto;
    height: auto;
    text-indent: 0;
    z-index: 2;
}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
    position: absolute;
    bottom: 30px;
    width: 100%;
	padding-top:0;
	z-index:500;
}
#testimonials .bx-wrapper .bx-pager, #testimonials .bx-wrapper .bx-controls-auto {
	bottom: -100px;
    width: 100%;
}
.bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus, .bx-wrapper .bx-pager.bx-default-pager a:hover {
    background: #fff;
	/*border:3px solid #aaa;*/
}
.bx-wrapper .bx-pager.bx-default-pager a {
    background: transparent;
	border:3px solid #fff;
    text-indent: -9999px;
    display: block;
    width: 16px;
    height: 16px;
    margin: 0 10px;
    outline: 0;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}
/*
.bx-wrapper .bx-next:focus, .bx-wrapper .bx-next:hover {
    background-position: -43px 0;
}*/
.bx-wrapper .bx-next {
    right: 10px;
    background: none;
	font-size:60px;
	color: #ffffff;
	opacity:0.5;
}
.bx-wrapper .bx-prev {
    left: 10px;
    background: none;
	font-size:60px;
	color: #ffffff;
	opacity:0.5;
}
.bx-wrapper .bx-next:hover, .bx-wrapper .bx-prev:hover {
    opacity:1;
}
.quote{
	font-size:28px;
	line-height:1.3em;
	color:#fff;
}
.quote span{
	font-size:20px;
	display:block;
	margin-top: 40px;
}


/*NAVIGATION Styling---------------------------------*/
#nav {
	position:relative;     
	z-index:100;
	padding:0;
	width:100%;
/*	background-color: red;*/
}
#nav > a {
    display: none;
}

#nav ul li {
	font-family: 'BandaSemibold-SemiBold', sans-serif;
    position: relative;
	list-style: none;
	margin:0;
	padding:0;
	width: 14.25%;
	height:auto;
	display: table;
}
/*
#nav ul li {
	border-right:1px solid #808080;
}
#nav ul li:last-child {
	border-right:none;
}
*/
/*#nav ul > li:nth-child(odd) { background: #e8f3f8; }*/

#nav ul li ul li{
    width:100%;
}
#nav ul li a {
	box-sizing: content-box;
	font-size:23px;/*18px*/
	line-height:22px;
	letter-spacing: 0em;
	/*text-transform: uppercase;*/
	text-align:center;
    display: table-cell;
	padding: 16px 1% 16px 1%;
	/*vertical-align:middle;*/
	border-top-left-radius:25px;
	border-top-right-radius:25px;
	transition: .5s ease;
}
#nav ul li:nth-child(3n+1) a {
	color: #0089cf;
}
#nav ul li:nth-child(3n+2) a {
	color: #9a248e;
}
#nav ul li:nth-child(3n+3) a {
	color: #ed1c24;
}

#nav.french_nav ul li a{
	font-size:0.9vw;
}
#nav ul li.single-line a {
	padding: 38px 1% 34px 1%;

}


/* first level */

#nav > ul {
	margin:0;
	padding:0;				
}
#nav > ul > li {    
    float: left;
}

#nav > ul > li:not( :last-child ) > a {
    
}
#nav > ul > li:hover > a, 
#nav > ul:not( :hover ) > li.active > a {
    border-top-left-radius:25px;
	border-top-right-radius:25px;
	background-color: #0089cf;
	color:#fff;
}
#nav > ul > li:hover > a.current, 
#nav > ul:not( :hover ) > li.active > a.current,
#nav ul li a.current, #nav ul li.special a{
    border-top-left-radius:25px;
	border-top-right-radius:25px;
	background-color: #0089cf;
	color:#fff;
}
#nav ul li a:hover{
	border-top-left-radius:25px;
	border-top-right-radius:25px;
	background-color: #0089cf;
	color:#fff;
}
#nav ul li a.current{
	border-top-left-radius:25px;
	border-top-right-radius:25px;
	/*background-color: #0055a4;*/
	color:#fff;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0089cf+20,0052a2+98 */
	background: #3c6ca3; /* Old browsers */
	background: -moz-radial-gradient(bottom, ellipse cover,  #3e72a7 20%, #00509f 98%); /* FF3.6-15 */
	background: -webkit-radial-gradient(bottom, ellipse cover,  #3e72a7 20%,#00509f 98%); /* Chrome10-25,Safari5.1-6 */
	background: radial-gradient(ellipse at bottom,  #3e72a7 20%,#00509f 98%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3e72a7', endColorstr='#00509f',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

} 
#nav ul li.purple-tab a.current{
	/*background-color: #731a6b;*/
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#9a248e+20,731a6b+98 */
	background: #9a248e; /* Old browsers */
	background: -moz-radial-gradient(bottom, ellipse cover,  #9a248e 20%, #731a6b 98%); /* FF3.6-15 */
	background: -webkit-radial-gradient(bottom, ellipse cover,  #9a248e 20%,#731a6b 98%); /* Chrome10-25,Safari5.1-6 */
	background: radial-gradient(ellipse at bottom,  #9a248e 20%,#731a6b 98%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9a248e', endColorstr='#731a6b',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}
#nav ul li.red-tab a.current{
	/*background-color: #ab1318;*/
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ed1c24+20,ab1318+98 */
	background: #ed1c24; /* Old browsers */
	background: -moz-radial-gradient(bottom, ellipse cover,  #ed1c24 20%, #ab1318 98%); /* FF3.6-15 */
	background: -webkit-radial-gradient(bottom, ellipse cover,  #ed1c24 20%,#ab1318 98%); /* Chrome10-25,Safari5.1-6 */
	background: radial-gradient(ellipse at bottom,  #ed1c24 20%,#ab1318 98%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed1c24', endColorstr='#ab1318',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}
#nav ul li ul li a.current,#nav ul li ul li a,#nav ul li ul li a:hover{/*removes fat underline secondary hover nav*/
	border-bottom: none;
}
#nav li ul li a.current{    
	background: #0089cf;
	color:#fff;
}

/* second level */

#nav li ul {
    background-color: #fff;
    display: none;
    position: absolute;
    top: 100%;
	width:100%;
}

#nav li:hover ul {
    display: block;
    left: 0;
    right: 0;
	margin:0;
	padding:0;
}
#nav li:not( :first-child ):hover ul {
   /* left: -1px;*/
}

#nav li ul.sub-menu li a {
	text-align:center;
    font-size: 16px; /* 20 */
	line-height:20px;
    background: #fff;
	padding:10px 10px ;
	text-transform:uppercase;
    color:#808080;
	border-top-left-radius:0;
	border-top-right-radius:0;
}
#nav li ul.sub-menu li:nth-child(odd) a { background: #eee; }
#nav li ul.sub-menu li a.current, 
#nav li ul.sub-menu li a.current:hover{
	background: #0089cf;
	color:#fff;
}

#nav li ul.sub-menu li a:hover, #nav li ul.sub-menu:not( :hover ) li.active a {
	border-top-left-radius:0;
	border-top-right-radius:0;
    background: #ccc;
	color:#fff;
}
#nav li ul.sub-menu li.faith a.current{  
	background: #9a248e;
	color:#fff;
}
#nav li ul.sub-menu li.canadian a.current{  
	background: #ed1c24;
	color:#fff;
}


/*FOOTER NAVIGATION Styling---------------------------------*/

#footer_bg {
	background:#262626;
	padding:20px 5% 0 5%;
}
#navigation_footer{
	background:#262626;
	padding:20px 10% 0 10%;
}

#footer {
	display:table;
	padding: 3% 0;
	margin:0 auto;
	text-align:center;
	/*max-height:244px;*/
}
.bottom{
	border-bottom:1px solid #333;
}
/* Social Icons */
i.fas.icon-background ,
i.fab.icon-background  {
    color:#ed1c24;
} 		
i.fas.icon-background.blue,
i.fab.icon-background.blue  {
    color:#0089cf;
}
i.fas.icon-background.purple ,
i.fab.icon-background.purple  {
    color:#9a248e;
}
i.fas,
i.fab {
    color:#fff;
}
.social-icon{
	width:50px;
	height:50px;
	margin:2px;
}
.order-today-footer,.canadian-footer{
    font-family: 'BandaLight-Light', sans-serif;
    font-size:16px;
    letter-spacing:0.03em;
    text-transform:uppercase;
    color:#e5e5e5;
    text-align:center;
    margin-bottom: 0;
	display:block;
}
.middle_align {
	display:table-cell;
	vertical-align:middle;
}
.footer{
	font-family: 'BandaSemibold-SemiBold', sans-serif;
	color:#fff;
	font-size:24px;
	
}
.need-help{
    font-size:16px;
    letter-spacing:0.03em;
    text-transform:uppercase;
    color:#168fc6;
    /*text-align:center;*/
    padding: 20px 0;
	float:right;
	margin-right:10%;
}

#nav_footer {
	position:relative;
    padding:0;
	width:100%;

}
#nav_footer ul {
    padding:0;
	margin:0;
}
#nav_footer ul li {
	list-style: none;
	padding:0;
	margin: 0;
	width:14.28571428571429%;
}

#nav_footer ul li a {
	font-family: 'BandaSemibold-SemiBold', sans-serif;
	font-size:18px;
	line-height:22px;
	letter-spacing: 0.01em;
	/*text-transform: uppercase;*/
	text-align:center;
    color: #a4b3c1;
    display: block;
	padding: 5px 0px 2px 0px;

}
#nav_footer .french_nav li a {
	font-size:14px;
	line-height:19px;
}
#nav_footer ul li:nth-child(3n+1) a {
	color: #0089cf;
}
#nav_footer ul li:nth-child(3n+2) a {
	color: #9a248e;
}
#nav_footer ul li:nth-child(3n+3) a {
	color: #ed1c24;
}
/*#nav_footer > ul {
	margin:0;
	padding:0;				
}*/
#nav_footer > ul > li {    
    float: left;
}

#nav_footer > ul > li:hover > a.current, 
#nav_footer > ul:not( :hover ) > li.active > a.current,
#nav_footer ul li a.current, #nav ul li.special a{
    color:#0089cf;
}
#nav_footer ul li a:hover{
	color:#eeeeee;	
}

/* second level */

#nav_footer li ul {
padding-left: 0;
}
#nav_footer li ul li {
width:100%;
}
#nav_footer li li a {
	font-family: 'BandaLight-Light', sans-serif;
    font-size: 16px; /* 20 */
	line-height:21px;
	padding:3px 0px;
	text-transform:none;
	font-weight:normal;
	color:#808080 !important;
}
#nav_footer li li a:hover {
	color:#cccccc !important;
}
#nav_footer .french_nav li li a {
    font-size: 13px; /* 20 */
	line-height:22px;
}


/*PAGE Styling & Layout---------------------------------*/

.mobile_only,
.slider_mobile{
	display:none;	
}
.slider_tablet,
.tablet_only{
	display:none;	
}
a.button, a.button2, a.button3 { 
	font-family: 'BandaSemibold-SemiBold', sans-serif;
	display:table;
	text-align:center;
	text-transform:uppercase;
	font-size:16px;
	background: #ed1c24;
	color: #fff;
	padding:5px 15px;
	border:1px solid transparent;
	letter-spacing: 0em;
	/* border-radius: 10px;*/
	margin-top:10px;
	margin-bottom:20px;
	transition: .5s ease;
	}
a.button3 { 	
	padding:1% 2%;
	letter-spacing: 0em;
	line-height: 22px;
	}
a.button:hover, a.button2:hover, a.button3:hover{ 
	color:#ffffff; /*#0077be;*/
	background-color: #95d4f4;
	border:1px solid #95d4f4;
	}
a.outline-button,
a.outline-button-blue,
a.outline-button-purple,
a.outline-button-white,
a.outline-button-red{
	font-family: 'BandaSemibold-SemiBold', sans-serif;
	font-size:16px;
	line-height:24px;
	color:#0077be;
	border:2px solid #0077be;
	background-color: transparent;
	padding:5px 15px;
	margin:10px 0;
	transition: .3s ease;
	display:inline-block;
	text-transform:uppercase;
	text-align:center;
	letter-spacing: 0em;
	border-radius: 20px;

}
a.outline-button-purple{
	color:#9a248e;
	border:2px solid #9a248e;
}
a.outline-button-white{
	color:#FFFFFF;
	border:2px solid #FFFFFF;
}
a.outline-button-red{
	color: #ed1c24;
	border: 2px solid #ed1c24;
	background-color: #FFF;
}
a.outline-button:hover,
a.outline-button-blue:hover{
	color:#fff;
	background:#0077be;
	border:2px solid #0077be;

}
a.outline-button-purple:hover{
	color:#fff;
	background:#9a248e;
	border:2px solid #9a248e;

}
a.outline-button-white:hover{
	color:#000000;
	background:#FFFFFF;
	border:2px solid #FFFFFF;

}
a.outline-button-red:hover{
	color:#fff;
	background:#ed1c24;
	border:2px solid #ed1c24;

}

.equals{
	font-family: 'BandaSemibold-SemiBold', sans-serif;
	background:#000;
	color:#fff;
	font-size:48px;
	border-radius:50%;
	text-align:center;
	width:38px;
	height:38px;
}
.blue-section{
	position:relative;
	background: url("/images/Gradient-Blue-with-Squiggle.jpg") center center no-repeat;
	background-size:cover;
}
.red-section{
	position:relative;
	background: url("/images/Gradient-Red-with-Squiggle.jpg") center center no-repeat;
	background-size:cover;
}
.purple-section{
	position:relative;
	background: url("/images/Gradient-Purple.jpg") center center no-repeat;
	background-size:cover;
}
a.pill_button, 
a.pill_button_blue,
a.pill_button_red,
a.pill_button_purple{
	font-family: 'BandaSemibold-SemiBold', sans-serif;
	font-size:16px;
	line-height:24px;
	color:#242424;
	background-color: transparent;
	padding:5px 15px;
	text-align:center;
	text-transform:uppercase;
	transition: .5s ease;
	letter-spacing: 0em;
	border-radius: 20px;
	border:2px solid #242424;
	display:inline-block;
}
a.pill_button_blue{
	width:90%;
	color:#fff;
	background-color: #0089cf;
	border:2px solid #0089cf;
}
a.pill_button_red{
	width:90%;
	color:#fff;
	background-color: #ed1c24;
	border:2px solid #ed1c24;
}
a.pill_button_purple{
	width:90%;
	color:#fff;
	background-color: #9a248e;
	border:2px solid #9a248e;
}
a.pill_button:hover{
	color:#fff;
	background-color: #000;
}
a.pill_button_blue:hover{
	color:#0089cf;
	background-color: transparent;
}
a.pill_button_red:hover{
	color:#ed1c24;
	background-color: transparent;
}
a.pill_button_purple:hover{
	color:#9a248e;
	background-color: transparent;
}

hr.blueline { height: 15px; border-style: solid; border-color: #0089cf; border-width: 1px 0 0 0; margin-top:20px; clear:both;} 
hr.redline { height: 15px; border-style: solid; border-color: #ed1c24; border-width: 1px 0 0 0; margin-top:20px; clear:both;}
hr.purpleline { height: 15px; border-style: solid; border-color: #9a248e; border-width: 1px 0 0 0; margin-top:20px; clear:both;}

.jump-section{
	margin-top:30px;
	margin-bottom:30px;
}
.full_width{
	width:100%;
	height:auto;
}
.float_left{
	float:left;
	padding-right:20px;
}
.float_right{
	float:right;
	padding-left:20px;
}
.clear{clear:both;}
.clearfix:after { 
   content: "."; 
   visibility: hidden; 
   display: block; 
   height: 0; 
   clear: both;
}
.pad_b_5{padding-bottom:5px;}
.pad_b_10{padding-bottom:10px;}
.pad_b_20{padding-bottom:20px;}
.pad_b_30{padding-bottom:30px;}
.pad_b_40{padding-bottom:40px;}
.pad_b_50{padding-bottom:50px;}
.pad_b_60{padding-bottom:60px;}
.pad_b_80{padding-bottom:80px;}
.pad_b_100{padding-bottom:100px;}
.pad_t_10{padding-top:10px;}
.pad_t_20{padding-top:20px;}
.pad_t_30{padding-top:30px;}
.pad_t_40{padding-top:40px;}
.pad_t_50{padding-top:50px;}
.pad_t_60{padding-top:60px;}
.pad_t_80{padding-top:80px;}
.pad_t_100{padding-top:100px;}
.margin_b_5{margin-bottom:5px;}
.margin_b_10{margin-bottom:10px;}

.margin_b_20{margin-bottom:20px;}
.margin_b_30{margin-bottom:30px;}
.margin_b_40{margin-bottom:40px;}
.margin_b_50{margin-bottom:50px;}
.margin_b_60{margin-bottom:60px;}
.margin_b_80{margin-bottom:80px;}
.margin_b_100{margin-bottom:100px;}
.margin_t_10{margin-top:10px;}
.margin_t_20{margin-top:20px;}
.margin_t_30{margin-top:30px;}
.margin_t_40{margin-top:40px;}
.margin_t_50{margin-top:50px;}
.margin_t_60{margin-top:60px;}
.margin_t_80{margin-top:80px;}
.margin_t_100{margin-top:100px;}
.no_pad{padding:0;margin:0;}

.photo_holder{
	width:100%;
	text-align:center;
	position:relative;
}
.inline{
	height:auto;
	position:relative;	
	margin: 0 auto;
	display:table;
	text-align:center;
}
.ten{ width:10%; }
.fifteen{ width:15%; }
.twenty{ width:20%; }
.twentyfive{ width:25%; }
.thirty{ width:30%; }
.thirty-alt{ width:30%; }
.thirtyfive{ width:35%; }
.fourty{ width:40%; }
.fourty-alt{ width:40%; }
.fifty{ width:50%; }
.sixty{ width:60%; }
.seventy{ width:70%; }
.eighty{ width:80%; }
.ninety{ width:90%; }
.center{text-align:center;margin:0 auto;}

.col-3-head {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 23%;
      -ms-flex: 0 0 23%;
          flex: 0 0 23%;
  max-width: 23%;
	padding-left: 1%;
	padding-right: 1%;
}

.col-6-head {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 48%;
      -ms-flex: 0 0 48%;
          flex: 0 0 48%;
  max-width: 48%;
	padding-left: 1%;
	padding-right: 1%;
}

/* SECONDARY PAGE BANNERS */
.banner{
	position:relative;
	width:100%;
	padding:0;
	margin:0;
}
.page-section-title{
	/* https://css-tricks.com/viewport-sized-typography/ 
	vw: Sizes the text as the screen resizes - works well for headlines like this but not body text 
	1vw = 1% of viewport width
	1vh = 1% of viewport height
	1vmin = 1vw or 1vh, whichever is smaller
	1vmax = 1vw or 1vh, whichever is larger
	*/
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	font-family: 'AvenirLTStd-Medium','nunito_sanssemibold', sans-serif;
	/*width:100%;*/
	font-size:2vw; 
	line-height:60px;
	color:#fff;
	text-transform:uppercase;
	top:30px;
}
/* ACCORDIAN STYLES */
.card {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: transparent;
    border: none;
    border-radius: none;
}
.card-header {
    padding: 0;
    background-color:transparent;
    border-bottom: 1px solid #000;
	margin-bottom:10px;
}
.card-header.wellness {
    border-bottom: 1px solid #0089cf;
}
.card-header.canadian {
    border-bottom: 1px solid #ed1c24;
}
.card-header.faith {
    border-bottom: 1px solid #9a248e;
}
.card-body{
	padding-left:22px;
}
.card-body ul,
.card-body ol{
	line-height:1.5em;
	padding-left:25px;
}

.copyright {
	display:inline;
	color:#e5e5e5;
	font-size:14px;

}

#copyright {
	padding: 1% 5%;
	margin:0 auto;
	text-align:center;
	background:#051628;
	color:#fff;
}


/************************************************/
/*										    	*/
/*             RESPONSIVE VIDEOS                */
/*										    	*/
/************************************************/

.video-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.video-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}
.modal-dialog {
     max-width: 1024px;
     margin: 270px auto 50px auto;
  }
.modal-body {
  position:relative;
  padding:0px;
	margin:0px;
}
.modal-content {
    background-color: transparent;
    border: none;
}
.close {
  position:absolute;
  right:-30px;
  top:0;
  z-index:999;
  font-size:2rem;
  font-weight: normal;
  color:#fff;
  opacity:1;
}
.safari_only { 
            display:none; 
        }
/* SITE COLOURS - PUT LAST SO THEY CAN OVERWRITE CASCADE IF NECESSARY */
.blue{color:rgba(0,137,207,1);}
.purple{color:rgba(154,37,143,1);}
.red{color:rgba(237,29,36,1);}
.white{color:rgba(255,255,255,1);}
.black{color:rgba(0,0,0,1);}
.bgblue{background:rgba(0,137,207,1);}
.bgpurple{background:rgba(154,37,143,1);}
.bgred{background:rgba(237,29,36,1);}
.bgwhite{background:rgba(255,255,255,1);}
.bgblack{background:rgba(0,0,0,1);}
.bgmedgrey{background:rgba(128,128,128,1);}
.bgdarkgrey{background:rgba(38,38,38,1);}
.bglitegrey{background:rgba(229,229,229,1);}

/* ---------------------------------- INBETWEEN STYLES INBETWEEN STYLES INBETWEEN STYLES INBETWEEN STYLES ---------------------------------- */

@media (max-width: 1400px) {
	#nav ul li a {
		font-size:16px;
		line-height:22px;
	}
	#logo_section{
	}
	a.slider_button{

	}
	.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
		display:none;
	}
}

/* ---------------------------------- MOBILE STYLES MOBILE STYLES MOBILE STYLES MOBILE STYLES MOBILE STYLES ---------------------------------- */

@media (max-width: 1024px) {
	.slider_tablet,
	.tablet_only{
		display:block;
	}
	.mobile_only{
		display:block;	
	}
	.desktop_only,
	.remove_on_mobile{
		display:none;	
	}
	.premier-tagline-mobile{
		font-family: 'AvenirLTStd-Medium','nunito_sanssemibold', sans-serif;
		color:#0089cf;
		font-size:18px;
		letter-spacing:0.03em;
		text-align:center;
		margin:0 auto;
		padding-top:10px;
		padding-bottom:10px;
	}
	.order_today{
		font-size:14px;
		letter-spacing:0.03em;
		text-align:center;
		margin:0 auto;
		padding: 6px 0;
		float:none;
		display:block;
		background-color: #eef9ff;
	}
	a.phone {
		font-size: 18px;
	}
	.canadian.mobile_only {
	margin-right: 10px;
	}
	a.language_tab {
	font-size: 11px;
	padding: 2px 8px;
	}
	.shop_button {
		width: 120%;
		padding-bottom: 6%;
	}
	a.slider_button{
		bottom: 20px;
		left: 18%;
		font-size:15px;
		line-height:23px;
	}
	
	#navigation_section{
		min-height:60px;
	}
	
/*=======================================================*/	
	
	#nav_mobile {
		width: 100%;
		position: static;
		margin: 0;
		z-index:100;
		padding:0;
	}
	#nav_mobile > a {
		display: none;
	}

	#nav_mobile ul li {
		font-family: 'BandaSemibold-SemiBold', sans-serif;
		position: relative;
		list-style: none;
		margin:0;
		padding:0;
		width:14.28571428571429%;
		height:auto;
		display: table;
	}

	#nav_mobile ul li ul li{
		width:100%;
	}
	#nav_mobile ul li a {
		box-sizing: content-box;
		/*font-size: 17px;*/ /* SET BELOW */
		line-height:22px;
		letter-spacing: 0em;
		/*text-transform: uppercase;*/
		text-align:center;
		display: table-cell;
		padding: 20px 1% 20px 1%;
		/*vertical-align:middle;*/
	}
	#nav_mobile ul li:nth-child(3n+1) a {
		color: #0089cf;
	}
	#nav_mobile ul li:nth-child(3n+2) a {
		color: #9a248e;
	}
	#nav_mobile ul li:nth-child(3n+3) a {
		color: #ed1c24;
	}



	/* first level */

	#nav_mobile > ul {
		margin:0;
		padding:0;				
	}
	#nav_mobile > ul > li {    
		float: left;
	}

	#nav_mobile > ul > li:not( :last-child ) > a {

	}
	#nav_mobile > ul > li:hover > a, 
	#nav_mobile > ul:not( :hover ) > li.active > a {
		/*background-color: #ed1c24;*/
		color:#808080;
	}
	#nav_mobile > ul > li:hover > a.current, 
	#nav_mobile > ul:not( :hover ) > li.active > a.current,
	#nav_mobile ul li a.current, #nav_mobile ul li.special a{
		/*background-color: #ed1c24;*/
		color:#808080;
	}
	#nav_mobile ul li a:hover{
		/*background-color: #ed1c24;*/
		color:#808080;
	}
	#nav_mobile ul li a.current{
		/*background-color: #ed1c24;*/
		color:#808080;
	}
	#nav_mobile ul li ul li a.current,#nav_mobile ul li ul li a,#nav_mobile ul li ul li a:hover{/*removes fat underline secondary hover nav*/
		border-bottom: none;
	}
	#nav_mobile li ul li a.current{
		/*background-color: #ed1c24;*/
		color:#808080;
	}

	/* second level */

	#nav_mobile li ul {
		background-color: #137ebc;
		display: none;
		position: absolute;
		top: 100%;
		width:100%;
	}

	#nav_mobile li:hover ul {
		display: block;
		left: 0;
		right: 0;
		margin:0;
		padding:0;
	}
	#nav_mobile li:not( :first-child ):hover ul {
	   /* left: -1px;*/
	}

	#nav_mobile li li a {
		text-align:center;
		/*font-size: 17px;*/ /* SET BELOW */
		line-height:20px;
		background-color: #137ebc;
		padding:10px 10px ;
		text-transform:uppercase;
		color:#fff !important;
	}
	#nav_mobile li.alter a { background: #eee; }
	#nav_mobile li li:nth-child(odd) a { background: #168fc6; }
	#nav_mobile li ul li a:hover, #nav_mobile li ul:not( :hover ) li.active a {
		background-color: #ed1c24;
		color:#fff;
	}
	
/*=======================================================*/	

	#nav_mobile ul {
		background-color: #fff;
	}
	#nav_mobile > a {

		text-align: left;
		text-indent: -9999px;
		background-color: #0077be;
		position: relative;
	}
	#nav_mobile > a:before, #nav_mobile > a:after {
		position: absolute;
		border: 2px solid #fff;
		/*content: '';*/
	}
	#nav_mobile > a:after {
		/*top: 60%;*/
	}
	/* STYLES FOR HIDE NAVIGATION/SHOW NAVIGATION BAR*/
	#nav_mobile:not( :target ) > a:first-of-type, #nav_mobile:target > a:last-of-type {
		display: block;
		background-color: #0089cf;
		color:#fff;
		text-align: center;
    	text-indent: 0px;
		text-transform:uppercase;
		padding:10px 0;
	}
	/* first level */

	#nav_mobile > ul {
		height: auto;
		display: none;
		position: relative;
		left: 0;
		right: 0;
		margin-bottom: 0;
	}
	#nav_mobile:target > ul {
		display: block;
	}
	#nav_mobile > ul > li {
		width: 100%;
		float: none;
		/*display:inline-block;*/
	}
	#nav_mobile > ul > li > a {
		height: auto;
		text-align: center;
	}
	#nav_mobile > ul > li:not( :last-child ) > a {
		border-right: none;

	}
	
	#nav_mobile ul li a{
		font-size:22px;
		display:block;
	}
	#nav_mobile ul li li a{
		font-size:18px;
		display:block;
	}
	#nav_mobile ul li li.wellness a{
		background:#0089cf;
	}
	#nav_mobile ul li li.canadian a{
		background:#ed1c24;
	}
	#nav_mobile ul li li.faith a{
		background:#9a248e;
	}
	#nav_mobile ul li a,
	#nav_mobile ul li.single-line a {
		padding: 15px 1% 15px 1%;

	}
	/* second level */
	#nav_mobile li ul {
		position: static;
		/*padding: 1.25em; /* 20 */
		padding-top: 0;
		top: 0;
		width:100%;
	}
	
/*	a.language_tab, a.button{
		font-size:14px;
		line-height:24px;
		padding:2% 5%;
	}*/

	h1,.h1{
		font-size: 28px;
	}
	h1 span, .h1 span{
		display:block;
	}
	h2{
		font-size:36px;
		line-height:1.1em;
		letter-spacing:-0.01em;
		margin-bottom:0.8em;
	}
	h3{
		font-size: 24px;
		/*line-height: 22px;*/

	}
	h4{
		font-size: 24px;
		/*line-height: 22px;*/
	}
	h4.check:before{
		top:-2px;
		left:-50px;
	}
	h6, .btn-link, .btn-link a {
		font-size: 21px;
	}
	.intro{
		font-size:21px;
		line-height:1.5em;
	}
	.add-photos-callout,
	.en-fr-callout,
	.threeD-callout{
		left: 0;
		width: 90px;
		height: 90px;
	}
	ul.callout-list{
		line-height:1.1em;
		padding-bottom:5px;
	}
	ul.callout-list li{
		padding-bottom:5px;
	}
	.form-control-lg, .input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn {
		padding:.5rem .25rem;
	}

	a.outline-button,
	a.outline-button-blue,
	a.outline-button-red,
	a.outline-button-purple{
		margin:0 0 30px 0 ;

	}

	.footer_logo,
	.copyright{
		text-align:center;
		margin:0;
		padding:10px 0;
		font-size:13px;
	}
	#footer {
		padding: 3% 1%;
	}

	#footer ul li a {
		font-size:13px;
		padding: 0 8px;

	}
	.need-help {
		padding: 20px 0 10px 0;
		margin-right: 0;
	}

	.float_right,
	.float_left{
		float:none;
		padding-left:0px;
		padding-right:0px;
		display:block;
	}
	
	.inline{display:block;}

	.ten,
	.fifteen,
	.twenty,
	.twentyfive,
	.thirty,
	.thirtyfive,
	.fourty,
	.fifty,
	.sixty,
	.seventy,
	.eighty,
	.ninety{ width:100%; }
	.fr-en.fourty,
	.fr-en.fifty,
	.fr-en.sixty{width:50%;}
	.thirty-alt,
	.fourty-alt{ width:60%; }

	#nav_footer > ul > li {    
		float: none;
		display:block;
	}
	#nav_footer ul li{
		margin: 0;
		width:100%;
	}

	.footer {
		text-align: center;
	}

	.card-body ul,
	.card-body ol{
		margin-left:0px;
		padding-left: 16px;
	}
	.negative-margin{
		margin-top:0px !important;
	}
	.covid-tagline{
		
	}
	.carousel-control-next, .carousel-control-prev {
    width: 10%;
	opacity:0.5;
	}

	.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
		bottom: 15px;
		width: 100%;
	}
	#testimonials .bx-wrapper .bx-pager, #testimonials .bx-wrapper .bx-controls-auto {
		bottom: -50px;
	}
	#testimonials .bx-wrapper .bx-controls-direction a {
		display:none;
	}
	.quote{
		font-size:22px;
		line-height:1.2em;
	}
	.quote span {
		font-size: 16px;		
	}
	a.pill_button, 
	a.pill_button_blue,
	a.pill_button_red,
	a.pill_button_purple{
		/*font-size:16px;
		line-height:24px;
		padding:3px 15px;
		border-radius: 15px;*/
		margin-top:10px;
		margin-bottom:10px;
	}
	a.view-pdf {
		line-height:1em;
	}
	.jump-section{
		margin-top:30px;
		margin-bottom:30px;
	}
}
@media (max-width: 768px) {
	a.slider_button{
		bottom:2px;
		left:10%;
		font-size:15px;
		line-height:23px;
	}

}
@media (max-width: 767px) {
	.slider_mobile{
		display:block;
	}
	.slider_tablet{
		display:none;
	}

}
@media (max-width: 640px) {
	
	#nav ul li a{
		font-size:4vw;

	}
	#nav.french_nav ul li a{
		font-size:4vw;
	}
	.row-space{
		margin-top:0px;
	}
	h2{
		font-size:28px;
	}

}
@media (max-width: 320px) {
	

}
/* START ADDED STYLES FOR QUICK PICK TABLES */

h2.qp-h2 {
	margin-bottom: 8px;
}
h6 {
     font-size: 21px;
     font-weight: bold;
	 line-height: 60px;
	 margin-top: 10px;
}
h3.chart-title {
	width: fit-content;
	padding: 12px 12px 8px 12px;
	margin: 0px 3%;
	background-color: #9a248e; 
	color: #FFF;
	border-radius: 20px 20px 0px 0px;
}
div.qp-table-div-left {
	float: left;
	width: 50%;
	margin: 0;
	clear: left;
}
div.qp-table-div-right {
	float: right;
	width: 50%;
	margin: 0;
	clear: right;
}
table.qp-table {
	background-color: #FFF;
	width: 94%;
	margin: 0 3% 24px 3%;
}
.chart-heading {
	margin: 0 5% 0 5%;
	width: 100%;
	border-top: 2px solid #9a248e;
	background-color: #eed9ec;
	padding: 0px !important;
}
.chart-regular {
	margin: 0px !important;
	width: 100%;
	padding: 0px !important;
}
.chart-qp-code, .chart-pages, .chart-link {
	border-bottom: 2px solid #9a248e;;
	border-left: 2px solid #9a248e;
}
.chart-qp-code, .chart-pages {
	text-align: center;
	font-weight: 800;
}
.chart-link {
	border-right: 2px solid #9a248e;;
	border-bottom: 2px solid #9a248e;;
	border-left: 2px solid #9a248e;;
}
.chart-link a:hover {
	text-decoration: underline;
}

@media (max-width:1024px) {
div.qp-table-div-left {
	float: none;
	width: 100%;
	clear: none;
}
div.qp-table-div-right {
	float: none;
	width: 100%;
	clear: none;
}
table.qp-table {
	background-color: #FFF;
	width: 94%;
	margin: 0 3% 24px 3%;
}
}
/* END ADDED STYLES FOR QUICK PICK TABLES */

/* INCREASE WIDTH FOR QUOTE FORM CONTAINER - QUOTES - GOOGLE DOC */
/* DOESN'T WORK */
.teQAzf {
	width: 920px !important;
}