/*------------------------------

	STYLESHEET

	FF. Font Faces
	Gen. General 
	Full. Full Width Case
		Full-c. Content	
		Full-io. Investor Overview
		Full-bl. Brand Listing 
		Full-bd. Brand Detail
		Full-h. Home  
		Full-m. Misc
	1830. Responsive Cases - Scale Down below 1830px
		1830-c. Content	
		1830-io. Investor Overview
		1830-bl. Brand Listing 
		1830-bd. Brand Detail 
		1830-h. Home
		1830-m. Misc
	1440. Responsive Cases - Scale Down below 1440px
		1440-c. Content	
		1440-io. Investor Overview
		1440-bl. Brand Listing 
		1440-bd. Brand Detail 
		1440-h. Home
		1440-m. Misc
	1300. Responsive Cases - Scale Down below 1300px
		1300-c. Content	
		1300-io. Investor Overview
		1300-bl. Brand Listing 
		1300-bd. Brand Detail 
		1300-h. Home
		1300-m. Misc
	1024. Responsive Cases - Scale Down below 1024px
		1024-c. Content	
		1024-io. Investor Overview
		1024-bl. Brand Listing 
		1024-bd. Brand Detail 
		1024-h. Home
		1024-m. Misc
	M. Responsive Cases - Scale Down below 768px
		M-c. Content
		M-io. Investor Overview	
		M-bl. Brand Listing 
		M-bd. Brand Detail 
		M-h. Home
		M-m. Misc
	M-425. Responsive Cases - Scale Down below 425px
	1920+. Responsive Cases - Account for larger than 1080p resolution
 
	COLOURS
		Dark Blue: 
			#083a81 
			rgba(8,58,129,1)
		Blue: 
			#0069aa 
			rgba(0,105,170,1)
		Light Blue: 
			#0397d6 
			rgba(3,151,214,1)
		Green: 
			#008752 
			rgba(0,135,82,1)
		Light Green: 
			#1fb25a 
			rgba(31,178,90,1)

------------------------------*/


/*------------------------------
    FF. FONT FACES 
------------------------------*/
	
	/* INTERSTATE FONT IS EMBEDDED VIA TYPEKIT IN 01-html-head.php */

	@font-face {
		font-family: 'Gotham-Light';
		src: url('../fonts/gotham/gothamlight.eot');
		src: url('../fonts/gotham/Gotham-Light.woff') format('woff'),
			 url('../fonts/gotham/gothamlight.eot'),
			 url('../fonts/gotham/gothamlight.ttf') format('truetype');
		font-weight: normal;
		font-style: normal;
		}
	@font-face {
		font-family: 'Gotham-Regular';
		src: url('../fonts/gotham/gothambook.eot');
		src: url('../fonts/gotham/Gotham-Book.woff') format('woff'),
			 url('../fonts/gotham/gothambook.eot'),
			 url('../fonts/gotham/gothambook.ttf') format('truetype');
		font-weight: normal;
		font-style: normal;
		}
	@font-face {
		font-family: 'Gotham-Medium';
		src: url('../fonts/gotham/gothammedium.eot');
		src: url('../fonts/gotham/Gotham-Medium.woff') format('woff'),
			 url('../fonts/gotham/gothammedium.eot'),
			 url('../fonts/gotham/gothammedium.ttf') format('truetype');
		font-weight: normal;
		font-style: normal;
		}
	@font-face {
		font-family: 'Gotham-Bold';
		src: url('../fonts/gotham/gothambold.eot');
		src: url('../fonts/gotham/Gotham-Bold.woff') format('woff'),
			 url('../fonts/gotham/gothambold.eot'),
			 url('../fonts/gotham/gothambold.ttf') format('truetype');
		font-weight: normal;
		font-style: normal;
		}
		
/*------------------------------
    Gen. GENERAL 
------------------------------*/
	
	* {
		box-sizing: border-box;		
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-text-size-adjust: none;
		}
	html {
		scroll-behavior: smooth;
	}
	body {
		margin: 0;
		padding: 0;	
		font-family: 'Gotham-Regular', arial, sans-serif;	
		font-size: 17px;
		line-height: 32px;
		color: rgba(0,0,0,0.8);
		background-image: url('../images/bg-swoosh.png'), linear-gradient(to bottom, rgb(0,59,95) 0, rgb(0,105,170) 350px);	
		background-repeat: no-repeat;	
		background-position: top center; 	
		background-attachment: fixed;
		}
	/*html.mobileNavOpen,
	html.mobileNavOpen body {
		overflow: hidden !important;
		}*/
		
		/* ENGLISH */
		body.our-businesses.retail,
		body.our-businesses.operate-station,
		body.our-businesses.build-buy-sell,
		body.our-businesses.retailer-application-form {
			background-image: url('../images/bg-businesses-retail.jpg?ver=2019-03-20');
			}		
		body.our-businesses.convenience {
			background-image: url('../images/bg-businesses-convenience.jpg?ver=2019-03-20');
			}
		body.our-businesses.commercial {
			background-image: url('../images/bg-businesses-commercial.jpg');
			}
		body.our-businesses.supply {
			background-image: url('../images/bg-businesses-supply-trading-refining.jpg?ver=2019-03-20');
			}			
		body.our-businesses.canada {
			background-image: url('../images/bg-businesses-locations-canada.jpg?ver=2019-03-20');
			}
		body.our-businesses.usa {
			background-image: url('../images/bg-businesses-locations-usa.jpg?ver=2019-03-20');
			}
		body.our-businesses.caribbean {
			background-image: url('../images/bg-businesses-locations-caribbean.jpg?ver=2019-03-20');
			}
		body.investors {
			background-image: url('../images/bg-investors.jpg?ver=2019-03-20');
			}

		/* FRENCH */
		body.nos-entreprises.vente-au-detail,
		body.nos-entreprises.exploiter-une-station-service,
		body.nos-entreprises.construire-acheter-vendre,
		body.nos-entreprises.formulaire-de-demande-pour-détaillant {
			background-image: url('../images/bg-businesses-retail.jpg?ver=2019-03-20');
			}		
		body.nos-entreprises.depanneurs {
			background-image: url('../images/bg-businesses-convenience.jpg?ver=2019-03-20');
			}
		body.nos-entreprises.vente-commerciale {
			background-image: url('../images/bg-businesses-commercial.jpg');
			}
		body.nos-entreprises.approvisionnement {
			background-image: url('../images/bg-businesses-supply-trading-refining.jpg?ver=2019-03-20');
			}			
		body.nos-entreprises.canada {
			background-image: url('../images/bg-businesses-locations-canada.jpg?ver=2019-03-20');
			}
		body.nos-entreprises.etats-unis {
			background-image: url('../images/bg-businesses-locations-usa.jpg?ver=2019-03-20');
			}
		body.nos-entreprises.caraibes {
			background-image: url('../images/bg-businesses-locations-caribbean.jpg?ver=2019-03-20');
			}
		body.investisseurs {
			background-image: url('../images/bg-investors.jpg?ver=2019-03-20');
			}
	
	img {
		border: 0;
		vertical-align: top;
		}	
	
	h1, h2, h3, h4, h5 {
		margin: 0;
		padding: 0;
		font-weight: normal;
		font-style: normal;
		}

	hr {
		height: 2px;
		border: none;
		background: rgba(0,0,0,0.15);
		margin: 60px 0;
		clear: both;
		}
		
	p {		
		margin: 0 0 40px 0;
		padding: 0;
		}
		p.large {
			font-family: 'Gotham-Light', arial, sans-serif;	
			font-size: 24px;
			line-height: 38px;
			}
		p.large-centered {	
			width: 70%;
			margin-left: auto;
			margin-right: auto;
			font-family: 'Gotham-Light', arial, sans-serif;
			font-size: 24px;
			line-height: 38px;
			text-align: center;
			}
		p.extra-large {
			font-family: 'Gotham-Light', arial, sans-serif;	
			font-size: 50px;
			line-height: 70px;
			color: rgba(0,0,0,0.6);
			}
		p.small {		
			font-size: 14px;
			line-height: 22px;
			}
		span.light-green {		
			color: #1fb25a;
			}
		span.dark-green {		
			color: #008752;
			}
		span.light-blue {		
			color: #0397d6;
			}
		span.dark-blue {		
			color: #0069aa;
			}
		
	strong {
		font-family: 'Gotham-Bold', arial, sans-serif;
		}
		
	a:hover, a:active, a:focus, object { 
		outline: none; 
		}	
	div:focus { 
		outline: none; 
		}		
	a {
		text-decoration: none;
		color: #1fb25a;	
		webkit-transition: .25s ease-out;
		-moz-transition: .25s ease-out;
		-o-transition: .25s ease-out;
		-ms-transition: .25s ease-out;
		transition: .25s ease-out;
		}
	a:hover {
		text-decoration: none;
		color: #0397d6;
		}
	
	blockquote {	
		position: relative;
		width: 100%;	
		padding: 40px;
		margin: 0 0 40px 0;
		background: rgba(0,0,0,0.05);
		}
	blockquote:after {	
		content: "";
		display: block;
		position: absolute;
		bottom: -12px;
		left: 0;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 12px 18px 0 0px;
		border-color: rgba(0,0,0,0.05) transparent transparent transparent;
		}
		blockquote p {	
			font-family: 'Gotham-Light', arial, sans-serif;
			font-size: 25px;
			line-height: 35px;
			}
		blockquote p:last-child {	
			margin-bottom: 0;
			}
			
	sup,
	sub {
		font-size: 11px;
		line-height: 11px;
		}

	form, 
	input,
	textarea {
		margin: 0;
		padding: 0;
		outline: none;
		-webkit-border-radius:0; 
		}
	
	
	/* SEARCH FIELD PLACEHOLDER - STANDARD */
	::-webkit-input-placeholder { /* WebKit browsers */
		padding-top: 1px;
		color: rgba(255,255,255,1);
		}
	:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
		padding-top: 1px;
		color: rgba(255,255,255,1);
		}
	::-moz-placeholder { /* Mozilla Firefox 19+ */
		padding-top: 1px;
		color: rgba(255,255,255,1);
		}
	:-ms-input-placeholder { /* Internet Explorer 10+ */
		padding-top: 1px;
		color: rgba(255,255,255,1);
		}
	label.placeholder { /* Internet Explorer 9- */
		color: rgba(255,255,255,1) !important;
		}
		
	/* SEARCH FIELD PLACEHOLDER - MOBILE */
	.tools-search .head-top-search-input ::-webkit-input-placeholder { /* WebKit browsers */
		color: #8d8d8d;
		}
	.tools-search .head-top-search-input :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
		color: #8d8d8d;
		}
	.tools-search .head-top-search-input ::-moz-placeholder { /* Mozilla Firefox 19+ */
		color: #8d8d8d;
		}
	.tools-search .head-top-search-input :-ms-input-placeholder { /* Internet Explorer 10+ */
		color: #8d8d8d;
		}
	.tools-search .head-top-search-input label.placeholder { /* Internet Explorer 9- */
		color: #8d8d8d !important;
		}

	/* OFFSET ANCHOR LINK */
	:target:before {
		content:"";
		display:block;
		height:120px; /* fixed header height*/
		margin:-120px 0 0; /* negative fixed header height */
		}
	
/*------------------------------
    Full. LAYOUTS
------------------------------*/
		
	/*------------------------------
		Full-c. CONTENT
	------------------------------*/	
	
	/* HEAD */
	
	.topSearch-container {
		display: none;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 9999;
		width: 100%;
		background: #00385b;		
		}
		.topSearch {
			width: 50%;
			height: auto;
			margin: 0 auto;
			padding: 30px 0 40px 0;		
			}
			.topSearch-close {
				display: block;
				position: absolute;
				top: 52px;
				right: 35px;
				cursor: pointer;
				}
				.topSearch-close img {
					width: 23px;
					height: auto;
					}
			.topSearch .input {
				float: left;
				width: 80%;
				height: 60px;
				}
				.topSearch .input input {
					width: 100%;
					height: 60px;
					margin: 0 !important;
					padding: 14px 17px 14px 0 !important;
					font-family: interstate, sans-serif;
					font-weight: 400;
					font-style: normal;
					font-size: 25px;
					line-height: 25px;
					color: #fff;
					background: none;
					border: none;
					border-bottom: 2px solid #fff;
					}						
			.topSearch .submit {
				float: right;
				width: 20%;
				height: 60px;
				margin: 0;
				}
				.topSearch .submit input {	
					width: 100%;
					height: 60px;							
					background: url('../images/icon-search-large.png') no-repeat center right;
					background-size: 39px auto;
					border: none;
					cursor: pointer;
					border: none;
					border-bottom: 2px solid #fff;
					}

	.bg-nav {
		display: none;
		position: fixed;
		width: 100%;
		z-index: 799;
		top: 0;
		left: 0;
		width: 100%;
		height: 750px;
		background: rgb(0,44,75); /* Old browsers */
		background: linear-gradient(to bottom, rgba(0,44,75,1) 0%, rgba(0,96,156,1) 50%, rgba(0,96,156,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		}

	.topBar-container {
		position: relative;
		z-index: 800;
		width: 100%;
		padding: 0 105px;		
		margin: 0 auto;
		webkit-transition: all .5s ease-out;
		-moz-transition: all .5s ease-out;
		-o-transition: all .5s ease-out;
		-ms-transition: all .5s ease-out;
		transition: all .5s ease-out;
		}
		.topBar {
			float: right;
			width: 750px;
			height: 63px;
			padding: 0 30px;
			background: #0069aa;
			}
		.fr .topBar {
			width: 865px;
			}
		.topBar ul {
			padding: 15px 0 0 0;
			margin: 0;
			}
		.topBar ul li {
			float: left;
			padding: 0;
			margin: 0;
			list-style: none;
			font-family: 'Gotham-Medium', arial, sans-serif;
			font-size: 14px;
			line-height: 14px;
			text-transform: uppercase;
			color: #fff;
			}
		.topBar ul li.symbol {
			font-family: 'Gotham-Bold', arial, sans-serif;
			padding: 11px 15px 0 0;
			font-size: 15px;
			line-height: 15px;
			}
		.topBar ul li.tmx {
			padding: 0 15px 0 0;
			}
			.topBar ul li.tmx img {
				width: 40px;
				height: auto;
				}
		.topBar ul li.price {
			margin: 8px 0 0 0;
			padding: 3px 17px 3px 0;
			border-right: 2px solid rgba(255,255,255,0.15);
			}
		.topBar ul li.change {
			position: relative;
			margin: 8px 35px 0 0;
			padding: 3px 20px 3px 15px;
			}
		.fr .topBar ul li.change {
			margin-right: 55px;
			}
			.topBar ul li.change:after {
				content: "";
				display: inline-block;
				position: absolute;
				top: 6px;
				right: 0;
				width: 11px;
				height: 7px;
				transition: all .2s ease-out;
				}
			.topBar ul li.change.up:after {
				background: url('../images/icon-arrow-green-up.png') no-repeat center center;				
				background-size: 11px auto;
				}
			.topBar ul li.change.down:after {
				background: url('../images/icon-arrow-white-down.png') no-repeat center center;				
				background-size: 11px auto;
				}
		.topBar-clear {
			display: none;
			}

		.topBar-contact {
			position: relative;
			display: block;
			float: left;
			padding: 0 35px 0 0;
			margin: 10px 30px 0 0;
			font-family: 'Gotham-Medium', arial, sans-serif;
			font-size: 14px;
			line-height: 14px;
			text-transform: uppercase;
			color: #fff;
			}
		.topBar-contact:after {
			content: "";
			display: inline-block;
			position: absolute;
			top: -4px;
			right: 0;
			width: 23px;
			height: 21px;
			background: url('../images/icon-contact.png') no-repeat center center;				
			background-size: 23px auto;
			transition: all .2s ease-out;
			}
		.topBar-contact:hover {
			color: #fff;
			}
		.topBar-contact:hover:after {
			right: -5px;
			}

		.topBar-search {
			position: relative;
			display: block;
			float: left;
			padding: 0 35px 0 0;
			margin: 10px 30px 0 0;
			font-family: 'Gotham-Medium', arial, sans-serif;
			font-size: 14px;
			line-height: 14px;
			text-transform: uppercase;
			color: #fff;
			cursor: pointer;
			}
		.topBar-search:hover {
			color: #fff;
			}
		.topBar-search:hover:after {
			right: -5px;
			}
		.topBar-search:after {
			content: "";
			display: inline-block;
			position: absolute;
			top: -4px;
			right: 0;
			width: 21px;
			height: 21px;
			background: url('../images/icon-search.png?ver=2018-12-10') no-repeat center center;				
			background-size: 21px auto;
			transition: all .2s ease-out;
			}

		.ccm-block-switch-language-flags a {
			position: relative;
			display: block;
			float: right;
			padding: 8px 15px 8px 15px;
			margin: 2px 0 0 0;
			font-family: 'Gotham-Medium', arial, sans-serif;
			font-size: 14px;
			line-height: 14px;
			text-transform: uppercase;
			text-align: center;
			color: #fff;
			background: rgba(255,255,255,0.15);
			border-radius: 5px;
			cursor: pointer;
			}
			.ccm-block-switch-language-flags:hover a {
				color: #fff;
				background: rgba(255,255,255,0.25);			
				}
		/*.topBar-language:after {
			content: "";
			display: inline-block;
			position: absolute;
			top: 11px;
			right: 10px;
			width: 11px;
			height: 7px;
			background: url('../images/icon-arrow-white-down.png') no-repeat center center;				
			background-size: 11px auto;
			transition: all .2s ease-out;
			}*/

	.head {
		position: fixed;
		z-index: 800;
		width: 100%;
		padding: 0 105px;
		webkit-transition: all .5s ease-out;
		-moz-transition: all .5s ease-out;
		-o-transition: all .5s ease-out;
		-ms-transition: all .5s ease-out;
		transition: all .5s ease-out;
		}	
	.scrolled .head {
		top: 0;
		background: rgba(0,105,170,1);	
		}
		.head-logo {
			display: block;
			float: left;
			width: 260px;
			height: auto;
			margin: 0 0 0 -12px;
			webkit-transition: all .5s ease-out;
			-moz-transition: all .5s ease-out;
			-o-transition: all .5s ease-out;
			-ms-transition: all .5s ease-out;
			transition: all .5s ease-out;
			}		
		.scrolled .head-logo {
			width: 200px;
			margin-top: 23px;
			}
			.head-logo img {
				width: 100%;
				height: auto;
				}
		.head-navMobile {
			display: none;
			}
		.head-nav {
			float: right;
			width: 900px;
			padding: 42px 0 0 0;
			webkit-transition: all .5s ease-out;
			-moz-transition: all .5s ease-out;
			-o-transition: all .5s ease-out;
			-ms-transition: all .5s ease-out;
			transition: all .5s ease-out;
			}
		.scrolled .head-nav {
			padding: 30px 0 27px 0;
			}

			/* MENU - MAIN - LEVEL 1 */

			.head-nav > ul {
				float: right;
				padding: 0;
				margin: 0;
				}		
			.head-nav > ul > li {
				position: relative;
				float: left;
				padding: 0;
				margin: 0;
				list-style: none;
				}
				.head-nav > ul > li > a {						
					display: block;
					margin: 0 18px;
					padding: 10px 0;
					font-family: interstate, sans-serif;
					font-weight: 700;
					font-style: normal;
					font-size: 16px;
					line-height: 16px;
					text-transform: uppercase;
					color: #fff;
					border-bottom: 3px solid rgba(31,178,90,0);
					}	
				.head-nav > ul > li:hover > a {		
					border-bottom: 3px solid rgba(31,178,90,1);
					}
				.head-nav > ul > li.nav-path-selected > a {	
					color: #1fb25a;
					}	
				.head-nav > ul > li:last-child > a {
					margin-right: 0;
					}

					/* MENU - MAIN - LEVEL 2 */
					
					.head-nav > ul > li > ul {
						display: none;
						position: absolute;
						z-index: 99;
						top: 39px;
						left: 0;
						width: 350px;
						margin: 0;						
						padding: 25px 25px 25px 0;
						}
					.head-nav > ul > li:last-child > ul {
						left: auto;
						right: -15px;
						padding: 25px 0 25px 25px;
						}
					.scrolled .head-nav > ul > li > ul {
						padding-top: 50px;
						}
					.head-nav > ul > li > ul > li {
						margin: 0;
						padding: 0;
						list-style: none;
						background: none;
						}
						.head-nav > ul > li > ul > li > a {
							position: relative;
							display: block;
							padding: 5px 0 5px 17px;
							font-family: 'Gotham-Regular', arial, sans-serif;
							font-size: 16px;
							line-height: 19px;
							text-align: left;
							color: #fff;
							overflow: hidden;
							}	
						.head-nav > ul > li:last-child > ul > li > a {
							text-align: right;
							padding: 5px 17px 5px 0;
							}
						.head-nav > ul > li > ul > li > a:after {
							background: url('../images/icon-arrow-green-right.png') no-repeat top left;				
							background-size: 8px auto;
							display: inline-block;
							position: absolute;
							top: 8px;
							left: -8px;
							width: 8px;
							height: 12px;
							content: "";
							transition: all .2s ease-out;
							}	
						.head-nav > ul > li:last-child > ul > li > a:after {
							left: auto;
							right: -8px;
							}	
						.head-nav > ul > li > ul > li > a:hover {
							color: #1fb25a;
							}
						.head-nav > ul > li > ul > li > a:hover:after {
							left: 0;
							}
						.head-nav > ul > li:last-child > ul > li > a:hover:after {
							left: auto;
							right: 0;
							}
							
							/* MENU - MAIN - LEVEL 3 */
					
							.head-nav > ul > li > ul > li > ul {
								display: none;
								margin: 0;						
								padding: 5px 0 5px 15px;
								}
							.head-nav > ul > li > ul > li > ul > li {
								margin: 0;
								padding: 0;
								list-style: none;
								background: none;
								}
								.head-nav > ul > li > ul > li > ul > li > a {
									position: relative;
									display: block;
									padding: 5px 0 5px 17px;
									font-family: 'Gotham-Bold', arial, sans-serif;
									font-size: 15px;
									line-height: 19px;
									text-align: left;
									color: #fff;
									overflow: hidden;
									}
								.head-nav > ul > li > ul > li > ul > li > a:after {
									background: url('../images/icon-arrow-green-right.png') no-repeat top left;				
									background-size: 8px auto;
									display: inline-block;
									position: absolute;
									top: 8px;
									left: -8px;
									width: 8px;
									height: 12px;
									content: "";
									transition: all .2s ease-out;
									}
								.head-nav > ul > li > ul > li > ul > li > a:hover {
									color: #1fb25a;
									}
								.head-nav > ul > li > ul > li > ul > li > a:hover:after {
									left: 0;
									}

	.banner {
		width: 1700px;
		height: 275px;
		padding: 120px 0 0 0;
		margin: 0 auto;
		text-align: center;
		}
		.banner-section {
			margin: 0 0 15px 0;
			font-family: interstate, sans-serif;
			font-weight: 400;
			font-style: normal;
			font-size: 30px;
			line-height: 30px;
			color: #1fb25a;
			}
		.banner h1 {
			margin: 0;
			font-family: interstate, sans-serif;
			font-weight: 700;
			font-style: normal;
			font-size: 60px;
			line-height: 62px;
			text-transform: uppercase;
			color: #fff;
			}
	
	/* BODY */
	
	.curveUp {
		position: relative;
		height: 104px;
		background: url('../images/bg-curveUp.png') no-repeat bottom center;
		background-size: contain;
		}

	.body-container {
		margin-top: -1px;
		background: #fff;
		}
	.body-container.grey {
		background: #f2f2f2;
		}
		.body {
			width: 1700px;
			margin: 0 auto;
			padding: 40px 0 150px 0;
			}		
		.body-container.first .body {
			padding-bottom: 50px;
			}				
		.body-container.grey .body {
			padding-top: 70px;
			padding-bottom: 50px;
			}	
		.body-container.second .body {
			padding-top: 70px;
			}
		/*
		.retailer-application-form .body,
		.formulaire-de-demande-pour-detaillant .body {
			width: 100%;
			padding-left: 40px;
			padding-right: 40px;
			}
		*/

			.body h2 {	
				position: relative;		
				margin: 0 0 40px 0;
				padding: 0 0 20px;		
				font-family: interstate, sans-serif;
				font-weight: 400;
				font-style: normal;
				font-size: 42px;
				line-height: 45px;
				color: #1fb25a;
				}
				.body h2:after {						
					content: "";
					display: inline-block;
					position: absolute;
					bottom: 0;
					left: 0;
					width: 200px;
					height: 4px;
					transition: all .2s ease-out;
					background: rgba(0,0,0,0.1);
					}
			.body h3 {			
				position: relative;
				margin: 0 0 40px 0;	
				font-family: interstate, sans-serif;
				font-weight: 400;
				font-style: normal;
				font-size: 35px;
				line-height: 40px;
				color: #0069aa;
				}	
			.body h4 {			
				margin: 0 0 40px 0;
				padding: 0 0 15px 0;		
				font-family: interstate, sans-serif;
				font-weight: 700;
				font-style: normal;
				font-size: 22px;
				line-height: 26px;
				text-transform: uppercase;
				color: #0397d6;
				border-bottom: 2px solid rgba(0,0,0,0.15);
				overflow: hidden; 
				}
			.body h5 {			
				margin: 0 0 40px 0;
				padding: 0;		
				font-family: interstate, sans-serif;
				font-weight: 700;
				font-style: normal;
				font-size: 20px;
				line-height: 24px;
				color: rgba(0,0,0,0.8);
				}

			.body p.lessMargin,
			.body h2.lessMargin,
			.body h3.lessMargin,
			.body h4.lessMargin,
			.body h5.lessMargin {			
				margin-bottom: 15px;
				}

			.body ul,
			.r-tabs-panel ul {
				margin: 0 0 30px 0;
				padding: 0;
				}
			.body ul li,
			.r-tabs-panel ul li {
				margin: 0;
				padding: 10px 0 10px 30px;
				list-style: none;
				background: url('../images/icon-arrow-green-right.png') no-repeat 0 19px;
				border-bottom: 1px solid rgba(0,0,0,0.15);
				background-size: 10px auto;
				overflow: hidden;
				}
			.body ul li:last-child,
			.r-tabs-panel ul li:last-child {
				border-bottom: none;
				}
				.body ul li ul,
				.r-tabs-panel ul li ul {
					margin: 0;
					padding: 0;
					}
				.body ul li ul li,
				.r-tabs-panel ul li ul li {
					margin: 0;
					padding: 10px 0 10px 30px;
					list-style: none;
					background: url('../images/icon-arrow-green-right.png') no-repeat 0 19px;
					border-bottom: 1px solid rgba(0,0,0,0.15);
					background-size: 10px auto;
					overflow: hidden;
					}

			.body ul.nav {
				margin: 0 0 30px 0;
				padding: 0;
				}
			.body ul.nav li {
				margin: 0;
				padding: 10px 20px 10px 45px;
				margin: 0 0 10px 0;
				list-style: none;
				background: url('../images/icon-arrow-green-right.png') no-repeat 20px 19px;
				border: 2px solid rgba(0,0,0,0.15);
				border-radius: 7px;
				background-size: 108px auto;
				}

			.body ol {
				margin: 0 0 30px 0;
				padding: 0;
				list-style-type: none;
				counter-reset: standard-counter;
				}
			.body ol li {
				position: relative;
				margin: 0;
				padding: 15px 0 15px 50px;
				border-bottom: 1px solid rgba(0,0,0,0.15);
				overflow: hidden;
				}
			.body ol li:last-child {
				border-bottom: none;
				}
			.body ol li:before {
				content: counter(standard-counter);
				counter-increment: standard-counter;
				position: absolute;
				left: 0;
				top: 16px;
				width: 26px;
				height: 21px;
				text-align: center;
				padding: 4px 0 0 0;
				font-family: 'Gotham-Bold', arial, sans-serif;
				font-size: 18px;
				line-height: 18px;
				color: #1fb25a;
				border: 2px solid #1fb25a;
				border-radius: 50%;
				}

			.body ul.list-pdf li,
			.r-tabs-panel ul.list-pdf li {
				padding: 20px 0 20px 48px;
				background: url('../images/icon-pdf.png') no-repeat 0 15px;
				background-size: 30px auto;
				}
			.body ul.list-pdf-doc li,
			.r-tabs-panel ul.list-pdf-doc li {
				padding: 20px 0 20px 48px;
				background: url('../images/icon-pdf-doc.png') no-repeat 0 15px;
				background-size: 27px auto;
				}

			.body a.link-pdf {
				display: inline-block;
				position: relative;
				padding: 20px 45px 0 90px;
				margin: 0 0 40px 0;
				font-family: interstate, sans-serif;
				font-weight: 400;
				font-style: normal;
				font-size: 24px;
				line-height: 28px;
				}			
				.body a.link-pdf:before {
					display: inline-block;
					position: absolute;
					top: 0;
					left: 0;
					width: 64px;
					height: 82px;
					content: "";
					background: url('../images/icon-pdf.png') no-repeat center center;				
					background-size: 64px auto;
					webkit-transition: all .25s ease-out;
					-moz-transition: all .25s ease-out;
					-o-transition: all .25s ease-out;
					-ms-transition: all .25s ease-out;
					transition: all .25s ease-out;						
					}		
				.body a.link-pdf:hover:before{
					left: 10px;
					}
			.body a.link-pdf.link-chevron {
				
				}				
				.body a.link-pdf.link-chevron:before {
					top: 25%;
					width: 60px;
					height: 67px;
					background: url('../images/icon-chevron.png') no-repeat center center;				
					background-size: 60px auto;					
					}	

			.body a.link-pdf-doc {
				display: inline-block;
				position: relative;
				padding: 20px 45px 0 90px;
				margin: 0 0 40px 0;
				font-family: interstate, sans-serif;
				font-weight: 400;
				font-style: normal;
				font-size: 24px;
				line-height: 28px;
				}			
				.body a.link-pdf-doc:before {
					display: inline-block;
					position: absolute;
					top: 0;
					left: 0;
					width: 58px;
					height: 82px;
					content: "";
					background: url('../images/icon-pdf-doc.png') no-repeat center center;				
					background-size: 58px auto;
					webkit-transition: all .25s ease-out;
					-moz-transition: all .25s ease-out;
					-o-transition: all .25s ease-out;
					-ms-transition: all .25s ease-out;
					transition: all .25s ease-out;						
					}		
				.body a.link-pdf-doc:hover:before{
					left: 10px;
					}

			.body a.link-news {
				display: inline-block;
				position: relative;
				padding: 25px 45px 0 90px;
				margin: 0 0 40px 0;
				font-family: interstate, sans-serif;
				font-weight: 400;
				font-style: normal;
				font-size: 24px;
				line-height: 28px;
				}			
				.body a.link-news:before {
					display: inline-block;
					position: absolute;
					top: 0;
					left: 0;
					width: 64px;
					height: 82px;
					content: "";
					background: url('../images/icon-news.png') no-repeat center center;				
					background-size: 64px auto;
					webkit-transition: all .25s ease-out;
					-moz-transition: all .25s ease-out;
					-o-transition: all .25s ease-out;
					-ms-transition: all .25s ease-out;
					transition: all .25s ease-out;						
					}		
				.body a.link-news:hover:before{
					left: 10px;
					}

			.body .third-left {
				float: left;
				width: 28%;
				}
			.body .third-middle {
				float: left;
				width: 27%;
				}
			.body .third-right {
				float: left;
				width: 40%;
				}
				.body .third-left p,
				.body .third-middle p,
				.body .third-right p {
					line-height: 21px;
					}
				.body .third-left p.large,
				.body .third-middle p.large,
				.body .third-right p.large {
					line-height: 27px;
					}

			.body .columns {

				}
				.body .columns:after {
					visibility: hidden;
					display: block;
					font-size: 0;
					content: " ";
					clear: both;
					height: 0;
					}

				/* HALVES */
				.body .columns-half-left {
					float: left;
					width: 50%;
					padding-right: 35px;
					}
					.body .columns-half-left img {
						display: block;
						width: 100% !important;
						height: auto !important;
						}
				.body .columns-half-right {
					float: right;
					width: 50%;
					padding-left: 35px;
					}
					.body .columns-half-right img {
						display: block;
						width: 100% !important;
						height: auto !important;
						}

				/* THIRDS */
				.body .columns-third-left {
					float: left;
					width: 33.33%;
					padding-right: 25px;
					}
				.body .columns-third-middle {
					float: left;
					width: 33.33%;
					padding-left: 25px;
					padding-right: 25px;
					}
				.body .columns-third-right {
					float: left;
					width: 33.33%;
					padding-left: 25px;
					}

				/* QUARTERS */
				.body .columns-quarter-one {
					float: left;
					width: 25%;
					padding-left: 25px;
					padding-right: 25px;
					}
				.body .columns-quarter-two {
					float: left;
					width: 25%;
					padding-left: 25px;
					padding-right: 25px;
					}
				.body .columns-quarter-three {
					float: left;
					width: 25%;
					padding-left: 25px;
					padding-right: 25px;
					}				
				.body .columns-quarter-four {
					float: left;
					width: 25%;
					padding-left: 25px;
					padding-right: 25px;
					}
				.body .columns-quarter-clear {
					display: none;
					}

				/* FIFTHS */
				.body .columns-fifth-one {
					float: left;
					width: 20%;
					padding-left: 25px;
					padding-right: 25px;
					}
				.body .columns-fifth-two {
					float: left;
					width: 20%;
					padding-left: 25px;
					padding-right: 25px;
					}
				.body .columns-fifth-three {
					float: left;
					width: 20%;
					padding-left: 25px;
					padding-right: 25px;
					}				
				.body .columns-fifth-four {
					float: left;
					width: 20%;
					padding-left: 25px;
					padding-right: 25px;
					}			
				.body .columns-fifth-five {
					float: left;
					width: 20%;
					padding-left: 25px;
					padding-right: 25px;
					}
				.body .columns-fifth-clear {
					display: none;
					}

				/* EIGHTHS */
				.body .columns-eighths-one,
				.body .columns-eighths-two,
				.body .columns-eighths-three,
				.body .columns-eighths-four,
				.body .columns-eighths-five,
				.body .columns-eighths-six,
				.body .columns-eighths-seven,
				.body .columns-eighths-eight {
					float: left;
					width: 12.5%;
					padding-right: 25px;
					}
				.body .columns-eighths-clear {
					display: none;
					}

				/* TWO THIRDS LEFT / ONE THIRD RIGHT */
				.body .columns-two-thirds-left {
					float: left;
					width: 66%;
					padding-right: 75px;
					}
				.body .columns-one-third-right {
					float: right;
					width: 34%;
					}
					.body .columns-one-third-right img {
						display: block;
						width: 100% !important;
						height: auto !important;
						}

				/* ONE THIRD LEFT / TWO THIRDS RIGHT */
				.body .columns-one-third-left {
					float: left;
					width: 34%;
					}
					.body .columns-one-third-left img {
						display: block;
						width: 100% !important;
						height: auto !important;
						}
				.body .columns-two-thirds-right {
					float: right;
					width: 66%;
					padding-left: 75px;
					}

				/* THREE QUARTERS LEFT / ONE QUARTER RIGHT */
				.body .columns-three-quarters-left {
					float: left;
					width: 75%;
					padding-right: 75px;
					}
				.body .columns-one-quarter-right {
					float: right;
					width: 25%;
					}
					.body .columns-one-quarter-right img {
						display: block;
						width: 100% !important;
						height: auto !important;
						}

				/* ONE QUARTER LEFT / THREE QUARTERS RIGHT */
				.body .columns-one-quarter-left {
					float: left;
					width: 25%;
					}
					.body .columns-one-quarter-left img {
						display: block;
						width: 100% !important;
						height: auto !important;
						}
				.body .columns-three-quarters-right {
					float: right;
					width: 75%;
					padding-left: 75px;
					}	

				.body .columns img.cke_anchor {
					width: auto !important;
					height: auto !important;
					}						

	.curveUpGrey {
		position: relative;
		height: 104px;
		margin-top: -104px;
		background: url('../images/bg-curveUp-grey.png') no-repeat bottom center;
		background-size: contain;
		}

	.video-container {
		position: relative;
		top: -150px;
		background-color: #bcc6cc;
		display: grid;
		grid-template-columns: 1fr 1fr;
		padding: 80px 0px;
		margin: 0 auto;
	}
	
	.home-video2-text {
		padding-left: 2vw;
	}
	iframe {
		justify-self: center;
	}
	.home-video2-text > h1 {
		margin-bottom: 35px;
		color: #008752;
		font-family: interstate, sans-serif;
		font-weight: 400;
		line-height: 45px;
	}
	
	.home-video2-text > p {
		padding-right: 4vw;
	}
	
	.home-hse {
		position: relative;
		width: 1700px;
		margin: 0 auto;
		padding: 50px 90px;
		top: -125px;
		background: #f2f2f2;
		z-index: 5;
	}
		
	/* FOOT */
		
	.sitemap-container {
		background: #f2f2f2;
		}
	.home .sitemap-container {
		background: #fff;
		}
		.sitemap {
			width: 1700px;
			margin: 0 auto;
			padding: 60px 0;
			}

			/* FOOT - LEVEL 1 */

			.sitemap > ul {
				padding: 0;
				margin: 0;
				}		
			.sitemap > ul > li {
				position: relative;
				float: left;
				width: 20%;
				padding: 0;
				margin: 0;
				list-style: none;
				}
				.sitemap > ul > li > a {
					position: relative;						
					display: block;
					padding: 0 0 16px 0;
					font-family: interstate, sans-serif;
					font-weight: 700;
					font-style: normal;
					font-size: 18px;
					line-height: 18px;
					text-transform: uppercase;
					color: #0069aa;
					}
				.sitemap > ul > li > a:hover {
					color: #0397d6;
					}
				.sitemap > ul > li > a:after {						
					content: "";
					display: inline-block;
					position: absolute;
					bottom: 0;
					left: 0;
					width: 128px;
					height: 4px;
					transition: all .2s ease-out;
					background: rgba(0,0,0,0.1);
					}
				.sitemap > ul > li > a:hover:after {	
					width: 145px;
					}

					/* FOOT - LEVEL 2 */

					.sitemap > ul > li > ul {
						padding: 20px 0 0 0;
						margin: 0;
						}		
					.sitemap > ul > li > ul > li {
						padding: 0;
						margin: 0;
						list-style: none;
						}
						.sitemap > ul > li > ul > li > a {
							display: block;
							padding: 5px 20px 5px 0;
							font-family: 'Gotham-Medium', arial, sans-serif;
							font-size: 15px;
							line-height: 17px;
							color: rgba(0,0,0,0.5);
							}
						.sitemap > ul > li > ul > li > a:hover {
							color: #0397d6;
							}

		.foot-container {
			background: #0069aa;
			}
			.foot {
				width: 1700px;
				margin: 0 auto;
				padding: 50px 0;
				}
				.foot-left {
					float: left;
					width: 51%;
					}				
					.foot-left img {
						float: left;
						width: 50px;
						height: auto;
						margin: -5px 50px 0 0;
						}				
					.fr .foot-left img {
						margin-top: 0;
						}				
					.foot-left-left,
					.foot-left-middle,
					.foot-left-right {
						float: left;
						width: 25%;
						margin: 7px 0 0 0;
						font-family: interstate, sans-serif;
						font-weight: 300;
						font-style: normal;
						font-size: 24px;
						line-height: 24px;
						color: #fff;
						}					
						.foot-left-left span,
						.foot-left-middle span,
						.foot-left-right span {
							display: block;
							margin: 0 0 10px 0;
							font-family: interstate, sans-serif;
							font-weight: 700;
							font-style: normal;
							font-size: 15px;
							line-height: 15px;
							text-transform: uppercase;
							color: #1fb25a;
							}				
							.foot-left-left span div,
							.foot-left-middle span div,
							.foot-left-right span div {
								display: inline;
								}
							.fr .foot-left-left span div,
							.fr .foot-left-middle span div,
							.fr .foot-left-right span div {
								display: block;
								}
				.foot-right {
					float: right;
					width: 49%;
					}
					.foot-right-social {
						float: right;
						width: 90px;
						margin-top: 14px;
						margin-left: 40px;
						}
						.foot-right-social img {
							position: relative;
							width: auto;
							height: 28px;
							transition: all 0.25s ease-out;
							transform: scale(1);
							}
						.foot-right-social img:hover {
							transform: scale(1.2);
							}
						.foot-right-social .linkedin img {
							margin-right: 20px;
							}
					.foot-right-clear {
						
						}
					.foot-right ul {
						float: right;
						padding: 15px 0 0 0;
						margin: 0;
						}		
					.foot-right ul li {
						float: left;
						padding: 0;
						margin: 0;
						list-style: none;
						}
						.foot-right ul li a {	
							padding: 0 13px;
							font-family: interstate, sans-serif;
							font-weight: 700;
							font-style: normal;
							font-size: 14px;
							line-height: 14px;
							text-transform: uppercase;
							color: #fff;
							}
						.foot-right ul li.mdp a {	
							padding: 0 13px;
							font-size: 13px;
							line-height: 13px;
							color: rgba(255,255,255,0.5);
							}
						.fr .foot-right ul li.mdp {	
							display: none;
							}
						.foot-right ul li a:hover {
							color: #1fb25a;
							}

	/*------------------------------
		Full-io. INVESTOR OVERVIEW
	------------------------------*/

	.irOverview .body {
		width: 100%;
		padding-top: 60px;
		}
		.irOverview-intro {
			padding: 0 110px;
			}
			.irOverview-intro a.subscribe {
				margin-top: 25px;
				font-size: 30px;
				line-height: 30px;
				}			
			.irOverview-intro a.subscribe:after {
				top: -2px;	
				}
		.irOverview-top {
			padding-top: 50px;
			padding-bottom: 125px;
			}
			.irOverview-top-news {
				float: left;
				width: 50%;
				padding: 0 0 0 110px;
				}
				.irOverview-top-news .news-left {
					float: left;
					width: 15%;
					margin: 0 0 40px 0;
					}
				.irOverview-top-news .news-right {
					float: left;
					width: 85%;
					height: 84px;
					margin: 0 0 40px 0;
					font-family: 'Gotham-Light', arial, sans-serif;
					font-size: 30px;
					line-height: 84px;
					}
					.irOverview-top-news .news-right-center {
						display: inline-block;
						vertical-align: middle;
						line-height: 35px;
						}	
						.irOverview-top-news .news-right-center a {
							color: rgba(0,0,0,0.6);
							}	
						.irOverview-top-news .news-right-center a:hover {
							color: #1fb25a;
							}
				.irOverview-top-news a.button-darkBlue {
					margin-top: 40px;
					width: 100%;
					}
			.irOverview-top-presentation {
				float: right;
				width: 45%;
				padding: 92px 0;
				background: #1fb25a url('../images/bg-ir-overview-presentation.jpg') no-repeat top center;					
				}
				.irOverview-top-presentation .home-investors-left-presentation {
					float: none;
					width: 100%;				
					}
					.irOverview-top-presentation .home-investors-left-presentation .circle {
						width: 390px;
						height: 390px;
						margin: 0 auto;
						padding-top: 65px;	
						border: 6px solid #fff;			
						}
					.irOverview-top-presentation .home-investors-left-presentation .circle:hover {
						background: #1fb25a;		
						}
						.irOverview-top-presentation .home-investors-left-presentation .circle img {
							width: 87px;				
							}
						.irOverview-top-presentation .home-investors-left-presentation .circle h2 {
							font-size: 36px;
							line-height: 40px;
							color: #fff;					
							}
						.irOverview-top-presentation .home-investors-left-presentation .circle h3 {
							font-size: 23px;
							line-height: 25px;
							color: #fff;					
							}
		.irOverview-bottom {
			
			}
			.irOverview-bottom-content {
				float: left;
				width: 50%;
				padding: 110px 90px 110px 110px;
				background: rgba(0,0,0,0.05);
				}
				.irOverview-bottom-content p {
					margin-bottom: 0;
					}
			.irOverview-bottom-reportsStock {
				float: right;
				width: 45%;
				padding: 0 110px 0 0;
				}
				.irOverview-bottom-reportsStock-reports {
					float: left;
					width: 55%;
					padding-right: 50px;
					}
					.irOverview-bottom-reportsStock-reports ul {
						margin: 0 0 50px 0;
						padding: 0;
						}
					.irOverview-bottom-reportsStock-reports ul li {
						margin: 0;
						padding: 13px 0 11px 48px;
						margin: 0 0 10px 0;
						list-style: none;	
						font-family: 'Gotham-Regular', arial, sans-serif;
						font-size: 17px;
						line-height: 22px;					
						background: url('../images/icon-pdf.png') no-repeat left center;
						background-size: 30px auto;
						overflow: hidden;
						border: none;
						webkit-transition: all .25s ease-out;
						-moz-transition: all .25s ease-out;
						-o-transition: all .25s ease-out;
						-ms-transition: all .25s ease-out;
						transition: all .25s ease-out;							
						}
					.irOverview-bottom-reportsStock-reports ul li:hover {				
						background-position: 5px center;
						}
						.irOverview-bottom-reportsStock-reports ul li a {
							color: rgba(0,0,0,0.6);
							}	
						.irOverview-bottom-reportsStock-reports ul li a:hover {
							color: #1fb25a;
							}
				.irOverview-bottom-reportsStock-stock {
					float: left;
					width: 45%;
					}
					.irOverview-bottom-reportsStock-stock h2 {
						margin: 0 0 53px 0;
						}
					.irOverview-bottom-reportsStock-stock h3 {
						margin: 0 0 12px 0;
						padding: 0;		
						font-family: interstate, sans-serif;
						font-weight: 700;
						font-style: normal;
						font-size: 18px;
						line-height: 20px;
						text-transform: uppercase;
						color: #1fb25a;
						}				
						.irOverview-bottom-reportsStock-stock h3 img {
							margin: -8px 0 0 15px;
							width: 40px;
							height: auto;
							}				
					.irOverview-bottom-reportsStock-stock h4 {
						margin: 0 0 20px 0;
						padding: 0;		
						font-family: interstate, sans-serif;
						font-weight: 300;
						font-style: normal;
						font-size: 48px;
						line-height: 48px;
						color: #1fb25a;
						border: none;
						}
						.irOverview-bottom-reportsStock-stock .data-table  {
							position: relative;
							z-index: 99;
							width: 100%;
							margin: 0 0 30px 0;
							background: #fff;
							border-spacing: 0;
							border: none;
							}	
							.irOverview-bottom-reportsStock-stock .data-table tbody tr td {
								padding: 10px;
								font-size: 14px;
								line-height: 14px;
								text-align: left;
								border: none;
								vertical-align: top;
								}
							.irOverview-bottom-reportsStock-stock .data-table tbody tr:nth-child(even) td {
								background: #fff;
								}
							.irOverview-bottom-reportsStock-stock .data-table tbody tr:nth-child(odd) td {
								background: #f2f2f2;
								}

	/*------------------------------
		Full-bl. BRAND LISTING
	------------------------------*/

	body.brandListing {
		
		}

	.brandListing .body {
		padding-top: 70px;
		padding-bottom: 70px;
		}

	.brandListing .curveUpGrey {
		display: none;
		}

	.brandListing .sitemap-container {
		background: #fff;
		}

	.brands {
		background: #e5e5e5;
		}
		.brands-item {
			position: relative;
			float: left;
			width: 25%;
			height: 366px;
			overflow: hidden;
			text-align: center;
			}	
		.brands-item:nth-child(5n+1) {
			background-color: rgba(0,57,115,1);
			}
		.brands-item:nth-child(5n+2) {
			background-color: rgba(0,105,170,1);
			}	
		.brands-item:nth-child(5n+3) {
			background-color: rgba(0,135,82,1);
			}	
		.brands-item:nth-child(5n+4) {
			background-color: rgba(3,151,214,1);
			}	
		.brands-item:nth-child(5n+5) {
			background-color: rgba(31,178,90,1);
			}
			.brands-item-content {
				position: absolute;				
				z-index: 2;
				top: 32%;
				left: 0;
				right: 0;
				width: 100%;
				height: auto;
				margin: auto;
				padding: 0 45px;
				webkit-transition: all .35s ease-out;
				-moz-transition: all .35s ease-out;
				-o-transition: all .35s ease-out;
				-ms-transition: all .35s ease-out;
				transition: all .35s ease-out;	
				}
			.brands-item-content {
				top: 32%;
				}									
			.brands-item:hover .brands-item-content {
				top: 13%;
				}							
				.brands-item-content img {						
					width: auto;
					height: 94px;
					margin: 0 auto;
					}
				.brands-item-content h2 {						
					opacity: 1;
					padding: 0;
					margin: 15px 0 0 0;
					font-family: 'Gotham-Bold', arial, sans-serif;
					font-size: 14px;
					line-height: 23px;
					text-transform: uppercase;
					color: #fff;
					webkit-transition: all .35s ease-out;
					-moz-transition: all .35s ease-out;
					-o-transition: all .35s ease-out;
					-ms-transition: all .35s ease-out;
					transition: all .35s ease-out;	
					}
				.brands-item:hover .brands-item-content h2 {					
					opacity: 0;
					}
				.brands-item-content p {						
					opacity: 0;
					margin: 0 0 35px 0;
					font-family: 'Gotham-Regular', arial, sans-serif;
					font-size: 15px;
					line-height: 23px;
					color: #fff;
					webkit-transition: all .35s ease-out;
					-moz-transition: all .35s ease-out;
					-o-transition: all .35s ease-out;
					-ms-transition: all .35s ease-out;
					transition: all .35s ease-out;	
					}
				.fr .brands-item-content p {
					margin-bottom: 25px;
					font-size: 13px;
					line-height: 20px;
					}
				.brands-item:hover .brands-item-content p {					
					opacity: 1;
					}
				.brands-item-content a {	
					opacity: 0;
					display: inline-block;
					padding: 15px 25px;
					margin: 0 0 10px 0;
					font-family: 'Gotham-Bold', arial, sans-serif;
					font-size: 14px;
					line-height: 14px;
					text-transform: uppercase;
					background: rgba(255,255,255,1);
					webkit-transition: all .35s ease-out;
					-moz-transition: all .35s ease-out;
					-o-transition: all .35s ease-out;
					-ms-transition: all .35s ease-out;
					transition: all .35s ease-out;
					}
				.brands-item:nth-child(5n+1) .brands-item-content a {	
					color: rgba(0,57,115,1);
					}
				.brands-item:nth-child(5n+2) .brands-item-content a {	
					color: rgba(0,105,170,1);
					}
				.brands-item:nth-child(5n+3) .brands-item-content a {	
					color: rgba(0,135,82,1);
					}
				.brands-item:nth-child(5n+4) .brands-item-content a {	
					color: rgba(3,151,214,1);
					}
				.brands-item:nth-child(5n+5) .brands-item-content a {	
					color: rgba(31,178,90,1);
					}
				.brands-item-content a:hover {	
					color: #282828;
					background: rgba(255,255,255,0.5);
					}
				.brands-item:hover .brands-item-content a {	
					opacity: 1;
					}
			.brands-item-bg {
				opacity: 0.2;
				position: absolute;
				z-index: 1;
				top: 0;
				left: 0;
				width: 100%;
				height: 366px;				
				background-size: cover;
				background-repeat: no-repeat;
				background-position: top center;
				webkit-transition: all .35s ease-out;
				-moz-transition: all .35s ease-out;
				-o-transition: all .35s ease-out;
				-ms-transition: all .35s ease-out;
				transition: all .35s ease-out;	
				}
			.brands-item:nth-child(5n+1) .brands-item-bg {
				background-color: rgba(0,57,115,1);
				}
			.brands-item:nth-child(5n+2) .brands-item-bg {
				background-color: rgba(0,105,170,1);
				}
			.brands-item:nth-child(5n+3) .brands-item-bg {
				background-color: rgba(0,135,82,1);
				}
			.brands-item:nth-child(5n+4) .brands-item-bg {
				background-color: rgba(3,151,214,1);
				}
			.brands-item:nth-child(5n+5) .brands-item-bg {
				background-color: rgba(31,178,90,1);
				}
			.brands-item:hover .brands-item-bg {
				opacity: 0;
				}

	/*------------------------------
		Full-bd. BRAND DETAIL
	------------------------------*/



	/*------------------------------
		Full-h. HOME
	------------------------------*/
	
	body.home {
		background: none;
		}

	.home-feature {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 772px;
		}
		.featureSlider {		
			
			}
			.home-feature-slide {
				position: relative;
				display: block;
				height: 772px;
				padding: 0;
				text-align: center;
				background-color: #002b48;
				background-repeat: no-repeat;
				background-position: 80% 30%;	
				background-size: 100% auto;
				object-fit: cover;			
				}				
				.home-feature-slide-content {
					position: absolute;
					left: 50%;	
					margin-left: -550px;			
					width: 1100px;
					z-index: 2;
					bottom: 230px;
					}		
					.home-feature-slide-content .logo {					
						margin: 0 auto 35px auto;
						}	
					.home-feature-slide-content .logo-um-pc {					
						width: 391px;
						height: auto;
						margin: 0 auto 35px auto;
						}	
					.home-feature-slide-content .logo-bcf {					
						display: inline;
						width: auto;
						height: 100px;
						margin-bottom: 40px;
						}
					.home-feature-slide-content .logo-bcf.cd {	
						margin-right: 30px;
						}
					.home-feature-slide-content .photo {					
						width: 225px; 
						height: auto;
						margin: 0 auto 35px auto;
						}		
					.home-feature-slide-content .community-driven {					
						width: 415px; 
						height: auto;
						margin: 0 auto 45px auto;
						}	
					.home-feature-slide-content h1 {
						margin: 0 0 15px 0;
						font-family: interstate, sans-serif;
						font-weight: 700;
						font-style: normal;
						font-size: 58px;
						line-height: 60px;
						text-transform: uppercase;
						color: #fff;
						}	
					.home-feature-slide-content h1.small {
						font-size: 38px;
						line-height: 40px;
						}		
					.home-feature-slide-content h1.smallish {
						font-size: 36px;
						line-height: 40px;
						}
					.fr .home-feature-slide-content h1.smaller {
						font-size: 29px;
						line-height: 36px;
						}	
					.fr .home-feature-slide-content h1 {
						font-size: 48px;
						line-height: 50px;
						}	
					.home-feature-slide-content h1.small,
					.fr .home-feature-slide-content h1.small {
						font-size: 38px;
						line-height: 40px;
						}		
					.home-feature-slide-content h2 {
						margin: 0;
						font-family: interstate, sans-serif;
						font-weight: 700;
						font-style: normal;
						font-size: 20px;
						line-height: 30px;
						text-transform: uppercase;
						color: #1fb25a;
						}		
					.home-feature-slide-content h2.small {
						font-size: 18px;
						line-height: 28px;
						}		
					.home-feature-slide-content.bcf a {
						color: #e51578;
						}		
					.home-feature-slide-content.bcf a:hover {
						color: #fff;
						}				
				.home-feature .slick-dots {
					position: absolute;
					left: 50%;	
					margin-left: -100px;			
					width: 200px;
					z-index: 2;
					bottom: 175px;
					}				
					.home-feature .slick-dots li {
						overflow: hidden;
						}			
						.home-feature .slick-dots li button:before {
							padding-top: 1px;
							}

	.curveUp.homeTop {
		z-index: 3;
		margin-top: 606px; 
		}

	.featureBoxes {
		position: relative;
		z-index: 4;
		width: 1700px;
		margin: -160px auto 20px auto;
		}
		.featureBoxes-box-container {
			float: left;
			width: 33.33%;
			}
		.featureBoxes-box-container.ourBusinesses {
			padding-right: 22px;
			}
		.featureBoxes-box-container.investors {
			padding-left: 22px;
			padding-right: 22px;
			}
		.featureBoxes-box-container.careers {
			padding-left: 22px;
			}
			.featureBoxes-box {
				position: relative;
				display: block;
				height: 215px;
				padding: 45px;
				color: #fff;
				-webkit-transition: all .25s ease-out;
				-moz-transition: all .25s ease-out;
				-o-transition: all .25s ease-out;
				-ms-transition: all .25s ease-out;
				transition: all .25s ease-out;															
				}
			.ourBusinesses .featureBoxes-box {
				background: #0397d6;
				padding-right: 200px;
				}
			.ourBusinesses .featureBoxes-box:hover {
				background: #008752;
				}
			.investors .featureBoxes-box {
				background: #0069aa;
				}
			.investors .featureBoxes-box:hover {
				background: #008752;
				}
			.careers .featureBoxes-box {
				background: #1fb25a;
				}
			.careers .featureBoxes-box:hover {
				background: #008752;
				}
				.featureBoxes-box img {
					float: right;
					width: auto;
					height: 95px;
					margin: 30px 0 0 50px;
					}
				.ourBusinesses .featureBoxes-box img.circle {
					display: none;
					}
				.ourBusinesses .featureBoxes-box img {
					position: absolute;
					top: -30px;
					right: 0;
					width: auto;
					height: 215px;
					}
				.featureBoxes-box h2 {
					margin: 0 0 12px 0;
					font-family: interstate, sans-serif;
					font-weight: 700;
					font-style: normal;
					font-size: 18px;
					line-height: 18px;
					text-transform: uppercase;
					color: #fff;
					}
				.featureBoxes-box p {
					margin: 0;
					font-family: interstate, sans-serif;
					font-weight: 400;
					font-style: normal;
					font-size: 22px;
					line-height: 33px;
					color: #fff;
					}
				.fr .featureBoxes-box p {
					font-size: 18px;
					line-height: 28px;
					}


	.home-intro-container {
		margin-top: -1px;
		background: #fff;
		}
		.home-intro {
			width: 1700px;
			margin: 0 auto;
			padding: 60px 0;
			text-align: center;
			}
			.home-intro h2 {
				padding: 0 100px;
				margin: 0 0 80px 0;
				font-family: 'Gotham-Light', arial, sans-serif;
				font-size: 30px;
				line-height: 42px;
				color: #1fb25a;
				}
			.home-intro-businessesPlatforms {
				width: 1440px;
				margin: 0 auto;
				}	
				.home-intro-businessesPlatforms img {
					width: 100%;
					height: auto;
					margin-bottom: 45px;
					}					
				.home-intro-businessesPlatforms-details {
					
					}					
					.home-intro-businessesPlatforms-details .supply,
					.home-intro-businessesPlatforms-details .retail,
					.home-intro-businessesPlatforms-details .commercial,
					.home-intro-businessesPlatforms-details .convenience {
						display: block;
						float: left;
						width: 25%;
						}				
						.home-intro-businessesPlatforms-details .supply h3,
						.home-intro-businessesPlatforms-details .retail h3,
						.home-intro-businessesPlatforms-details .commercial h3,
						.home-intro-businessesPlatforms-details .convenience h3 {
							position: relative;
							padding: 0 0 20px 0;
							margin: 0 0 35px 0;
							font-family: interstate, sans-serif;
							font-weight: 700;
							font-style: normal;
							font-size: 26px;
							line-height: 28px;
							text-transform: uppercase;
							webkit-transition: all .25s ease-out;
							-moz-transition: all .25s ease-out;
							-o-transition: all .25s ease-out;
							-ms-transition: all .25s ease-out;
							transition: all .25s ease-out;								
							}
						.home-intro-businessesPlatforms-details .convenience:hover h3,
						.home-intro-businessesPlatforms-details .retail:hover h3,
						.home-intro-businessesPlatforms-details .commercial:hover h3 {
							color: #1fb25a;
							}
						.home-intro-businessesPlatforms-details .supply:hover h3 {
							color: #0397d6;
							}
							.home-intro-businessesPlatforms-details .supply h3:after,
							.home-intro-businessesPlatforms-details .retail h3:after,
							.home-intro-businessesPlatforms-details .commercial h3:after,
							.home-intro-businessesPlatforms-details .convenience h3:after {						
								content: "";
								display: inline-block;
								position: absolute;
								bottom: 0;
								left: 50%;
								width: 150px;
								height: 4px;
								margin-left: -75px;
								transition: all .2s ease-out;
								background: rgba(0,0,0,0.1);
								}	
							.home-intro-businessesPlatforms-details .supply:hover h3:after,
							.home-intro-businessesPlatforms-details .retail:hover h3:after,
							.home-intro-businessesPlatforms-details .commercial:hover h3:after,
							.home-intro-businessesPlatforms-details .convenience:hover h3:after {
								width: 200px;
								margin-left: -100px;
								}		
						.home-intro-businessesPlatforms-details .supply h4,
						.home-intro-businessesPlatforms-details .retail h4,
						.home-intro-businessesPlatforms-details .commercial h4,
						.home-intro-businessesPlatforms-details .convenience h4 {
							margin: 0 0 7px 0;
							font-family: interstate, sans-serif;
							font-weight: 700;
							font-style: normal;
							font-size: 56px;
							line-height: 56px;
							text-transform: uppercase;
							}			
						.home-intro-businessesPlatforms-details .supply h5,
						.home-intro-businessesPlatforms-details .retail h5,
						.home-intro-businessesPlatforms-details .commercial h5,
						.home-intro-businessesPlatforms-details .convenience h5 {
							margin: 0;
							font-family: interstate, sans-serif;
							font-weight: 700;
							font-style: normal;
							font-size: 14px;
							line-height: 14px;
							text-transform: uppercase;
							}

						.home-intro-businessesPlatforms-details .retail h3,
						.home-intro-businessesPlatforms-details .retail h4,
						.home-intro-businessesPlatforms-details .retail h5 {
							color: #0397d6;
							}
						.home-intro-businessesPlatforms-details .convenience h3,
						.home-intro-businessesPlatforms-details .convenience h4,
						.home-intro-businessesPlatforms-details .convenience h5 {
							color: #0069aa;
							}	
						.home-intro-businessesPlatforms-details .commercial h3,
						.home-intro-businessesPlatforms-details .commercial h4,
						.home-intro-businessesPlatforms-details .commercial h5 {
							color: #008752;
							}		
						.home-intro-businessesPlatforms-details .supply h3,
						.home-intro-businessesPlatforms-details .supply h4,
						.home-intro-businessesPlatforms-details .supply h5 {
							color: #1fb25a;
							}	

	.home-brands-container {
		background: #333333;
		}
		.home-brands {
			position: relative;
			height: 200px;
			padding-top: 25px;
			}
		.convenience .home-brands,
		.supply-trading-refining .home-brands {
			margin-top: -120px;
			margin-bottom: 100px;
			}
			.home-brands h2 {
				display: block;
				position: relative;
				margin: 0 auto 35px auto;
				font-family: interstate, sans-serif;
				font-weight: 700;
				font-style: normal;
				font-size: 16px;
				line-height: 16px;
				text-transform: uppercase;
				text-align: center;
				color: #fff;
				}
			.home-brands img {
				width: auto;
				height: 66px;
				margin: 0 26px;
				}
			.home-brands .brandSlider {
				width: 95%;
				margin: 0 auto;
				padding: 0 0 100px 0;
				}
			.home-brands .brandSlider {
				width: 95%;
				margin: 0 auto;
				padding: 0 0 100px 0;
				}
			.home-brands .prev {
				position: absolute;
				top: 95px;
				left: 0;
				cursor: pointer;
				}
				.home-brands .prev img {
					width: 12px;
					height: auto;
					}
			.home-brands .next {
				position: absolute;
				top: 95px;
				right: 0;
				cursor: pointer;
				}
				.home-brands .next img {
					width: 12px;
					height: auto;
					}

	.home-investors-container {
		background: #fff;
		}
		.home-investors {
			width: 1700px;
			margin: 0 auto;
			padding: 120px 0 40px 0;
			}
			.home-investors-left {
				float: left;
				width: 58%;
				}					
				.home-investors-left h2,
				.home-investors-right h2 {	
					position: relative;		
					margin: 0 0 50px 0;
					padding: 0 0 20px 0;		
					font-family: interstate, sans-serif;
					font-weight: 400;
					font-style: normal;
					font-size: 32px;
					line-height: 34px;
					color: #0069aa;
					}		
				.home-investors-left h2 a,
				.home-investors-right h2 a {
					color: #0069aa;
					}	
				.home-investors-left h2 a:hover,
				.home-investors-right h2 a:hover {
					color: #1fb25a;
					}			
				.fr .home-investors-left h2,
				.fr .home-investors-right h2 {	
					font-size: 26px;
					line-height: 30px;
					}
					.home-investors-left h2:after,
					.home-investors-right h2:after {						
						content: "";
						display: inline-block;
						position: absolute;
						bottom: 0;
						left: 0;
						width: 150px;
						height: 4px;
						transition: all .2s ease-out;
						background: rgba(0,0,0,0.1);
						}			
				.home-investors-left-news {
					float: right;
					width: 37%;
					}		
					.home-investors-left-reports h2 {
						margin-bottom: 30px;
						}	
					.home-investors-left-news .news-left {
							float: left;
							width: 100px;
							margin: 0 0 40px 0;
							}
						.home-investors-left-news .news-right {
							float: left;
							width: 200px;
							height: 84px;
							margin: 0 0 40px 0;
							font-family: 'Gotham-Regular', arial, sans-serif;
							font-size: 16px;
							line-height: 84px;
							}
							.home-investors-left-news .news-right-center {
								display: inline-block;
								vertical-align: middle;
								line-height: 21px;
								}	
								.home-investors-left-news .news-right-center a {
									color: rgba(0,0,0,0.6);
									}	
								.home-investors-left-news .news-right-center a:hover {
									color: #1fb25a;
									}		
				.home-investors-left-reports {
					float: right;
					width: 33%;
					padding: 0 70px 0 0;
					}
					.home-investors-left-reports ul {
						margin: 0;
						padding: 0;
						}
					.home-investors-left-reports ul li {
						margin: 0;
						padding: 13px 0 11px 48px;
						list-style: none;	
						font-family: 'Gotham-Regular', arial, sans-serif;
						font-size: 16px;
						line-height: 21px;					
						background: url('../images/icon-pdf.png') no-repeat left center;
						background-size: 30px auto;
						overflow: hidden;
						webkit-transition: all .25s ease-out;
						-moz-transition: all .25s ease-out;
						-o-transition: all .25s ease-out;
						-ms-transition: all .25s ease-out;
						transition: all .25s ease-out;							
						}
					.home-investors-left-reports ul li:hover {				
						background-position: 5px center;
						}
						.home-investors-left-reports ul li a {
							color: rgba(0,0,0,0.6);
							}	
						.home-investors-left-reports ul li a:hover {
							color: #1fb25a;
							}	

				.home-investors-left-presentation {
					float: right;
					width: 30%;
					}				
					.home-investors-left-presentation .circle {
						display: block;
						width: 305px;
						height: 305px;
						padding: 50px 30px 0 30px;
						text-align: center;
						border: 3px solid #0069aa;
						border-radius: 50%;
						}					
					.home-investors-left-presentation .circle:hover {
						border-color: #1fb25a;
						}	
						.home-investors-left-presentation .circle img {
							width: 68px;
							height: auto;
							margin: 0 0 20px 0;
							webkit-transition: all .25s ease-out;
							-moz-transition: all .25s ease-out;
							-o-transition: all .25s ease-out;
							-ms-transition: all .25s ease-out;
							transition: all .25s ease-out;
								
							}
						.home-investors-left-presentation .circle:hover img {
							margin: -10px 0 30px 0;
							}
						.home-investors-left-presentation .circle h2 {
							position: relative;		
							margin: 0 0 20px 0;
							padding: 0;		
							font-family: interstate, sans-serif;
							font-weight: 400;
							font-style: normal;
							font-size: 28px;
							line-height: 30px;
							color: #0069aa;
							}
							.home-investors-left-presentation .circle h2:after {
								display: none;
								}
						.home-investors-left-presentation .circle h3 {
							position: relative;		
							margin: 0;
							padding: 0;		
							font-family: interstate, sans-serif;
							font-weight: 700;
							font-style: normal;
							font-size: 18px;
							line-height: 18px;
							text-transform: uppercase;
							color: #0069aa;
							}
			.home-investors-right {
				float: right;
				width: 36%;
				}			
				.home-investors-right-dividend {
					float: left;
					width: 44%;
					}				
					.home-investors-right-dividend h3 {
						margin: 0 0 20px 0;
						padding: 0;		
						font-family: interstate, sans-serif;
						font-weight: 700;
						font-style: normal;
						font-size: 18px;
						line-height: 20px;
						text-transform: uppercase;
						color: #1fb25a;
						}				
					.home-investors-right-dividend h4 {
						margin: 0 0 20px 0;
						padding: 0;		
						font-family: interstate, sans-serif;
						font-weight: 300;
						font-style: normal;
						font-size: 48px;
						line-height: 48px;
						color: #1fb25a;
						}					
					.home-investors-right-dividend p {
						margin: 0;
						padding: 0;		
						font-family: 'Gotham-Regular', arial, sans-serif;
						font-size: 15px;
						line-height: 22px;
						}	
				.home-investors-right-stock {
					float: right;
					width: 44%;
					}				
					.home-investors-right-stock h3 {
						margin: 0 0 12px 0;
						padding: 0;		
						font-family: interstate, sans-serif;
						font-weight: 700;
						font-style: normal;
						font-size: 18px;
						line-height: 20px;
						text-transform: uppercase;
						color: #1fb25a;
						}				
						.home-investors-right-stock h3 img {
							margin: -8px 0 0 15px;
							width: 40px;
							height: auto;
							}				
					.home-investors-right-stock h4 {
						margin: 0 0 20px 0;
						padding: 0;		
						font-family: interstate, sans-serif;
						font-weight: 300;
						font-style: normal;
						font-size: 48px;
						line-height: 48px;
						color: #1fb25a;
						}
						.home-investors-right-stock .data-table  {
							position: relative;
							z-index: 99;
							width: 100%;
							margin: 0 0 30px 0;
							background: #fff;
							border-spacing: 0;
							border: none;
							}	
							.home-investors-right-stock .data-table tbody tr td {
								padding: 7px 10px;
								font-size: 14px;
								line-height: 14px;
								text-align: left;
								border: none;
								vertical-align: top;
								}
							.home-investors-right-stock .data-table tbody tr:nth-child(even) td {
								background: #fff;
								}
							.home-investors-right-stock .data-table tbody tr:nth-child(odd) td {
								background: #f2f2f2;
								}

	.curveDown {
		position: relative;
		height: 104px;
		background: url('../images/bg-curveDown.png') no-repeat top center;
		background-size: contain;
		}

	.home-operations-container {
		margin-top: -104px;
		background: radial-gradient(ellipse at center, rgb(255,255,255) 0%,rgb(217,217,217) 100%);
		}
		.home-operations {
			width: 1700px;
			height: auto;
			margin: 0 auto;
			}
			.home-operations-map {
				float: left;
				width: 55%;
				}
				.home-operations-map img.tall {
					display: none;
					}
				.home-operations-map img.short {
					width: 100%;
					height: auto;
					}
			.home-operations-text {
				float: right;
				width: 45%;
				padding: 145px 100px 0 0;
				text-align: center;
				}
				.home-operations-text-countries,
				.home-operations-text-parkland {
					float: left;
					width: 50%;
					margin: 0 0 50px 0;
					font-family: interstate, sans-serif;
					font-weight: 700;
					font-style: normal;
					font-size: 47px;
					line-height: 47px;
					text-transform: uppercase;
					text-align: center;
					color: #1fb25a;
					}
					.home-operations-text-countries .number,
					.home-operations-text-parkland .number {
						width: 90px;
						height: 90px;
						padding: 19px 0 0 0;
						margin: 0 auto 25px auto;
						font-family: interstate, sans-serif;
						font-weight: 300;
						font-style: normal;
						font-size: 47px;
						line-height: 47px;
						text-transform: uppercase;
						text-align: center;
						color: #1fb25a;
						border: 2px solid #1fb25a;
						border-radius: 50%;
						}
				.home-operations-text-parkland {
					float: left;
					width: 50%;
					}
				.home-operations-text-parkland {
					color: #0069aa;
					}
					.home-operations-text-parkland .number {
						color: #0069aa;
						border-color: #0069aa;
						}
				.home-operations-text p {
					padding: 0 50px;
					margin-bottom: 50px;
					line-height: 30px;
					text-align: center;
					}
				.home-operations-text-buttons {
					display: inline-block;
					}
					.home-operations-text a.button-darkBlue, 
					.home-operations-text a.button-darkGreen,
					.home-operations-text a.button {
						padding-right: 30px;
						font-size: 16px;
						line-height: 16px;
						}
						.home-operations-text a.button-darkBlue:after, 
						.home-operations-text a.button-darkGreen:after,
						.home-operations-text a.button:after {
							display: none;
							}

	.home-careers-container {
		background: #fff;
		}
		.home-careers {
			width: 1700px;
			margin: 0 auto;
			padding: 70px 0 40px 0;
			}
			.home-careers-left {
				float: left;
				width: 58%;
				}		
				.home-careers-left-title {
					float: right;
					width: 30%;
					padding-top: 75px;
					}		
					.home-careers-left-title h2 {
						font-family: interstate, sans-serif;
						font-weight: 700;
						font-style: normal;
						font-size: 53px;
						line-height: 58px;
						text-transform: uppercase;
						color: #1fb25a;
						}		
					.fr .home-careers-left-title h2 {
						font-size: 35px;
						line-height: 40px;
						}
				.home-careers-left-text {
					float: right;
					width: 40%;
					padding: 75px 70px 0 0;
					font-size: 20px;
					line-height: 34px;
					}
				.home-careers-left-circle {
					float: right;
					width: 30%;
					}	
					.home-careers-left-circle img {
						width: 306px;
						height: auto;
						}	
			.home-careers-right {
				float: right;
				width: 38%;
				}			
				.home-careers-right-text {
					float: left;
					width: 45%;
					padding: 75px 0 0 0;
					font-size: 15px;
					line-height: 29px;
					}		
				.home-careers-right-buttons {
					float: right;
					width: 43%;
					padding: 80px 0 0 0;
					}	
					.home-careers-right-buttons a.button-darkBlue, 
					.home-careers-right-buttons a.button-darkGreen,
					.home-careers-right-buttons a.button {
						display: block;
						padding: 20px;
						margin: 0 0 13px 0;
						font-size: 16px;
						line-height: 16px;
						text-align: center;
						}
						.home-careers-right-buttons a.button-darkBlue:after, 
						.home-careers-right-buttons a.button-darkGreen:after,
						.home-careers-right-buttons a.button:after {
							display: none;
							}

	.home-community-container {
		background: #034975 url('../images/bg-home-community.jpg') no-repeat top center;			
		}
		.home-community-block {
			width: 1700px;
			height: 597px;
			margin: 0 auto;
			padding: 165px 0 0 0;
			margin-top: -104px;
			}
			.home-community {
				float: left;
				width: 1160px;
				}
				.home-community-title {
					float: left;
					width: 50%;
					border-right: 2px solid rgba(255,255,255,0.2);
					}
					.home-community-title h2 {
						margin: 0 0 40px 0;
						font-family: interstate, sans-serif;
						font-weight: 700;
						font-style: normal;
						font-size: 45px;
						line-height: 50px;
						text-transform: uppercase;
						color: #fff;
						}
					.fr .home-community-title h2 {
						font-size: 40px;
						line-height: 45px;
						}
					.home-community-title img {
						width: 279px;
						height: auto;
						}
				.home-community-text {
					float: left;
					width: 50%;
					padding: 0 0 0 90px;
					}
					.home-community-text p {
						margin-bottom: 30px;
						font-size: 16px;
						line-height: 24px;
						color: #fff;
						}
					.fr .home-community-text p {
						font-size: 15px;
						line-height: 23px;
						}
					.home-community-text a.button {
						padding-left: 30px;
						padding-right: 30px;
						margin: 0 0 7px 0;
						font-size: 16px;
						line-height: 16px;
						text-align: center;
						}
						.home-community-text a.button:after {
							display: none;
							}

	.home-hse-container {
		background: #fff;
		}
		.home-hse {
			position: relative;
			width: 1700px;
			margin: 0 auto;
			padding: 50px 90px;
			top: -125px;
			background: #f2f2f2;
			}
			.home-hse-title {
				float: left;
				width: 58%;
				}
				.home-hse-title h2 {
					float: left;
					width: 40%;
					padding: 25px 0 0 0;
					font-family: interstate, sans-serif;
					font-weight: 400;
					font-style: normal;
					font-size: 35px;
					line-height: 45px;
					color: #008752;
					}
				.fr .home-hse-title h2 {
					padding-top: 0;
					}
				.home-hse-title img {
					float: right;
					width: auto;
					height: 136px;
					margin: 0 35px 0 0;
					}
			.home-hse-text {
				float: right;
				width: 40%;
				padding: 25px 0 0 0;
				}
			.fr .home-hse-text {
				padding-top: 10px;
				}
				.home-hse-text p {
					margin-bottom: 0;
					font-size: 16px;
					line-height: 28px;
					}
			.home-hse-videoText {
				float: left;
				width: 55%;
				padding-right: 100px;
				}
				.home-hse-videoText h2 {
					margin-bottom: 35px;
					font-family: interstate, sans-serif;
					font-weight: 400;
					font-style: normal;
					font-size: 35px;
					line-height: 45px;
					color: #008752;
					}
			.home-hse-video {
				float: left;
				width: 45%;
				}

	.home .curveUpGrey {
		display: none;
		}

	.home .sitemap {
		padding-top: 0;
		margin-top: -30px;
		}

	/*------------------------------
		Full-m. MISC
	------------------------------*/
	
	/* CLEARS */
	
	.clear {
		clear: both;
		}
	.clearfix:after {
		visibility: hidden;
		display: block;
		font-size: 0;
		content: " ";
		clear: both;
		height: 0;
		}
	
	/* IMAGE FLOATS */
	
	.image-right {
		float: right;
		margin: 0 0 40px 60px;
		}
	.image-left {
		float: left;
		margin: 0 60px 40px 0;
		}
	.image-full {
		width: 100%;
		height: auto;
		margin: 0 0 40px 0;
		}
		
	/* BUTTONS */
	
	/* STANDARD - LIGHT GREEN */
	.button {
		display: inline-block;
		position: relative;
		padding: 16px 60px 14px 30px;
		font-family: interstate, sans-serif;
		font-weight: 700;
		font-style: normal;
		font-size: 20px;
		line-height: 24px;
		text-transform: uppercase;
		color: #fff;
		background-color: #1fb25a;
		border-bottom: 4px solid #008752;
		}			
		.button:hover {
			color: #fff;
			background-color: #0397d6;
			border-bottom: 4px solid #0069aa;
			}
		.button:after {
			display: inline-block;
			position: absolute;
			top: 21px;
			right: 30px;
			width: 10px;
			height: 15px;
			content: "";
			background: url('../images/icon-arrow-white-right.png') no-repeat center center;				
			background-size: 10px auto;
			transition: all .2s ease-out;
			}		
		.button:hover:after {
			right: 20px;
			}	

	/* DARK GREEN */
	.button-darkGreen {
		display: inline-block;
		position: relative;
		padding: 16px 60px 14px 30px;
		font-family: interstate, sans-serif;
		font-weight: 700;
		font-style: normal;
		font-size: 20px;
		line-height: 24px;
		text-transform: uppercase;
		color: #fff;
		background-color: #008752;
		border-bottom: 4px solid #004f30;
		}			
		.button-darkGreen:hover {
			color: #fff;
			background-color: #0397d6;
			border-bottom: 4px solid #0069aa;
			}
		.button-darkGreen:after {
			display: inline-block;
			position: absolute;
			top: 21px;
			right: 30px;
			width: 10px;
			height: 15px;
			content: "";
			background: url('../images/icon-arrow-white-right.png') no-repeat center center;				
			background-size: 10px auto;
			transition: all .2s ease-out;
			}		
		.button-darkGreen:hover:after {
			right: 20px;
			}

	/* DARK BLUE */
	.button-darkBlue {
		display: inline-block;
		position: relative;
		padding: 16px 60px 14px 30px;
		font-family: interstate, sans-serif;
		font-weight: 700;
		font-style: normal;
		font-size: 20px;
		line-height: 24px;
		text-transform: uppercase;
		color: #fff;
		background-color: #0069aa;
		border-bottom: 4px solid #083a81;
		}			
		.button-darkBlue:hover {
			color: #fff;
			background-color: #0397d6;
			border-bottom: 4px solid #0069aa;
			}
		.button-darkBlue:after {
			display: inline-block;
			position: absolute;
			top: 21px;
			right: 30px;
			width: 10px;
			height: 15px;
			content: "";
			background: url('../images/icon-arrow-white-right.png') no-repeat center center;				
			background-size: 10px auto;
			transition: all .2s ease-out;
			}		
		.button-darkBlue:hover:after {
			right: 20px;
			}

		/* C5 INLINE EDIT BUTTON */
		
		.body .btn-primary {
			display: block;
			width: 125px;
			padding: 10px;
			margin-bottom: 20px;
			font-family: 'Gotham-Bold', arial, sans-serif;
			font-size: 13px;
			line-height: 13px;
			text-transform: uppercase;
			text-align: center;
			color: #fff;
			background: red;
			border-radius: 10px;
			}
		.body .btn-primary:hover {
			color: #fff;
			background: green;
			border-radius: 20px;
			}
	
	/* DATE CALENDAR */
	
	.dateCalendar {
		width: 75px;
		box-shadow: 1px 1px 4px rgba(0,0,0,0.1);
		}
		.dateCalendar-month {
			padding: 3px 0;
			font-family: interstate, sans-serif;
			font-weight: 700;
			font-style: normal;
			font-size: 21px;
			line-height: 21px;
			text-transform: uppercase;
			text-align: center;
			color: #fff;
			background: #1fb25a;
			}
		.dateCalendar-day {
			padding: 5px 0;
			font-family: interstate, sans-serif;
			font-weight: 300;
			font-style: normal;
			font-size: 47px;
			line-height: 47px;
			text-transform: uppercase;
			text-align: center;
			color: #1fb25a;				
			}

	/* STANDARD TABLES */
	
	.body table  {
		position: relative;
		width: 100% !important;
		margin: 0 0 40px 0;
		background: #fff;
		border-spacing: 0;
		border: none;
		border-left: 1px solid #d9d9d9;
		}
		.body table thead tr th {	
			color: #fff;
			padding: 12px;
			font-family: 'Gotham-Bold', arial, sans-serif;
			font-size: 16px;
			line-height: 18px;
			text-transform: uppercase;
			background: #0069aa;
			}
		.body table tbody tr td {
			padding: 12px;
			font-size: 16px;
			line-height: 20px;
			text-align: left;
			border: none;
			border-bottom: 1px solid #d9d9d9;
			border-right: 1px solid #d9d9d9;
			vertical-align: top;
			}
		.investors .body table tbody tr td,
		.investisseurs .body table tbody tr td {
			vertical-align: middle;
			}
		.body table tbody tr:nth-child(even) td {
			background: #f2f2f2;
			}
		.body table tr td p {
			margin: 0;
			padding: 0;
			}
		.body table a.link-pdf {
			display: inline-block;
			position: relative;
			padding: 8px 0 0 40px;
			margin: 0 0 10px 0;
			font-family: 'Gotham-Regular', arial, sans-serif;	
			font-weight: normal;
			font-style: normal;
			font-size: 16px;
			line-height: 20px;
			}			
			.body table a.link-pdf:before {
				display: inline-block;
				position: absolute;
				top: 0;
				left: 0;
				width: 25px;
				height: 35px;
				content: "";
				background: url('../images/icon-pdf.png') no-repeat center center;				
				background-size: 25px auto;
				webkit-transition: all .25s ease-out;
				-moz-transition: all .25s ease-out;
				-o-transition: all .25s ease-out;
				-ms-transition: all .25s ease-out;
				transition: all .25s ease-out;						
				}		
			.body table a.link-pdf:hover:before{
				left: 5px;
				}
		.body table a.link-news {
			display: inline-block;
			position: relative;
			padding: 8px 0 0 40px;
			margin: 0 0 10px 0;
			font-family: 'Gotham-Regular', arial, sans-serif;	
			font-weight: normal;
			font-style: normal;
			font-size: 16px;
			line-height: 20px;
			}			
			.body table a.link-news:before {
				display: inline-block;
				position: absolute;
				top: 0;
				left: 0;
				width: 25px;
				height: 25px;
				content: "";
				background: url('../images/icon-news.png') no-repeat center center;				
				background-size: 25px auto;
				webkit-transition: all .25s ease-out;
				-moz-transition: all .25s ease-out;
				-o-transition: all .25s ease-out;
				-ms-transition: all .25s ease-out;
				transition: all .25s ease-out;						
				}		
			.body table a.link-news:hover:before{
				left: 5px;
				}
		
	/* CONTACT FORMS */

	.ccm-block-express-form {
		width: 100%;
		}
		/*.ccm-block-express-form .form-group {
			float: left;
			width: 50%;
			padding-right: 25px;
			}*/
		.ccm-block-express-form fieldset {
			border:none;
			-webkit-margin-start:0px;
			-webkit-margin-end: 0px;
		    -webkit-padding-before: 0em;
		    -webkit-padding-start: 0em;
		    -webkit-padding-end: 0em;
		    -webkit-padding-after: 0em;
			}
		.ccm-block-express-form fieldset legend {
			display: none;
			}
		.ccm-block-express-form .text-muted {
			font-size: 0;
			}
		.ccm-block-express-form .text-muted:after{
		      content: "*";
		      font-size: 14px;
			}
		.ccm-block-express-form .form-group {
			margin-bottom: 20px;
			}
		.ccm-block-express-form input[type="text"],
		.ccm-block-express-form input[type="tel"],
		.ccm-block-express-form input[type="email"],
		.ccm-block-express-form textarea,
		.ccm-block-express-form select {
		    display: block;
		    width: 100%;
		    padding: 15px;
			font-family: interstate, sans-serif;
			font-weight: 400;
			font-style: normal;
		    font-size: 20px;
		    line-height: 20px;
		    color: #666;
		    background: #fff;
		    border: 2px solid rgba(0,0,0,0.15);		    
			border-radius: 0;
		    cursor: auto;
		    -webkit-appearance: none;
			}
		.ccm-block-express-form .radio,
		.ccm-block-express-form .checkbox {
			position: relative;
			display: block;
			height: 45px;
			padding-left: 45px;
			}
		.ccm-block-express-form input[type=radio],
		.ccm-block-express-form input[type=checkbox] {
		    -webkit-transform: scale(0.8,0.8);
		    position: absolute;
		    top: -3px;
		    left: 0;	    
			width: 35px;
			height: 35px;
			}	
		.ccm-block-express-form button[type="submit"] {
			display: block;
			position: relative;
			width: 100%;
			padding: 16px 60px 14px 30px;
			margin: 0 0 40px 0;
			font-family: interstate, sans-serif;
			font-weight: 700;
			font-style: normal;
			font-size: 20px;
			line-height: 24px;
			text-transform: uppercase;
			color: #fff;
			background-color: #1fb25a;
			border-bottom: 4px solid #008752;
			border-radius: 0;
			cursor: pointer;
			}		
			.ccm-block-express-form button[type="submit"]:hover {
				color: #fff;
				background-color: #0397d6;
				border-bottom: 4px solid #0069aa;
				}
			.ccm-block-express-form button[type="submit"]:after {
				display: inline-block;
				position: absolute;
				top: 21px;
				right: 30px;
				width: 10px;
				height: 15px;
				content: "";
				background: url('../images/icon-arrow-white-right.png') no-repeat center center;				
				background-size: 10px auto;
				transition: all .2s ease-out;
				}		
			.ccm-block-express-form button[type="submit"]:hover:after {
				right: 20px;
				}	
			
	/* FORMIDABLE */

	.formidable:after {
		visibility: hidden;
		display: block;
		font-size: 0;
		content: " ";
		clear: both;
		height: 0;
		}
	.formidable .formidable_column {
	   	padding-top: 0;
	   	padding-bottom: 0;
		}
	.formidable .formidable_column.width-2 {
	   	width: 20%;
		}
	.formidable .formidable_row {
	   	padding-right: 25px;
		}		
		.formidable .formidable_row .element {
		   	padding: 10px 0;
			}

	.formidable label {
	   	line-height: 25px;
		}

	.formidable .required {
	   	font-size: 18px;
	   	line-height: 18px;
	    color: #1fb25a;
		}

	.formidable input[type="text"],
	.formidable input[type="email"],
	.formidable textarea,
	.formidable select {
		display: block;
	    width: 100%;
	    padding: 15px;
		font-family: interstate, sans-serif;
		font-weight: 400;
		font-style: normal;
	    font-size: 20px;
	    line-height: 20px;
	    color: #666;
	    background: #fff;
	    border: 2px solid rgba(0,0,0,0.15);		    
		border-radius: 0;
	    cursor: auto;
		}
	.formidable input[type="text"],
	.formidable input[type="email"],
	.formidable textarea {
	    -webkit-appearance: none;
		}
	.formidable select {
		margin: 5px 0;
	    padding: 14px;
		}
	.formidable textarea {
		margin-top: 10px;
		height: 300px;
		}
	.formidable input[type="submit"] {
		display: block;
		position: relative;
		width: 100%;
		padding: 16px 60px 14px 30px;
		margin: 0 0 40px 0;
		font-family: interstate, sans-serif;
		font-weight: 700;
		font-style: normal;
		font-size: 20px;
		line-height: 24px;
		text-transform: uppercase;
		color: #fff;
		background-color: #1fb25a;
		border: none;
		border-bottom: 4px solid #008752;
		border-radius: 0;
		-webkit-appearance: none;
		cursor: pointer;
		}		
		.formidable input[type="submit"]:hover {
			color: #fff;
			background-color: #0397d6;
			border-bottom: 4px solid #0069aa;
			border-radius: 0;
			}
		.formidable input[type="submit"]:after {
			display: inline-block;
			position: absolute;
			top: 21px;
			right: 30px;
			width: 10px;
			height: 15px;
			content: "";
			background: url('../images/icon-arrow-white-right.png') no-repeat center center;				
			background-size: 10px auto;
			transition: all .2s ease-out;
			}		
		.formidable input[type="submit"]:hover:after {
			right: 20px;
			}
		.formidable label[for="parkland-fuel-corporation-privacy-policy-and-terms-of-use-48"],
		.formidable label[for="politique-de-confidentialite-et-les-modalites-dutilisation-de-les-petroles-parkland-51"] {
			display: none;
			}
		.formidable label[for="declaration-441"],
		.formidable label[for="declaration-491"],
		.formidable label[for="casl-requirements-451"],
		.formidable label[for="exigences-de-la-loi-canadienne-anti-pourriel-501"] {
			font-size: 13px !important;
		    line-height: 21px!important;
		    display: inline-block;
			}
 
	.formidable input[type="text"].error,
	.formidable input[type="email"].error,
	.formidable textarea.error {
		border: 2px solid #b32017;
		}
	span.error {
		font-size: 14px;
		line-height: 14px;
		color: #b32017;
		}

	div.alert-success {
		padding: 40px;
		margin-bottom: 40px;
		text-align: center;
		color: #fff;
		background-color: #00b156 !important;
		border: none !important;
		}
		div.alert-success h2 {
			color: #fff;
			margin-bottom: 10px;
			}				
			div.alert-success h2:after {
				display: none;
				}
		div.alert-success p {
			color: #fff;
			margin-bottom: 0;
			}

	/* EXPAND/COLLAPSE */
		
	.expand {
		position: relative;
		padding: 0;
		margin: 0 0 20px 0;
		}
		.expand-link {
			display: block;
			padding: 25px 85px 25px 25px;
			font-family: interstate, sans-serif;
			font-weight: 400;
			font-style: normal;
			font-size: 24px;
			line-height: 30px;
			cursor: pointer;
			border: 1px solid rgba(0,0,0,0.15);
			}
		.expand-link:after {	
			content: "";
			display: block;
			position: absolute;
			top: 20px;
			right: 20px;
			width: 40px;
			height: 40px;
			background-image: url('../images/icon-expand.png');
			background-size: 40px auto;
			webkit-transition: all .25s ease-out;
			-moz-transition: all .25s ease-out;
			-o-transition: all .25s ease-out;
			-ms-transition: all .25s ease-out;
			transition: all .25s ease-out;					
			}
		.expand-link.active:after {	
			transform: rotate(45deg);					
			}
		.expand-link:hover {
			color: #00635b;
			}			
		.expand-content {
			position: relative;
			display: none;
			margin: 0;
			padding: 25px 25px 15px 25px;
			}	
	
	/* SEARCH RESULTS */
	
	.ccm-search-block-form {

		}
		.ccm-search-block-form > h3 {
			float: left;
			width: 400px;
			}	
		.ccm-search-block-form > h4 {
			width: 100%;
			margin-top: 0 !important;
			padding: 20px;
			border: none;
			color: #1fb25a;
			text-align: center;	
			}
		.ccm-search-block-form input[type="text"] {
			float: right;
			width: 200px;
			margin-top: -7px;
			padding: 8px 15px 6px 15px;
			font-family: interstate, sans-serif;
			font-weight: 400;
			font-style: normal;
			font-size: 23px;
			line-height: 23px;
			color: rgba(0,0,0,0.8);
			border: 1px solid rgba(0,0,0,0.15);
			}
		.ccm-search-block-form input[type="submit"] {
			float: right;
			width: 175px;
			margin-top: -7px;
			padding: 11px 15px 6px 15px;
			font-family: interstate, sans-serif;
			font-weight: 400;
			font-style: normal;
			font-size: 23px;
			line-height: 23px;
			color: #1fb25a;
			background: #fff;
			border: none;
			cursor: pointer;
			}

	#searchResults {

		}
	#searchResults:before {
		visibility: hidden;
		display: block;
		font-size: 0;
		content: " ";
		clear: both;
		height: 0;
		}
		#searchResults .searchResult {
			margin: 0;
			padding: 40px 0 35px 0;
			border-bottom: 1px solid rgba(0,0,0,0.15);
			}
		#searchResults .searchResult:first-child {
			border-top: 1px solid rgba(0,0,0,0.15);
			}
		#searchResults .searchResult:last-child {
			border-bottom: none;
			}
			#searchResults .searchResult p {
				margin-bottom: 0;
				}
				#searchResults .searchResult p span {
					color: #1fb25a;
					background-color: rgba(0,0,0,0.05) !important;
					}
				#searchResults .searchResult p .pageLink {
					margin-bottom: 0;
					}

	.ccm-pagination-wrapper {
		
		}
		.ccm-pagination-wrapper ul.pagination {
			padding: 0 0 0 0;
			margin: 0 0 0 0;
			}
		.ccm-pagination-wrapper ul.pagination li {
			padding: 0 12px;
			margin: 0 0 0 0;
			float: left;
			border: none;
			background: none;
			}
		.ccm-pagination-wrapper ul.pagination li.active {
			border: 2px solid rgba(0,0,0,0.15);
			}
	
	/* ASPECT RATIO WRAPPER */
	
	.aspectRatioWrapper {
		position: relative;
		width: 100%;
		padding-bottom: 56%;
		margin: 40px 0 40px 0;
		}
		.aspectRatioWrapper iframe {
			position: absolute;
			top: 0; 
			bottom: 0; 
			left: 0; 
			right: 0;
			width: 100%;
			height: 100%;
			box-shadow: 0 1px 3px #969696;
			}
	
	/* NEWS RELEASE LISTING */

	a.subscribe {
		position: relative;
		z-index: 9;
		float: right;
		margin-top: 5px;
		padding: 0 50px 0 0;
		font-family: interstate, sans-serif;
		font-weight: 400;
		font-style: normal;
		font-size: 22px;
		line-height: 22px;
		}
	a.subscribe:after {	
		content: "";
		display: block;
		position: absolute;
		top: -13px;
		right: 0;
		width: 33px;
		height: 33px;
		background: url('../images/icon-subscribe.png') no-repeat top left;	
		background-size: 33px auto;		
		}

	.newsListing {
		padding-top: 20px;
		margin: 0 20px 40px 20px;
		border-bottom: 1px solid rgba(0,0,0,0.15);
		}
	.newsListing:last-child {
		border-bottom: none;
		}
		.newsListing-left {
			float: left;
			width: 13%;
			}
			.newsListing-left .dateCalendar {
				width: 125px;
				box-shadow: 1px 1px 4px rgba(0,0,0,0.1);
				}
				.newsListing-left .dateCalendar-month {
					padding: 8px 0;
					font-size: 21px;
					line-height: 21px;
					}
				.newsListing-left .dateCalendar-day {
					padding: 15px 0;
					font-size: 60px;
					line-height: 60px;			
					}
		.newsListing-right {
			float: left;
			width: 87%;
			}
			.newsListing-right h3 {
				margin-bottom: 25px;
				font-family: interstate, sans-serif;
				font-weight: 400;
				font-style: normal;
				color: #1fb25a;
				}
			.newsListing-right p {
				margin-bottom: 25px;	
				text-align: left !important;
				}

	/* NEWS RELEASES */

	.mediaInquiries {
		position: relative;
		z-index: 9; 
		float: right;		
		padding: 50px;
		margin: 0 0 50px 50px;
		font-family: interstate, sans-serif;
		font-weight: 400;
		font-style: normal;
		font-size: 28px;
		line-height: 30px;
		border: 2px solid rgba(0,0,0,0.15);
		}
		.mediaInquiries span {
			color: #1fb25a;
			padding-right: 10px;
			}

	.newsReleaseContent p {
		text-align: left !important;
		}
	.newsReleaseContent a {
		word-wrap: break-word;
		}
	.newsReleaseContent pre {
		margin-bottom: 40px;
		font-family: 'Gotham-Regular', arial, sans-serif;	
		font-size: 17px;
		line-height: 32px;
		white-space: pre-wrap;       /* Since CSS 2.1 */
	    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
	    white-space: -pre-wrap;      /* Opera 4-6 */
	    white-space: -o-pre-wrap;    /* Opera 7 */
	    word-wrap: break-word;
		}


	/* BRANDS NON-SLIDER FOR CONTENT PAGES */

	.content-brands-container {
		background: #333333;
		}
	.content-brands-container.forDefaultLayout {
		margin-top: -120px;
		padding-bottom: 100px;
		}
		.content-brands {
			position: relative;
			height: auto;
			padding: 25px 25px 20px 25px;
			text-align: center;
			}
			.content-brands h2 {
				display: block;
				position: relative;
				margin: 0 auto 30px auto;
				font-family: interstate, sans-serif;
				font-weight: 700;
				font-style: normal;
				font-size: 16px;
				line-height: 16px;
				text-transform: uppercase;
				text-align: center;
				color: #fff;
				}
			.content-brands img {
				display: inline;
				width: auto;
				height: 66px;
				margin: 0 25px 25px 25px;
				}

	/* RETAILER FORM */

	.retailerForm {
		width: 100%; 
		height: 1600px; 
		border: none;
		}	

/*----------------------------------------------------------------------------------------------------------------------------------------
   	1830. RESPONSIVE CASES - SCALES DOWN BELOW 1830
----------------------------------------------------------------------------------------------------------------------------------------*/
			
@media screen and (max-width: 1830px) {

	p.extra-large {
		font-family: 'Gotham-Light', arial, sans-serif;	
		font-size: 36px;
		line-height: 50px;
		color: rgba(0,0,0,0.6);
		}

	/*------------------------------
		1830-c. CONTENT
	------------------------------*/	
		
	/* HEAD */
	
	.banner {
		width: 1300px;
		}

	/* BODY */
	
	.body {
		width: 1300px;
		}
		.body .third-left {
			width: 30%;
			}
		.body .third-middle {
			width: 27%;
			}
		.body .third-right {
			width: 40%;
			padding-left: 20px;
			}

		/* EIGHTHS */
		.body .columns-eighths-one,
		.body .columns-eighths-two,
		.body .columns-eighths-three,
		.body .columns-eighths-four,
		.body .columns-eighths-five,
		.body .columns-eighths-six,
		.body .columns-eighths-seven,
		.body .columns-eighths-eight {
			width: 25%;
			}
		.body .columns-eighths-clear {
			display: block;
			clear: both;
			}
					
	/* FOOT */
		
	.sitemap {
		width: 1300px;
		}		

	.foot {
		width: 1300px;
		}	
		.foot-left {
			width: 43%;
			}
		.fr .foot-left {
			width: 50%;
			}			
			.foot-left img {
				margin-top: 0;
				}
			.foot-left-left {
				
				}	
			.foot-left-middle {
				
				}	
			.foot-left-right {
				
				}					
			.foot-left-left,
			.foot-left-middle,
			.foot-left-right {
				font-family: interstate, sans-serif;
				font-weight: 400;
				font-style: normal;
				font-size: 17px;
				line-height: 17px;
				}				
				.foot-left-left span div,
				.foot-left-middle span div,
				.foot-left-right span div {
					display: block;
					}
		.foot-right {
			width: 57%;			
			}	
		.fr .foot-right {
			width: 50%;			
			}	
			.foot-right-social {
				width: 80px;
				margin-top: 0;
				}
				.foot-right-social img {
					height: 20px;
					}
			.foot-right-clear {
				clear: both;
				}
			.foot-right ul {
				padding-top: 5px;
				}
				.foot-right ul li:first-child a {	
					padding-left: 0;
					}	

	/*------------------------------
		1830-io. INVESTOR OVERVIEW
	------------------------------*/

	.irOverview-top-news .news-left {
		width: 18%;
		}
	.irOverview-top-news .news-right {
		width: 82%;
		font-size: 25px;
		}
	.irOverview-bottom-content {
		padding: 80px 90px 80px 110px;
		}

	/*------------------------------
		1830-bl. BRAND LISTING
	------------------------------*/

	.brands-item {
		width: 33.33333%;
		}
		.brands-item-content h2 {	
			margin: 7px 0 0 0;	
			}
		.brands-item-content p {
			margin: 0 0 25px 0;	
			}

	/*------------------------------
		1830-bd. BRAND DETAIL
	------------------------------*/


		
	/*------------------------------
		1830-h. HOME
	------------------------------*/		
	
	.featureBoxes {
		width: 1300px;
		}
		.featureBoxes-box {
			height: 170px;	
			padding: 35px;													
			}			
		.ourBusinesses .featureBoxes-box {
			padding-right: 180px;
			}
			.featureBoxes-box img {
				margin: 0 0 0 30px;
				}
			.ourBusinesses .featureBoxes-box img {
				top: 0;
				height: 170px;
				}
			.featureBoxes-box p {
				font-size: 16px;
				line-height: 24px;
				}
			.fr .featureBoxes-box p {
				font-size: 15px;
				line-height: 19px;
				}

	.home-intro {
		width: 1300px;
		}
		.home-intro h2 {
			padding: 0 100px;
			}
		.home-intro-businessesPlatforms {
			width: 100%;
			}	

	.home-brands .brandSlider {
		width: 90%;
		}

	.home-investors {
		width: 1300px;
		}		
		.home-investors-left {
			width: 54%;
			}		
			.home-investors-left-news {
				width: 35%;
				}		
				.home-investors-left-news > div:nth-child(2) {
					display: none;
					}	
			.home-investors-left-reports {
				width: 35%;
				padding-right: 25px;
				}	
			.home-investors-right-dividend {
				width: 45%;
				}			
			.home-investors-left h2,
			.home-investors-right h2 {
				font-size: 26px;
				line-height: 32px;
				}
		
	.home-operations {
		width: 1300px;
		}
		.home-operations-text {
			width: 45%;
			padding: 50px 0 0 0;
			text-align: center;
			}
			.home-operations-text-countries,
			.home-operations-text-parkland {
				margin: 0 0 40px 0;
				font-size: 42px;
				line-height: 42px;
				}
			.home-operations-text p {
				padding: 0;
				margin-bottom: 40px;
				}
		
	.home-careers {
		width: 1300px;
		}	
		.home-careers-left {
			width: 56%;
			}	
			.home-careers-left-title {
				padding-top: 10px;
				}
				.fr .home-careers-left-title h2 {
					font-size: 25px;
					line-height: 33px;
					}
			.home-careers-left-text {
				padding-top: 10px;				
				font-size: 19px;
				line-height: 33px;
				}
				.home-careers-left-circle img {
					width: 250px;
					}
			.home-careers-right-text {
				width: 48%;
				padding-top: 10px;
				}
			.home-careers-right-buttons {
				padding-top: 20px;
				}

	.home-community-block {
		width: 1300px;
		}
		.home-community {
			width: 1000px;
			}
			.home-community-title h2 {
				margin: 0 0 40px 0;
				font-size: 40px;
				line-height: 45px;
				}
			.home-community-text {
				padding: 0 0 0 60px;
				}
				.home-community-text p {
					font-size: 15px;
					line-height: 23px;
					}
		
	.home-hse {
		width: 1300px;
		}
		.home-hse-title h2 {
			width: 32%;
			padding-top: 0;
			font-size: 30px;
			line-height: 38px;
			}
		.home-hse-title img {
			height: 110px;
			margin: 0 30px 0 0;
			}
		.home-hse-text {
			padding-top: 0;
			}

	/*------------------------------
		1830-m. MISC
	------------------------------*/
		
	/* NEWS RELEASE LISTING */

	.newsListing-left {
		width: 15%;
		}
	.newsListing-right {
		width: 85%;
		}

	/* NEWS RELEASES */

	.mediaInquiries {
		font-size: 25px;
		line-height: 22px;
		}	
	
}

/*----------------------------------------------------------------------------------------------------------------------------------------
   	1440. RESPONSIVE CASES - SCALES SITE DOWN BELOW 1300px
----------------------------------------------------------------------------------------------------------------------------------------*/
					
@media screen and (max-width: 1439px) {

	body {
		background-size: 1500px auto;
		}

	/*------------------------------
		1440-c. CONTENT
	------------------------------*/	
	
	/* HEAD */

	.fr .topBar {
		width: 800px;
		}
		.fr .topBar ul li.change {
		    margin-right: 35px;
			}

	.head-logo {
		width: 220px;
		}
	.head-nav {
		width: 800px;
		padding-top: 30px;
		}		
	.fr .head-nav {
		width: 825px;
		}
		.fr .head-nav > ul > li > a {
		    margin: 0 13px;
		    font-size: 15px;
		    line-height: 15px;
			}
		.fr .head-nav > ul > li > a:last-child {
		    margin-right: 0;
			}

	.banner {
		width: 1200px;
		height: 240px;
		padding-top: 110px;
		}

	/* BODY */
	
	.body {
		width: 1200px;
		}
		.body h2 {
			margin-top: 0 !important;
			}
					
	/* FOOT */
		
	.sitemap {
		width: 1200px;
		}		

	.foot {
		width: 1200px;
		text-align: center;
		}
		.foot-left {
			float: none;
			width: 55%;
			margin: 0 auto 40px auto;
			}	
		.fr .foot-left {
			width: 65%;
			margin-bottom: 40px;
			}			
			.foot-left img {
				display: block;
				float: none;
				width: 100px;
				height: auto;
				margin: 0 auto 30px auto;
				}	
			.foot-left-left {
				width: 33.33%;
				text-align: center;
				}	
			.foot-left-middle {
				width: 33.33%;
				text-align: center;
				}	
			.foot-left-right {
				width: 33.33%;
				text-align: center;
				}					
			.fr .foot-left-left {
				width: 33.33%;
				}	
			.fr .foot-left-middle {
				width: 33.33%;
				}	
			.fr .foot-left-right {
				width: 33.33%;
				}
		.foot-right {
			float: none;
			width: 100%;
			text-align: center;
			}
		.fr .foot-right {
			width: 100%;
			}
			.foot-right-social {
				float: none;
				margin: 0 auto 20px auto;
				}
			.foot-right ul {
				float: none;
				display: inline-block;
				width: auto;
				}
				.foot-right ul li:first-child a {	
					padding-left: 13px;
					}

	/*------------------------------
		1440-io. INVESTOR OVERVIEW
	------------------------------*/

	.irOverview-intro a.subscribe {
		margin-top: 5px;
		font-size: 40px;
		line-height: 45px;
		padding-right: 85px;
		}			
	.irOverview-intro a.subscribe:after {	
		top: 10px;
		width: 72px;
		height: 72px;
		background-size: 72px auto;	
		}
	.irOverview-bottom-content {
		width: 40%;
		}
		.irOverview-bottom-content h3 {
			font-size: 30px;
			line-height: 35px;
			}
		.irOverview-bottom-content p.large {
			font-size: 17px;
			line-height: 32px;
			}
	.irOverview-bottom-reportsStock {
		float: right;
		width: 55%;
		padding: 0 110px 0 0;
		}

	/*------------------------------
		1440-bl. BRAND LISTING
	------------------------------*/



	/*------------------------------
		1440-bd. BRAND DETAIL
	------------------------------*/

		

	/*------------------------------
		1440-h. HOME
	------------------------------*/		

	.home-feature {
		height: 732px;
		}
		.home-feature-slide {
			height: 732px;				
			}
			.home-feature-slide-content {
				bottom: 200px;
				}				
			.home-feature .slick-dots {
				bottom: 145px;
				}	

	.curveUp.homeTop {
		margin-top: 566px; 
		}

	.featureBoxes {
		width: 1200px;
		margin-top: -130px;
		}		
		.ourBusinesses .featureBoxes-box {
			padding-right: 160px;
			}
			.featureBoxes-box img {
				height: 85px;
				margin: 0 0 0 25px;
				}
			.featureBoxes-box h2 {
				font-size: 16px;
				line-height: 16px;
				}
			.featureBoxes-box p {
				font-size: 15px;
				line-height: 23px;
				}

	.home-intro {
		width: 1200px;
		}

	.home-investors {
		width: 1200px;
		}				
		.home-investors-left h2,
		.home-investors-right h2 {	
			font-size: 25px;
			}					
		.home-investors-left-presentation .circle {
			width: 280px;
			height: 280px;	
			padding-top: 35px;		
			}

	.home-operations {
		width: 1200px;
		}
		.home-operations-text p {
			font-size: 15px;
			line-height: 27px
			}

	.home-careers {
		width: 1200px;
		}	
		.fr .home-careers-left-title h2 {
			font-size: 32px;
			line-height: 38px;
			}

	.home-community-block {
		width: 1200px;
		}			
		.fr .home-community-title h2 {
			margin-bottom: 15px;
			font-size: 33px;
			line-height: 35px;
			}
		.fr .home-community-text p {
			font-size: 14px;
			line-height: 22px;
			}

	.home-hse {
		width: 100%;
		}
				
	/*------------------------------
		1440-m. MISC
	------------------------------*/
	
	/* NEWS RELEASE LISTING */

	.newsListing-left .dateCalendar {
		width: 110px;
		box-shadow: 1px 1px 4px rgba(0,0,0,0.1);
		}
				
}

/*----------------------------------------------------------------------------------------------------------------------------------------
   	1300. RESPONSIVE CASES - SCALES SITE DOWN BELOW 1300px
----------------------------------------------------------------------------------------------------------------------------------------*/
					
@media screen and (max-width: 1300px) {

	body {
		background-size: 1350px auto;
		}	
	p.large-centered {	
		width: 85%;
		}

	/*------------------------------
		1300-c. CONTENT
	------------------------------*/	
	
	/* HEAD */

	.topSearch {
		padding: 42px 0 52px 0;		
		}
		.topSearch-close {
			top: 62px;
			}
	.topBar-container {
		padding: 0;
		background: #0069aa;
		}
		.topBar {
			float: none;
			width: 750px;
			margin: 0 auto;
			}

	.head {
		width: 700px;
		padding: 0;
		left: 50%;
		margin-left: -350px;
		}	
	.scrolled .head {
		width: 100%;
		left: 0;
		margin-left: 0;
		padding: 20px 30px;
		}
	.head-logo {
		float: left;
		margin: 35px 0 0 180px;
		}
	.scrolled .head-logo {
		margin: 5px 0 0 0;
		padding: 0;
		}

		.head-nav {
			display: none;
			position: absolute;
			z-index: 9999;
			top: 120px;
			left: 0;
			float: none;
			width: 100%;
			padding: 50px;
			background: #0069aa;
			height: 400px;
			overflow-y: auto;
			webkit-transition: all .5s ease-out;
			-moz-transition: all .5s ease-out;
			-o-transition: all .5s ease-out;
			-ms-transition: all .5s ease-out;
			transition: all .5s ease-out;			
			}
		.head-nav.open {
			display: block;
			}
		.scrolled .head-nav {
			top: 100px;
			padding: 50px;
			}
		.fr .head-nav {
			width: 100%;
			}

			/* MENU - MOBILE - LEVEL 1 */

			.head-nav > ul {
				float: none;
				padding: 0;
				margin: 0 auto 30px auto;				
				}
			.head-nav > ul > li {
				float: none;
				padding: 0 0 10px 0;
				margin: 0;
				list-style: none;
				}
				.head-nav > ul > li:last-child {
					padding-bottom: 0;
					}
				.head-nav > ul > li > a,
				.fr .head-nav > ul > li > a {
					display: block;
					font-family: interstate, sans-serif;
					font-weight: 400;
					font-style: normal;
					font-size: 30px;
					line-height: 30px;
					color: #fff;
					text-align: center;					
					border-bottom: 0;
					margin-left: 0 !important;
					margin-right: 0 !important;
					}
				.head-nav > ul > li:hover > a {						
					border-bottom: 0;
					}	

					/* MENU - MOBILE - LEVEL 2 */

					.head-nav > ul > li > ul {
						position: static;
						display: none;
						padding: 20px;
						width: 100%;
						margin: 0;
						background: rgba(0,0,0,0.1);
						border-top: 5px solid #1fb25a;
						}
					.scrolled .head-nav > ul > li > ul {
						position: static;
						display: none;
						padding: 20px;
						margin: 0;
						background: rgba(0,0,0,0.1);
						}
					.head-nav > ul > li > ul > li {
						padding: 0;
						margin: 0;
						list-style: none;
						}
						.head-nav > ul > li > ul > li:last-child {
							padding-bottom: 0;
							}
						.head-nav > ul > li > ul > li > a {
							display: block;
							padding: 8px 0;
							font-family: interstate, sans-serif;
							font-weight: 400;
							font-style: normal;
							font-size: 22px;
							line-height: 26px;
							text-align: center !important;
							color: #fff;
							}
						.head-nav > ul > li > ul > li > a:hover {
							color: #fff;
							}
						.head-nav > ul > li > ul > li > a:hover:after {
							left: -8px;
							}
			
							/* MENU - MOBILE - LEVEL 3 */

							.head-nav > ul > li > ul > li > ul {
								display: none;
								padding: 20px;
								margin: 10px 0;
								background: rgba(0,0,0,0.1)
								}
							.head-nav > ul > li > ul > li > ul > li {
								padding: 0 0 10px 0;
								margin: 0;
								list-style: none;
								}
								.head-nav > ul > li > ul > li > ul > li:last-child {
									padding-bottom: 0;
									}
								.head-nav > ul > li > ul > li > ul > li > a {
									display: block;
									font-family: interstate, sans-serif;
									font-weight: 700;
									font-style: normal;font-size: 16px;
									line-height: 16px;
									text-transform: uppercase;
									text-align: center;
									color: #0397d6;
									}


		.head-navMobile {
			display: block;
			float: right;
			margin-top: 30px;
			margin-right: 190px;		
			webkit-transition: all .25s ease-out;
			-moz-transition: all .25s ease-out;
			-o-transition: all .25s ease-out;
			-ms-transition: all .25s ease-out;
			transition: all .25s ease-out;
			}
		.scrolled .head-navMobile {
			margin-top: 0;
			margin-right: 0;
			}
			.head-navMobile .navCircle {
				position: relative;
				width: 60px;
				height: 60px;
				border: 3px solid #fff;
				border-radius: 50%;
				cursor: pointer;
				}
				.head-navMobile .navHamburger {
					position: absolute;
					left: 0;
					right: 0;
					width: 26px;
					height: 3px;
					margin: auto;
					background: #fff;
					webkit-transition: all .25s ease-out;
					-moz-transition: all .25s ease-out;
					-o-transition: all .25s ease-out;
					-ms-transition: all .25s ease-out;
					transition: all .25s ease-out;
					}
				.head-navMobile .navHamburger.bar1 {
					top: 18px;
					}
				.head-navMobile .navHamburger.bar2 {
					top: 26px;
					}
				.head-navMobile .navHamburger.bar3 {
					top: 34px;
					} 
					
				/* ACTIVE STATE */			
			
				.head-navMobile a.open .navHamburger.bar1 {
					width: 32px;
					transform: rotate(45deg) translateX(6px) translateY(5px);
					-webkit-transform: rotate(45deg) translateX(6px) translateY(5px);
					}
				.head-navMobile a.open .navHamburger.bar2 {
					width: 0;
					}
				.head-navMobile a.open .navHamburger.bar3 {
					width: 32px;
					transform: rotate(-45deg) translateX(6px) translateY(-6px);
					-webkit-transform: rotate(-45deg) translateX(6px) translateY(-6px);
					}

	.banner {
		width: 940px;
		padding: 120px 0 0 0;
		}
		.banner h1 {
			font-size: 50px;
			line-height: 52px;
			}

	.curveUp {
		height: 85px;
		}

	/* BODY */
	
	.body {
		width: 940px;
		padding-bottom: 100px;
		}
		.body .third-middle {
			padding-left: 20px;
			}

		/* QUARTERS */
		.body .columns-quarter-one {
			width: 50%;
			padding-left: 0;
			}
		.body .columns-quarter-two {
			width: 50%;
			padding-right: 0;
			}
		.body .columns-quarter-three {
			width: 50%;
			padding-left: 0;
			}
		.body .columns-quarter-four {
			width: 50%;
			padding-right: 0;
			}
		.body .columns-quarter-clear {
			display: block;
			clear: both;
			}
	.video-container {
		top:-5vh;
	}
	.home-video2-text > p {
		padding-right: 2vw;
	}
	/* FOOT */
	.sitemap {
		width: 940px;
		}		

	.foot {
		width: 940px;
		}	
		

	/*------------------------------
		1300-io. INVESTOR OVERVIEW
	------------------------------*/
	
	.irOverview-intro {
		padding: 0 70px;
		}
	.irOverview-top {
		padding-top: 25px;
		padding-bottom: 100px;
		}
		.irOverview-top-news {
			float: left;
			width: 50%;
			padding: 0 0 0 70px;
			}
			.irOverview-top-news .news-left {
				width: 25%;
				}
			.irOverview-top-news .news-right {
				width: 75%;
				font-family: 'Gotham-Regular', arial, sans-serif;
				font-size: 18px;
				}
				.irOverview-top-news .news-right-center {
					line-height: 30px;
					}
			.irOverview-top-presentation {
				padding-top: 137px;
				padding-bottom: 137px;
				}
				.irOverview-top-presentation .home-investors-left-presentation .circle {
					width: 300px;
					height: 300px;
					padding-top: 45px;	
					border-radius: 50%;		
					}	
					.irOverview-top-presentation .home-investors-left-presentation .circle img {
						width: 60px;				
						}
					.irOverview-top-presentation .home-investors-left-presentation .circle h2 {
						font-size: 28px;
						line-height: 32px;
						color: #fff;					
						}
					.irOverview-top-presentation .home-investors-left-presentation .circle h3 {
						font-size: 18px;
						line-height: 22px;
						color: #fff;					
						}

	.irOverview-bottom-content {
		display: none;
		}
	.irOverview-bottom-reportsStock {
		float: none;
		width: 100%;
		padding: 0 70px;
		}

	/*------------------------------
		1300-bl. BRAND LISTING
	------------------------------*/

	.brands-item {
		width: 50%;
		}

	/*------------------------------
		1300-bd. BRAND DETAIL
	------------------------------*/

		

	/*------------------------------
		1300-h. HOME
	------------------------------*/		

	.home-feature {
		height: 670px;
		}
		.home-feature-slide {
			height: 670px;		
			/* background-position: center 63px;			 */
			}				
			.home-feature-slide-content {
				bottom: 150px;
				}		
				.home-feature-slide-content .logo {					
					margin-bottom: 30px;
					}		
				.home-feature-slide-content .photo {					
					width: 200px;
					margin-bottom: 25px;
					}	
				.home-feature-slide-content h1 {
					font-size: 48px;
					line-height: 50px;
					}		
				.home-feature-slide-content h1.small {
					
					}	
				.home-feature-slide-content h2 {
					font-size: 18px;
					line-height: 28px;
					}					
	.home-feature .slick-dots {
		bottom: 100px;
		}	

	.curveUp.homeTop {
		margin-top: 523px; 
		}

	.featureBoxes {
		width: 940px;
		margin-top: -100px;
		}	
		.featureBoxes-box {
			text-align: center;
			height: 310px;
			}				
		.ourBusinesses .featureBoxes-box {
			padding-right: 35px;
			}
			.featureBoxes-box img {
				display: block;
				float: none;
				margin: 0 auto 30px auto;
				}			
			.ourBusinesses .featureBoxes-box img.circle {
				display: block;
				position: relative;
				width: auto;
				height: 85px;
				}
			.ourBusinesses .featureBoxes-box img {
				display: none;
				}
			.featureBoxes-box h2 {
				margin-bottom: 20px;
				font-size: 18px;
				line-height: 18px;
				}
			.featureBoxes-box p {
				font-size: 17px;
				line-height: 26px;
				}

	.home-intro {
		width: 940px;
		}	
		.home-intro h2 {
			padding: 0;
			font-size: 30px;
			line-height: 40px;
			}			
			.home-intro-businessesPlatforms-details .supply h3,
			.home-intro-businessesPlatforms-details .retail h3,
			.home-intro-businessesPlatforms-details .commercial h3,
			.home-intro-businessesPlatforms-details .convenience h3 {
				font-size: 20px;
				line-height: 25px;							
				}

	.home-brands {
		height: 180px;
		}
		.home-brands img {
			height: 60px;
			margin: 0 20px;
			}
		.home-brands .prev,
		.home-brands .next {
			top: 95px;
			}
	
	.home-investors {
		width: 940px;
		padding-top: 40px;
		}		
		.home-investors-left {
			width: 100%;
			}					
			.home-investors-left h2,
			.home-investors-right h2 {	
				margin-bottom: 30px;
				}	
			.home-investors-left-news {
				width: 50%;
				}		
				.home-investors-left-news > div:nth-child(2) {
					display: block;
					}	
				.home-investors-left-news .news-right {
					width: 300px;
					}	
			.home-investors-left-reports {
				width: 50%;
				}		
				.home-investors-left-reports h2 {
					margin-bottom: 20px;
					}
				.home-investors-left-reports ul li {
					padding: 18px 0 15px 48px;
					}	
			.home-investors-left-presentation {
				width: 100%;
				}			
				.home-investors-left-presentation .circle {
					width: 100%;
					height: auto;
					padding: 30px;
					margin: 0 0 40px 0;
					border: none;
					border-radius: 0;
					background: rgba(0,0,0,0.07);
					}
		.home-investors-right {
			width: 100%;
			}		
			.home-investors-right-dividend {
				width: 50%;
				padding-right: 70px;
				}		
			.home-investors-right-stock {
				width: 50%;
				}	
	
	.home-operations {
		width: 940px;
		}
		.home-operations-map {
			width: 50%;
			}
			.home-operations-map img.tall {				
				display: block;
				width: 100%;
				height: auto;
				}
			.home-operations-map img.short {
				display: none;
				}
		.home-operations-text {
			width: 50%;
			padding: 40px 0 0 0;
			}
			.home-operations-text-countries,
			.home-operations-text-parkland {
				margin: 0 0 30px 0;
				font-size: 30px;
				line-height: 32px;
				}
				.home-operations-text-countries .number,
				.home-operations-text-parkland .number {
					width: 70px;
					height: 70px;
					padding-top: 14px;
					margin-bottom: 15px;
					font-size: 37px;
					line-height: 37px;
					}
			.home-operations-text p {				
				margin-bottom: 30px;
				font-size: 13px;
				line-height: 20px;
				}	
			.home-operations-text a.button-darkBlue, 
			.home-operations-text a.button-darkGreen,
			.home-operations-text a.button {
				padding-left: 20px;
				padding-right: 20px;
				font-size: 14px;
				line-height: 14px;
				}
	
	.home-careers {
		width: 940px;
		padding-bottom: 70px;
		}	
		.home-careers-left {
			width: 100%;
			margin-bottom: 30px;
			}	
			.home-careers-left-circle img {
				width: 200px;
				}
		.home-careers-right {
			width: 100%;
			}		
			.home-careers-right-text {
				font-size: 19px;
				line-height: 33px;
				}	

	.home-community-container {
		background-size: 1450px;			
		}
		.home-community-block {
			width: 940px;
			height: auto;
			padding-top: 90px;
			padding-bottom: 40px;
			}	
			.home-community {
				float: none;
				width: 600px;
				}
				.home-community-title {
					width: 100%;
					border-right: none;
					}
					.home-community-title h2 {
						margin-bottom: 25px;
						}
					.home-community-title img {
						display: none;
						}
				.home-community-text {
					width: 100%;
					padding: 0;
					}
	
	.home-hse-container {
		background: #f2f2f2;
		}
		.home-hse {
			width: 940px;
			top: 0;
			padding: 50px 0;
			}
			.home-hse-title {
				width: 100%;
				margin-bottom: 30px;
				}
				.home-hse-title h2 {
					width: 50%;
					padding-top: 20px;
					font-size: 40px;
					line-height: 45px;
					}
				.home-hse-title img {
					height: 120px;
					margin: 0 30px 0 0;
					}
			.home-hse-text {
				width: 100%;
				}

	.home .sitemap {
		padding-top: 60px;
		margin-top: 0;
		}
				
	/*------------------------------
		1300-m. MISC
	------------------------------*/
	
	/* NEWS RELEASE LISTING */

	.newsListing-left {
		width: 20%;
		}	
	.newsListing-right {
		width: 80%;
		}

	/* NEWS RELEASES */

	.mediaInquiries {
		float: none;
		padding: 22px;
		margin-left: 0;
		font-size: 20px;
		line-height: 22px;
		text-align: center;
		}

	/* BRANDS NON-SLIDER FOR CONTENT PAGES */

	.content-brands-container.forDefaultLayout {
		margin-top: -60px;
		padding-bottom: 80px;
		}		
		.content-brands br {
			display: none;
			}

	/* RETAILER FORM */

	.retailerForm {
		height: 1800px; 
		}	
	/* Video banner  */
}
			
/*----------------------------------------------------------------------------------------------------------------------------------------
   	1024. RESPONSIVE CASES - SCALES SITE DOWN BELOW 1024
----------------------------------------------------------------------------------------------------------------------------------------*/
					
@media screen and (max-width: 1023px) {

	p.large-centered {	
		width: 100%;
		}

	/*------------------------------
		1024-c. CONTENT
	------------------------------*/	
			
	/* HEAD */
	
	.topSearch {
		width: 75%;	
		}

	.topBar-container {
		padding: 0;
		}
		.topBar,
		.fr .topBar {
			width: 700px;
			padding-left: 20px;
			padding-right: 20px;
			}
			.topBar ul li {
				font-size: 13px;
				line-height: 13px;
				}
			.fr .topBar ul li.change {
				margin-right: 15px;
				}
			.topBar-contact {
				margin-right: 20px;
				font-size: 13px;
				line-height: 13px;
				}
			.topBar-search {
				margin-right: 0;
				font-size: 13px;
				line-height: 13px;
				}

	.head-nav > ul > li > ul > li > a {
		font-size: 20px;
		line-height: 24px;
		text-align: center;
		color: #fff;
		}

	.banner {
		width: 700px;
		height: auto;
		padding-top: 130px;
		}		
		.banner-section {
			display: block;
			font-family: interstate, sans-serif;
			font-weight: 700;
			font-style: normal;
			font-size: 20px;
			line-height: 20px;
			text-transform: uppercase;
			}

	/* BODY */
	
	.body {
		width: 700px;
		}
		.body .third-left {
			width: 33.33%;
			}
		.body .third-middle {
			width: 33.33%;
			padding-left: 0;
			}
		.body .third-right {
			width: 33.33%;
			}

		/* HALVES */
		.body .columns-half-left {
			width: 100%;
			padding-right: 0;
			}
			.body .columns-half-left img {
				max-width: 100% !important;
				margin: 0 auto;
				}
		.body .columns-half-right {
			width: 100%;
			padding-left: 0;
			}
			.body .columns-half-right img {
				max-width: 100% !important;
				margin: 0 auto;
				}

		/* THIRDS */
		.body .columns-third-left {
			width: 100%;
			padding-right: 0;
			}
		.body .columns-third-middle {
			width: 100%;
			padding-left: 0;
			padding-right: 0;
			}
		.body .columns-third-right {
			width: 100%;
			padding-left: 0;
			}

		/* FIFTHS */
		.body .columns-fifth-one {
			float: left;
			width: 33.33%;
			}
		.body .columns-fifth-two {
			float: left;
			width: 33.33%;
			}
		.body .columns-fifth-three {
			float: left;
			width: 33.33%;
			}				
		.body .columns-fifth-four {
			float: left;
			width: 33.33%;
			}			
		.body .columns-fifth-five {
			float: left;
			width: 33.33%;
			}
		.body .columns-fifth-clear {
			display: block;
			clear: both;
			}

		/* TWO THIRDS LEFT / ONE THIRD RIGHT */
		.body .columns-two-thirds-left {
			width: 100%;
			padding-right: 0;
			}
		.body .columns-one-third-right {
			width: 100%;
			}
			.body .columns-one-third-right img {
				max-width: 100% !important;
				}

		/* ONE THIRD LEFT / TWO THIRDS RIGHT */
		.body .columns-one-third-left {
			width: 100%;
			}
			.body .columns-one-third-left img {
				max-width: 100% !important;
				}
		.body .columns-two-thirds-right {
			width: 100%;
			padding-left: 0;
			}	

		/* THREE QUARTERS LEFT / ONE QUARTER RIGHT */
		.body .columns-three-quarters-left {
			width: 100%;
			padding-right: 0;
			}
		.body .columns-one-quarter-right {
			width: 100%;
			}
			.body .columns-one-quarter-right img {
				max-width: 100% !important;
				}

		/* ONE QUARTER LEFT / THREE QUARTERS RIGHT */
		.body .columns-one-quarter-left {
			width: 100%;
			}
			.body .columns-one-quarter-left img {
				max-width: 100% !important;
				}
		.body .columns-three-quarters-right {
			width: 100%;
			padding-left: 0;
			}	
	
	/* Video Banner */
	.video-container {
		grid-template-columns: 1fr;
	}
	.home-video2-text > h1 {
		padding-top: 2vh;
	}

	/* FOOT */
		
	.sitemap {
		width: 700px;
		}		
		.sitemap > ul > li {
			padding-right: 30px;
			}
			.sitemap > ul > li > a {
				font-size: 15px;
				line-height: 15px;
				}		
				.sitemap > ul > li > a:after {	
					width: 100px;
					}					
					.sitemap > ul > li > ul > li > a {
						font-size: 14px;
						line-height: 16px;
						}

	.foot {
		width: 700px;
		}	
		.foot-left {
			width: 80%;
			}		
		.fr .foot-left {
			width: 90%;
			}
		.foot-right {
			margin-top: 0;
			}
			.foot-right-social {
				margin-bottom: 0;
				}
			.foot-right ul {
				padding-top: 25px;
				}
				.foot-right ul li {
					float: none;
					}
				.fr .foot-right ul li.mdp {
					display: block;
					}

	/*------------------------------
		1024-io. INVESTOR OVERVIEW
	------------------------------*/
	
	.irOverview .body {
		width: 700px;
		}

	.irOverview-intro {
		padding: 0;
		}
	.irOverview-top {
		padding-top: 0;
		padding-bottom: 60px;
		}
		.irOverview-top-news {
			float: none;
			width: 100%;
			margin: 0 auto 60px auto;
			padding: 0;
			}
			.irOverview-top-news .news-left {
				width: 16%;
				}
			.irOverview-top-news .news-right {
				width: 84%;
				font-family: 'Gotham-Light', arial, sans-serif;
				font-size: 24px;
				}
				.irOverview-top-news .news-right-center {
					line-height: 33px;
					}
			.irOverview-top-news a.button-darkBlue {
				margin-top: 20px;
				}
		.irOverview-top-presentation {
			float: none;
			width: 100%;
			margin: 0 auto;
			padding-top: 60px;
			padding-bottom: 60px;
			}

	.irOverview-bottom-reportsStock {
		padding: 0;
		}

	/*------------------------------
		1024-bl. BRAND LISTING
	------------------------------*/
	
	.brands-item-content {
		padding: 0 30px;
		}

	/*------------------------------
		1024-bd. BRAND DETAIL
	------------------------------*/

		

	/*------------------------------
		1024-h. HOME
	------------------------------*/		
	
	.home-feature {
		height: 580px;
		}
		.home-feature-slide {
			height: 580px;					
			}				
			.home-feature-slide-content {
				margin-left: -300px;			
				width: 600px;
				bottom: 140px;				
				}		
				.home-feature-slide-content .logo {	
					width: 80px !important;	
					margin-bottom: 20px;	
					}		
				.home-feature-slide-content .logo-bcf {
					height: 75px;
					}					
				.home-feature-slide-content .photo {					
					width: 150px;
					margin-bottom: 20px;
					}		
				.home-feature-slide-content .community-driven {					
					width: 225px;
					margin-bottom: 30px;
					}			
				.home-feature-slide-content .icon {	
					display: none !important;	
					}	
				.home-feature-slide-content h1,
				.home-feature-slide-content h1.small,
				.fr .home-feature-slide-content h1,
				.fr .home-feature-slide-content h1.small {
					font-size: 30px;
					line-height: 35px;
					}	
				.home-feature-slide-content h1.smallish {
					font-size: 28px;
					line-height: 35px;
					}
				.fr .home-feature-slide-content h1.smaller {
					font-size: 22px;
					line-height: 26px;
					}
				.home-feature-slide-content h1 br {
					display: none;
					}	
				.home-feature-slide-content h2,
				.fr .home-feature-slide-content h2  {
					font-size: 16px;
					line-height: 20px;
					}					
	.home-feature .slick-dots {
		bottom: 90px;
		}		

	.curveUp.homeTop {
		margin-top: 433px; 
		}

	.featureBoxes {
		width: 700px;
		margin-top: -80px;
		margin-bottom: 0;
		}
		.featureBoxes-box-container.ourBusinesses {
			padding-right: 10px;
			}
		.featureBoxes-box-container.investors {
			padding-left: 10px;
			padding-right: 10px;
			}
		.featureBoxes-box-container.careers {
			padding-left: 10px;
			}
			.featureBoxes-box {
				height: 330px;
				}	
				.featureBoxes-box p {
					font-size: 15px;
					line-height: 23px;
					}

	.home-intro {
		width: 700px;
		}		
		.home-intro h2 {
			padding: 0;
			margin-bottom: 60px;
			font-size: 22px;
			line-height: 33px;
			}			
			.home-intro-businessesPlatforms-details .supply h3,
			.home-intro-businessesPlatforms-details .retail h3,
			.home-intro-businessesPlatforms-details .commercial h3,
			.home-intro-businessesPlatforms-details .convenience h3 {
				font-size: 16px;
				line-height: 22px;							
				}

	.home-brands {
		position: relative;
		height: 160px;
		}
		.home-brands h2 {
			margin-bottom: 25px;
			}
		.home-brands img {
			height: 49px;
			margin: 0 18px;
			}
		.home-brands .prev,
		.home-brands .next {
			top: 78px;
			}
	
	.home-investors {
		width: 700px;
		}	
		.home-investors-left-news {
			width: 55%;
			}	
			.home-investors-left-news .news-right {
				width: 250px;
				}	
		.home-investors-left-reports {
			width: 45%;
			}		
		.home-investors-right-dividend {
			width: 55%;
			padding-right: 40px;
			}		
		.home-investors-right-stock {
			width: 45%;
			}
	
	.home-operations {
		width: 700px;
		padding-bottom: 70px;
		}	
		.home-operations-map {
			width: 100%;
			}	
			.home-operations-map img.tall {				
				margin: 0 auto;
				}
		.home-operations-text {
			width: 100%;
			padding-top: 0;
			margin-top: -60px;
			}
			.home-operations-text-countries {
				padding-left: 90px;
				}
			.home-operations-text-parkland {
				padding-right: 90px;
				}
			.home-operations-text p {
				padding: 0 50px;				
				font-size: 16px;
				line-height: 25px;
				}
	
	.home-careers {
		width: 700px;
		}			
		.home-careers-left {
			padding-bottom: 30px;
			border-bottom: 2px solid rgba(0,0,0,0.15);
			}	
			.home-careers-left-title {
				width: 53%;
				}		
				.fr .home-careers-left-title h2 {
					font-size: 42px;
					line-height: 47px;
					}	
			.home-careers-left-text {
				width: 47%;
				padding-right: 0;
				font-size: 16px;
				line-height: 30px;
				}		
			.home-careers-left-circle {
				width: 100%;
				margin-bottom: 30px;
				text-align: center;
				}		
				.home-careers-left-circle img {
					width: 50%;
					}			
			.home-careers-right-text {
				width: 46%;
				font-size: 16px;
				line-height: 30px;
				}				
			.home-careers-right-buttons {
				width: 47%;
				}		
	
	.home-community-container {
		background: #003d64 url('../images/bg-home-community-mobile.jpg') no-repeat top center;			
		}
		.home-community-block {
			width: 700px;
			padding-top: 100px;
			padding-bottom: 60px;
			}	
			.home-community {
				width: 500px;
				}	
	
	.home-hse {
		width: 700px;
		}
		.home-hse-title h2 {
			width: 40%;
			padding-top: 0;
			font-size: 32px;
			line-height: 35px;
			}
		.home-hse-title img {
			height: 100px;
			}
		.home-hse-videoText {
			float: none;
			width: 100%;
			padding-right: 0;
			}
		.home-hse-video {
			float: none;
			width: 100%;
			}
				
	/*------------------------------
		1024-m. MISC
	------------------------------*/
	
	/* COLUMNS */
	
	.half-left {
		width: 100%;
		margin: 0 30px 0 0;
		}
	.half-right {
		width: 100%;
		margin: 0 0 30px 0;
		}

	/* NEWS RELEASE LISTING */

	a.subscribe,
	.irOverview-intro a.subscribe {
		display: block;
		float: none;
		width: 100%;
		margin: 0 0 30px 0;
		padding: 20px 60px 20px 20px;
		font-size: 22px;
		line-height: 22px;
		border: 2px solid rgba(0,0,0,0.15);
		}
	a.subscribe:after,
	.irOverview-intro a.subscribe:after {	
		top: 13px;
		right: 20px;
		width: 33px;
		height: 33px;
		background-size: 33px auto;		
		}

	/* NEWS RELEASES */

	.mediaInquiries {
		float: none;
		margin-top: -20px;
		margin-bottom: 40px;
		font-size: 20px;
		line-height: 22px;
		}

	.newsListing {
		padding-top: 0;
		margin: 0 0 40px 0;
		}
		.newsListing-left {
			float: none;
			width: 100%;
			}		
			.newsListing-left .dateCalendar {
				margin-bottom: 35px;
				}
		.newsListing-right {
			float: none;
			width: 100%;
			}

	/* BRANDS NON-SLIDER FOR CONTENT PAGES */

	.content-brands-container.forDefaultLayout {
		padding-bottom: 50px;
		}

	/* RETAILER FORM */

	.retailerForm {
		height: 2850px; 
		}	

	/* FORMIDABLE */

	.formidable .formidable_column.width-3 {
	   	width: 100%;
		}
	.formidable .formidable_column.width-2 {
	   	width: 100%;
		}
			
}

/*----------------------------------------------------------------------------------------------------------------------------------------
   	M. RESPONSIVE CASES - SCALES SITE DOWN BELOW 768
----------------------------------------------------------------------------------------------------------------------------------------*/
					
@media screen and (max-width: 767px) {

	body,
	body.home {	
		font-size: 15px;
		line-height: 23px;
		background-image: linear-gradient(to bottom, rgb(0,59,95) 0, rgb(0,105,170) 350px) !important;	
		}	
	hr {
		margin: 30px 0;
		}
	p {		
		margin: 0 0 30px 0;
		}
		p.large,
		p.large-centered {	
			font-size: 19px;
			line-height: 27px;
			}
		p.extra-large {
			font-size: 19px;
			line-height: 27px;
			}
		p.small {		
			font-size: 13px;
			line-height: 20px;
			}	
	blockquote {	
		padding: 30px;
		margin: 0 0 30px 0;
		}
	blockquote p {	
		font-size: 20px;
		line-height: 27px;
		}

	/*------------------------------
		M-c. CONTENT
	------------------------------*/	
	
	/* HEAD */

	.topSearch {
		width: 70%;
		padding: 15px 0 25px 0;	
		}
		.topSearch-close {
			top: 33px;
			right: 20px;
			}
		.topSearch .input {
			width: 83%;
			}
			.topSearch .input input {
				font-family: interstate, sans-serif;
				font-weight: 400;
				font-style: normal;
				font-size: 16px;
				line-height: 16px;
				}	
		.topSearch .submit {
			width: 17%;
			}

	.topBar-container {
		display: none;
		}
		.topBar,
		.fr .topBar {
			float: none;
			width: 300px;
			height: auto;
			padding: 0;
			background: none;
			text-align: center;
			}
			.topBar ul {
				float: none;
				display: inline-block;
				padding: 0;
				margin: 0 auto 20px auto;
				}
				.topBar ul li.change {
					position: relative;
					margin-right: 0;
					}			
			.topBar-clear {
				clear: both;
				}
			.topBar-contact,
			.scrolled .topBar-contact {
				float: left;
				width: 125px;
				padding: 0;
				margin: 0 0 35px 30px;
				text-align: left;
				}
			.fr .topBar-contact {
				width: 135px;
				margin-left: 10px;
				font-size: 10px;
				text-align: left;
				}
			.topBar-search,
			.scrolled .topBar-search {
				float: left;
				width: 120px;
				padding-left: 25px;
				margin: 0 0 35px 0;
				text-align: left;
				}
			.fr .topBar-search {				
				width: 135px;
				font-size: 10px;
				text-align: left;
				}	
			.ccm-block-switch-language-flags a {
				width: 200px;
				display: inline-block;
				float: none;
				margin: 0 auto;
				font-size: 13px;
				line-height: 13px;
				}

	.head {
		width: 100%;
		left: 0;
		margin: 0;
		padding: 0 30px;
		}
		.head-logo {
			float: left;
			width: 180px;
			margin: 34px 0 0 0;
			}
		.scrolled .head-logo {
			margin-top: 7px;
			width: 180px;
			}
		.head-nav {
			top: 105px;
			padding: 31px;
			max-height: 280px;
			}
		.scrolled .head-nav {
			padding: 30px;
			}
			.head-nav > ul {
				margin-bottom: 20px;
				}
				.head-nav > ul > li {
					padding: 0;
					}
					.head-nav > ul > li > a,
					.fr .head-nav > ul > li > a {
						padding-top: 5px;
						padding-bottom: 5px;
						font-size: 22px;
						line-height: 22px;
						}
		.head-navMobile {
			float: right;
			margin: 25px 0 0 0;
			}
			.head-navMobile .navCircle {				
				margin: 0 auto;
				}
	
	.banner {
		width: 100%;
		height: auto;
		padding-top: 110px;
		padding-left: 30px;
		padding-right: 30px;
		}		
		.banner-section {
			margin-bottom: 5px;
			font-size: 16px;
			line-height: 16px;
			}
		.banner h1 {
			font-size: 32px;
			line-height: 35px;
			}
	
	
	/* BODY */
	
	.curveUp {
		margin-top: -40px;
		}

	.body {
		width: 100%;
		padding: 50px 30px;
		}

	/*
	.retailer-application-form .body,
	.formulaire-de-demande-pour-detaillant .body {
		padding-left: 0;
		padding-right: 0;
		}
	*/

		.body h2 {
			margin: 0 0 30px 0;
			font-size: 25px;
			line-height: 27px;
			}
		.body h3 {
			margin: 0 0 30px 0;
			font-size: 20px;
			line-height: 22px;
			}
		.body h4 {
			margin: 0 0 30px 0;
			font-size: 18px;
			line-height: 20px;
			}
		.body .third-left,
		.body .third-middle,
		.body .third-right {
			float: none;
			width: 100%;
			padding: 0;
			margin: 0 0 30px 0;
			}

		/* QUARTERS */
		.body .columns-quarter-one,
		.body .columns-quarter-two,
		.body .columns-quarter-three,
		.body .columns-quarter-four {
			width: 100%;
			padding-left: 0;
			padding-right: 0;
			}

		/* FIFTHS */
		.body .columns-fifth-one,
		.body .columns-fifth-two,
		.body .columns-fifth-three,
		.body .columns-fifth-four,
		.body .columns-fifth-five {
			width: 100%;
			padding-left: 0;
			padding-right: 0;
			}

		/* EIGHTHS */
		.body .columns-eighths-one,
		.body .columns-eighths-two,
		.body .columns-eighths-three,
		.body .columns-eighths-four,
		.body .columns-eighths-five,
		.body .columns-eighths-six,
		.body .columns-eighths-seven,
		.body .columns-eighths-eight {
			float: none;
			width: 100%;
			}
	
	/* Video Banner */
	iframe {
		width: 400px;	
		height: 250px;
	}
	/* FOOT */
	.curveUpGrey {
		display: none;
		}

	.sitemap {
		display: none;
		}

	.foot {
		width: 100%;
		padding: 60px 0;
		}
		.foot-left-left {
			width: 100%;
			text-align: center;
			margin-bottom: 20px;
			}	
		.foot-left-middle {
			width: 100%;
			text-align: center;
			margin-bottom: 20px;
			}	
		.foot-left-right {
			width: 100%;
			text-align: center;
			margin-bottom: 20px;
			}				
		.fr .foot-left-left {
			width: 100%;
			}	
		.fr .foot-left-middle {
			width: 100%;
			}	
		.fr .foot-left-right {
			width: 100%;
			}			
			.foot-left-left span div,
			.foot-left-middle span div,
			.foot-left-right span div {
				display: inline-block;
				}		
			.fr .foot-left-left span div,
			.fr .foot-left-middle span div,
			.fr .foot-left-right span div {
				display: inline-block;
				}

		.foot-right-social {
			margin-bottom: 30px;
			}
		.foot-right ul {
			padding-top: 15px;
			}
			.foot-right ul li {
				float: none;
				}

	/*------------------------------
		M-io. INVESTOR OVERVIEW
	------------------------------*/

	.irOverview .body {
		width: 100%;
		}

	.irOverview-top-news .news-left {
		float: none;
		width: 100%;
		margin-bottom: 15px;
		}
		.irOverview-top-news .news-left .dateCalendar {
			width: 100%;
			}
	.irOverview-top-news .news-right {
		float: none;
		width: 100%;
		margin-bottom: 30px;
		font-family: 'Gotham-Regular', arial, sans-serif;
		font-size: 18px;
		text-align: center;
		}
		.irOverview-top-news .news-right-center {
			line-height: 25px;
			}
		.irOverview-top-presentation .home-investors-left-presentation .circle {
			width: 100%;
			height: auto;
			margin: 0 auto;
			padding: 0 30px;	
			border: none;			
			}

	.irOverview-bottom-reportsStock-reports {
		float: none;
		width: 100%;
		padding-right: 0;
		margin: 0 0 40px 0;
		}
	.irOverview-bottom-reportsStock-stock {
		float: none;
		width: 100%;
		}
		.irOverview-bottom-reportsStock-stock h4 {
			font-size: 50px;
			line-height: 50px;
			}

	/*------------------------------
		M-bl. BRAND LISTING
	------------------------------*/

	.brandListing .body {
		padding-top: 50px;
		padding-bottom: 50px;
		}

	.brands-item {
		width: 100%;
		}

	/*------------------------------
		M-bd. BRAND DETAIL
	------------------------------*/

		
			
	/*------------------------------
		M-h. HOME
	------------------------------*/		
	
	.home-feature {
		position: relative;
		height: auto;
		}
		.home-feature-slide {
			height: auto;	
			background-image: none !important;
			background-color: transparent !important;				
			}		
			.home-feature-slide-content {
				position: static;
				left: 0;
				top: auto;	
				width: 100%;
				height: auto;	
				margin-left: 0;	
				padding: 140px 40px 35px 40px;	
				}	
				.home-feature-slide-content h1 br {
					display: none;
					}
				.home-feature-slide-content h1,
				.home-feature-slide-content h1.small,
				.home-feature-slide-content h1.smallish,
				.fr .home-feature-slide-content h1,
				.fr .home-feature-slide-content h1.small,
				.fr .home-feature-slide-content h1.smaller {
					font-size: 25px;
					line-height: 30px;
					}						
				.home-feature-slide-content .logo-bcf {
					
					margin-bottom: 25px;
					}
				.home-feature-slide-content .logo-bcf.cd {	
					margin-right: 0;
					}
				.home-feature-slide-content .logo-um-pc {					
					width: 100%;
					max-width: 320px;
					height: auto;
					margin: 0 auto 35px auto;
					}					
	.home-feature .slick-dots {
		position: relative;
		top: auto;
		bottom: 0;
		}		

	.curveUp.homeTop {
		margin-top: -80px; 
		}

	.featureBoxes {
		width: 100%;
		margin-top: -1px;
		padding: 40px 40px 20px 40px;
		background: #fff;
		}
		.featureBoxes-box-container {
			float: none;
			width: 100%;
			margin-bottom: 10px;
			}
		.featureBoxes-box-container.ourBusinesses {
			padding-right: 0;
			}
		.featureBoxes-box-container.investors {
			padding-left: 0;
			padding-right: 0;
			}
		.featureBoxes-box-container.careers {
			padding-left: 0;
			}
			.featureBoxes-box {
				height: auto;
				}
				.featureBoxes-box h2 {
					margin-bottom: 15px;
					}

	.home-intro {
		width: 100%;
		text-align: center;
		padding: 40px;
		}		
		.home-intro h2 {
			padding: 0;			
			margin-bottom: 40px;
			font-size: 20px;
			line-height: 30px;
			}	
		.home-intro-businessesPlatforms-details .supply,
		.home-intro-businessesPlatforms-details .retail,
		.home-intro-businessesPlatforms-details .commercial,
		.home-intro-businessesPlatforms-details .convenience {
			width: 100%;
			}				
			.home-intro-businessesPlatforms-details .supply h3,
			.home-intro-businessesPlatforms-details .retail h3,
			.home-intro-businessesPlatforms-details .commercial h3,
			.home-intro-businessesPlatforms-details .convenience h3 {
				padding: 0 0 20px 0;
				margin: 0 0 20px 0;
				font-size: 26px;
				line-height: 28px;
				}			
			.home-intro-businessesPlatforms-details .supply h4,
			.home-intro-businessesPlatforms-details .retail h4,
			.home-intro-businessesPlatforms-details .commercial h4,
			.home-intro-businessesPlatforms-details .convenience h4 {
				display: none;
				}			
			.home-intro-businessesPlatforms-details .supply h5,
			.home-intro-businessesPlatforms-details .retail h5,
			.home-intro-businessesPlatforms-details .commercial h5,
			.home-intro-businessesPlatforms-details .convenience h5 {
				display: none;
				}
	
	.home-brands .brandSlider {
		width: 85%;
		}

	.home-investors {
		width: 100%;
		text-align: center;
		padding: 40px;
		}
		.home-investors-left h2:after,
		.home-investors-right h2:after {
			left: 50%;
			margin-left: -75px;
			}
		.home-investors-left-news {
			width: 100%;
			padding: 0;
			}
			.home-investors-left-news .news-left {
				float: none;
				width: 100%;
				margin-bottom: 20px;
				}
				.home-investors-left-news .news-left .dateCalendar {
					margin: 0 auto;
					}
			.home-investors-left-news .news-right {
				width: 100%;
				height: auto;
				line-height: 22px;
				margin-bottom: 30px;
				}
		.home-investors-left-reports {
			width: 100%;
			padding: 0;
			margin-bottom: 30px;
			}
			.home-investors-left-reports ul li {
				text-align: left;						
				}			
		.home-investors-left-presentation .circle {
			display: block;
			width: 230px;
			height: 230px;
			padding: 30px 20px 0 20px;
			margin: 0 auto 30px auto;
			text-align: center;
			border: 3px solid #0069aa;
			border-radius: 50%;
			background: none;
			}					
			.home-investors-left-presentation .circle img {
				width: 50px;
				}
			.home-investors-left-presentation .circle h2 {	
				margin: 0 0 10px 0;
				font-size: 20px;
				line-height: 25px;
				}	
			.home-investors-left-presentation .circle h3 {
				font-size: 14px;
				line-height: 14px;
				}
		.home-investors-right-dividend {
			width: 100%;
			padding: 0;
			margin-bottom: 30px;
			}	
		.home-investors-right-stock {
			width: 100%;
			}

	
	.home-operations {
		width: 100%;
		padding: 0 40px 40px 40px;
		text-align: center;
		}	
		.home-operations-map {
			width: 100%;
			}	
		.home-operations-text {
			margin-top: -30px;
			}	
			.home-operations-text-countries {
				width: 100%;
				padding-left: 0;
				}
			.home-operations-text-parkland {
				width: 100%;
				padding-right: 0;
				}
			.home-operations-text p {
				padding: 0;				
				font-size: 15px;
				line-height: 22px;
				}
			.home-operations-text-buttons {
				display: block;
				}
				.home-operations-text a.button-darkBlue, 
				.home-operations-text a.button-darkGreen,
				.home-operations-text a.button {
					display: block;
					width: 100%;
					margin: 0 0 10px 0;
					}
	
	.home-careers {
		width: 100%;
		padding: 40px;
		text-align: center;
		}			
		.home-careers-left {
			padding-bottom: 0;
			margin-bottom: 15px;
			border-bottom: none;
			}
			.home-careers-left-title {
				width: 100%;
				}	
				.home-careers-left-title h2,
				.fr .home-careers-left-title h2 {
					font-size: 36px;
    				line-height: 38px;
					}								    
			.home-careers-left-text {
				width: 100%;	
				margin-bottom: 15px;		
				font-size: 15px;
				line-height: 22px;
				}
			.home-careers-left-circle {
				width: 100%;
				}	
				.home-careers-left-circle img {
					width: 100%;
					max-width: 200px;
					}
			.home-careers-right-text {
				width: 100%;			
				font-size: 15px;
				line-height: 22px;
				}	
			.home-careers-right-buttons {
				width: 100%;
				}	
				.home-careers-right-buttons a.button-darkBlue br, 
				.home-careers-right-buttons a.button-darkGreen br,
				.home-careers-right-buttons a.button br {
					display: none;
					}	
	
	.home-community-container {
		background-position: top right;
		background-size: 800px;			
		}
		.home-community-block {
			width: 100%;
			padding: 150px 40px 40px 40px;
			}	
			.home-community {
				width: 100%;
				text-align: center;
				}	
				.home-community-title h2,
				.fr .home-community-title h2 {
					font-size: 32px;
    				line-height: 36px;
					}	
				.home-community-text p {
					font-size: 15px;
					line-height: 22px;
					}
	
	.home-hse {
		width: 100%;
		padding: 40px;
		text-align: center;
		}
		.home-hse-title h2 {
			width: 100%;
			margin-bottom: 30px;
			font-size: 36px;
    		line-height: 38px;
			}
		.home-hse-title img {
			float: none;
			height: 60px;
			margin-right: 15px;
			}
		.home-hse-title img:last-child {
			margin-right: 0;
			}
		.home-hse-text {
			font-size: 15px;
			line-height: 22px;
			}

	/*------------------------------
		M-m. MISC
	------------------------------*/
				
	/* IMAGE FLOATS */
	
	.image-right,
	.image-left {
		display: block;
		float: none;
		max-width: 300px;
		width: 100% !important;
		height: auto !important;
		margin: 0 0 40px 0;
		}
	
	/* BUTTONS */
	
	.button,
	.button-darkGreen,
	.button-darkBlue {
		display: block;
		font-size: 15px;
		line-height: 18px;
		}	

	/* SWIPEY MOBILE TABLES */	
		
	.data-table-container {
		width: 100%;
		overflow-x: scroll;
		overflow-y: hidden;
		padding-top: 60px;
		background: url('../images/data-table-container-header.png') no-repeat top left;
		background-size: contain;
		}
		.data-table-container table {
			width: 150% !important;
			}		
	
	/* SEARCH RESULTS */
	
	.ccm-search-block-form > h3 {
		float: none;
		width: 100%;
		}
	.ccm-search-block-form input[type="text"] {
		float: none;
		width: 200px;
		margin-top: 0;
		margin-bottom: 30px;
		}
	.ccm-search-block-form input[type="submit"] {
		float: none;
		width: 175px;
		margin-top: 0;
		margin-bottom: 30px;
		}
			
	.body-content-left img {
		float: none;
		width: 100% !important;
		height: auto !important;
		margin: 0 0 40px 0 !important;
		}

	/* NEWS RELEASE LISTING */

	.newsListing-left .dateCalendar {
		width: 100%;
		}
		.newsListing-left .dateCalendar-month {
			padding: 6px 0 4px 0;
			font-size: 16px;
			line-height: 16px;
			}
		.newsListing-left .dateCalendar-day {
			padding: 10px 0;
			font-size: 50px;
			line-height: 50px;			
			}

	/* BRANDS NON-SLIDER FOR CONTENT PAGES */

	.content-brands-container.forDefaultLayout {
		margin-top: 0;
		padding-bottom: 0;
		}

	/* FORMIDABLE */

	.formidable .formidable_column.width-4 {
	   	width: 100%;
		}
	.formidable .formidable_column.width-6 {
	   	width: 100%;
		}

	.formidable .formidable_row {
	   	padding-right: 0;
		}

	.formidable .required {
	   	font-size: 14px;
	   	line-height: 14px;
		}

	.formidable .captcha_holder {
	    width: 100% !important;
		}
	
}

/*----------------------------------------------------------------------------------------------------------------------------------------
   	M-425. RESPONSIVE CASES - SCALES SITE DOWN BELOW 425
----------------------------------------------------------------------------------------------------------------------------------------*/
					
@media screen and (max-width: 425px) {


	.head-nav {
		max-height: 430px;
		}		
		.head-nav > ul > li > a,
		.fr .head-nav > ul > li > a {
			padding-top: 7px;
			padding-bottom: 7px;
			}

	/* HOME - BRANDS SLIDER */

	.home-brands {
		height: 150px;
		}
		.home-brands .brandSlider {
			width: 80%;
			}
			.home-brands img {
				height: 40px;
				}
			.home-brands .prev,
			.home-brands .next {
				top: 73px;
				}

	/* SWIPEY MOBILE TABLES */	
		
	.data-table-container {
		padding-top: 40px;
		}
		.data-table-container table {
			width: 200% !important;
			}

	/* COLUMN IMAGES */

	/* HALVES */
	.body .columns-half-left img {
		max-width: 100% !important;
		height: auto !important;
		}
	.body .columns-half-right img {
		max-width: 100% !important;
		height: auto !important;
		}

	/* THIRDS */
	.body .columns-third-left img {
		max-width: 100% !important;
		height: auto !important;
		}
	.body .columns-third-middle img {
		max-width: 100% !important;
		height: auto !important;
		}
	.body .columns-third-right img {
		max-width: 100% !important;
		height: auto !important;
		margin: 0 auto;
		}

	/* TWO THIRDS LEFT / ONE THIRD RIGHT */

	.body .columns-one-third-right img {
		max-width: 100% !important; class=""
		height: auto !important;
		}

	/* ONE THIRD LEFT / TWO THIRDS RIGHT */
	
	.body .columns-one-third-left img {
		max-width: 100% !important;
		height: auto !important;
		}	

	/* THREE QUARTERS LEFT / ONE QUARTER RIGHT */
	
	.body .columns-one-quarter-right img {
		max-width: 100% !important;
		height: auto !important;
		}

	/* ONE QUARTER LEFT / THREE QUARTERS RIGHT */
	
	.body .columns-one-quarter-left img {
		max-width: 100% !important;
		height: auto !important;
		}

	/* NEWS RELEASES */

	.mediaInquiries span {
		display: block;
		margin-bottom: 10px;
		}

	/* SEARCH RESULTS */
	
	.ccm-search-block-form input[type="text"] {
		width: 100%;
		margin-top: 0;
		margin-bottom: 15px;
		}
	.ccm-search-block-form input[type="submit"] {
		width: 100%;
		padding: 0;
		text-align: left;
		}

}

/*----------------------------------------------------------------------------------------------------------------------------------------
   	1920+. RESPONSIVE CASES - ACCOUNTS FOR LARGER THAN 1080p RESOLUTION
----------------------------------------------------------------------------------------------------------------------------------------*/
					
@media screen and (min-width: 1921px) {

	body {
		width: 1920px;
		margin: 0 auto;
	}
	.head {
		width: 1920px;
	}

}