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



	STYLESHEET



	FF. Font Faces

	Gen. General 

	Full. Full Width Case

		Full-c. Content		

		Full-h. Home  

		Full-m. Misc

	1830. Responsive Cases - Scale Down below 1830px

		1830-c. Content	

		1830-h. Home

		1830-m. Misc

	1650. Responsive Cases - Scale Down below 1440px

		1650-m. Misc

	1440. Responsive Cases - Scale Down below 1440px

		1440-c. Content		

		1440-h. Home

		1440-m. Misc

	1260. Responsive Cases - Scale Down below 1260px

		1260-c. Content		

		1260-h. Home

		1260-m. Misc

	1024 Responsive Cases - Scale Down below 1024px

		1024-c. Content	

		1024-h. Home

		1024-m. Misc

	M-767 Responsive Cases - Scale Down below 767px

		767-c. Content

		767-h. Home

		767-m. Misc

	M-600. Responsive Cases - Scale Down below 600px

		600-c. Content

		600-h. Home

		600-m. Misc.

	M-425. Responsive Cases - Scale Down below 425px

		425-c. Content

		425-h. Home

		425-m. Misc.

	1920+. Responsive Cases - Account for larger than 1080p resolution

 

	COLOURS

		Dark Blue: 

			#0b2c4b 

			rgba(11,44,75,1)

		Green: 

			#82a850 

			rgba(130,168,80,1)

		Bright Green:

			#9bcb50	

			rgba(155,203,80,1)



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



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

    C5. CONCRETE5 TWEAKS

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



/* REMOVE HELP BUTTON */

.ccm-notification-help-launcher {

	display: none !important;

	}



/* FIX FOR CONCRETE5 "MY ACCOUNT" BUTTON POSITIONING */

#ccm-account-menu {

	position: fixed;

    z-index: 9999;

    top: 4px !important;

    right: 373px !important;

	}



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

	

	#ccm-account-menu {

	    right: 61px !important;

		}

}





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

    FF. FONT FACES 

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



/* BEBAS NEUE BOLD */

@font-face {

    font-family: 'BebasNeue-Bold';

    src: url('../fonts/BebasNeueBold.woff2') format('woff2'),

         url('../fonts/BebasNeueBold.woff') format('woff');

    font-weight: normal;

    font-style: normal;

	}



/* BEBAS NEUE BOOK */

@font-face {

    font-family: 'BebasNeue-Book';

    src: url('../fonts/BebasNeueBook.woff2') format('woff2'),

         url('../fonts/BebasNeueBook.woff') format('woff');

    font-weight: normal;

    font-style: normal;

	}



/* BEBAS NEUE LIGHT */

@font-face {

    font-family: 'BebasNeue-Light';

    src: url('../fonts/BebasNeueLight.woff2') format('woff2'),

         url('../fonts/BebasNeueLight.woff') format('woff');

    font-weight: normal;

    font-style: normal;

	}



/* BEBAS NEUE REGULAR */

@font-face {

    font-family: 'BebasNeue-Regular';

    src: url('../fonts/BebasNeueRegular.woff2') format('woff2'),

         url('../fonts/BebasNeueRegular.woff') format('woff');

    font-weight: normal;

    font-style: normal;

	}



/* ROBOTO LIGHT */

@font-face {

	font-family: 'Roboto-Light';

	src: url('../fonts/Roboto-Light.woff') format('woff'),

	     url('../fonts/Roboto-Light.woff2') format('woff2');

	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;

		}

	

	body {

		margin: 0;

		padding: 0;	

		font-family: 'Roboto-Light', arial, sans-serif;	

		font-size: 20px;

		line-height: 36px;

		color: rgba(0,0,0,1);	

		}

	

	img {

		border: 0;

		vertical-align: top;

		}	

	

	h1, h2, h3, h4, h5 {

		font-family: 'BebasNeue-Bold', arial, sans-serif;

		margin: 0;

		padding: 0;

		font-weight: normal;

		font-style: normal;

		}



	h1 {	

		

		}		

	h2 {	

		position: relative;		

		margin:100px 0 35px 0;		

		font-size: 80px;

		letter-spacing:2px;

		line-height: 85px;

		color: #0b2c4b;

		}

	h3 {			

		margin: 0px 0 35px 0;		

		font-size: 55px;

		letter-spacing:2px;

		line-height: 52px;

		color: #82a850;

		}

	h4 {			

		padding: 0 0 15px 0;

		margin: 0 0 35px 0;		

		font-size: 24px;

		line-height: 24px;

		color: rgba(0,0,0,0.7);

		border-bottom: 2px solid rgba(0,0,0,0.15);

		}



	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;

		font-family: 'Roboto-Light', sans-serif;

		font-size:20px;

		}

		p.large {

			font-family: 'Roboto-Light', sans-serif;

			font-size: 28px;

			font-weight:bold;

			letter-spacing:1px;

			line-height: 50px;

			color:#0b2c4b;

			}

		p.small {		

			font-size: 16px;

			line-height: 24px;

			}

		p strong {

			font-family: 'Roboto-Light', sans-serif;

			font-weight:bold;

			}		

		

	p.lessMargin,

	h2.lessMargin,

	h3.lessMargin,

	h4.lessMargin {			

		margin-bottom: 10px;

		}

	h2.noMargin {

		margin:0 0 10px 0;

		}	



	strong {

		font-family: 'BebasNeue-Bold', arial, sans-serif;

		font-weight: normal;

		font-style: normal;

		}

		

	a:hover, a:active, a:focus, object { 

		outline: none; 

		}			

	a {

		text-decoration: none;

		color: #82a850;	

		transition: .25s ease-out;

		}

	a:hover {

		text-decoration: none;

		color: #9bcb50;

		}

	

	blockquote {	

		width: 100%;	

		padding: 40px;

		margin: 0 0 60px 0;

		background: rgba(130,168,80,.25); /* Old browsers */

		/*background: -moz-linear-gradient(top,  rgba(130,168,80,1) 0%, rgba(92,120,54,1) 100%); /* FF3.6-15 */

		/*background: -webkit-linear-gradient(top,  rgba(130,168,80,1) 0%,rgba(92,120,54,1) 100%); /* Chrome10-25,Safari5.1-6 */

		/*background: linear-gradient(to bottom,  rgba(130,168,80,1) 0%,rgba(92,120,54,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

		border-radius: 6px;		

		}

		blockquote p {	

			color: #000;

			}

		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; 

		}



	.green {

		color:#82a850; 

		}

	

	.blue {

		color:#0b2c4b;	

		}

	.dark-grey {

		font-size:48px;

		color:#0b2c4b;

		/*color:#4c4c4c;*/

		font-family: 'BebasNeue-Regular';

		}	

	

	

	/* SEARCH FIELD PLACEHOLDER - STANDARD */

	::-webkit-input-placeholder { /* WebKit browsers */

		padding-top: 1px;

		color: rgba(0,0,0,0.3);

		}

	:-moz-placeholder { /* Mozilla Firefox 4 to 18 */

		padding-top: 1px;

		color: rgba(0,0,0,0.3);

		}

	::-moz-placeholder { /* Mozilla Firefox 19+ */

		padding-top: 1px;

		color: rgba(0,0,0,0.3);

		}

	:-ms-input-placeholder { /* Internet Explorer 10+ */

		padding-top: 1px;

		color: rgba(0,0,0,0.3);

		}

	label.placeholder { /* Internet Explorer 9- */

		color: rgba(0,0,0,0.3) !important;

		}



	/* OFFSET ANCHOR LINK */

	:target:before {

		content:"";

		display:block;

		height:140px; /* fixed header height*/

		margin:-140px 0 0; /* negative fixed header height */

		}



	/* TEXT HIGHLIGHT COLOR */

	::-moz-selection { 

		color: #fff;

		background: #82a850 ; 

		}

	::selection {

		color: #fff;

		background: #82a850 ;

		}

	

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

    Full. LAYOUTS

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

		

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

		Full-c. CONTENT

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

	

	/* HEAD */





	#head-container {

		background-size: cover;		

		overflow:auto;

		height:1000px;

		}

	#head-container-content {

		background-size: cover;		

		overflow:auto;

		height:500px;

		}

	.head {

		position: fixed;

		z-index: 99;

		top: 0;

		width: 100%;

		min-height: 0;

		padding: 0 110px;

		/*background: #fff;*/

		transition: all .5s ease-out;

		}

	.head.open {		

		min-height: 570px;

		box-shadow: 0 0 40px rgba(0,0,0,0.25);

		background-color: rgba(11,44,75,.95);

		}

	.scrolled .head {

		top: -105px;

		padding-bottom: 20px;

		box-shadow: 0 0 40px rgba(0,0,0,0.15);			

		background-color: rgba(11,44,75,.9);

		

		}

		.head-top {

			float: right;

			width: 1010px;

			padding: 60px 0 23px 0;

			text-align: left;

			

			}			

			.head-top > ul {

				display: inline-block;

				margin: 0;

				padding: 0;

				float:right;

				}			

				.head-top > ul > li {

					font-family: 'BebasNeue-Bold', arial, sans-serif;

					font-size: 18px;

					letter-spacing:1px;

					line-height:23px;

					display: inline-block;					

					position: relative;

					margin: 0;

					padding: 0 7px 0 7px;

					list-style: none;

					color: rgba(255,255,255,1)

					}	

					.head-top > ul > li > a {

						position: relative;

						display: block;

						margin: 0;

						padding: 16px 42px 16px 16px;

						list-style: none;

						line-height: 18px;

						color: rgba(255,255,255,1);

						border-radius: 6px;					

						cursor: pointer;

						}	

					.head-top > ul > li > a:hover {

												

						}			

						.head-top > ul > li > a img {

							position: absolute;

							top: 10px;

							right: 0px;

							width: auto;

							height: 26px;

							transition: all .25s ease-out;

							}

						.head-top > ul > li > a:hover img {

							right: 5px;					

							}										

						.head-top > ul > li > a img.icon-standard {

							display: block;

							}									

						.head-top > ul > li > a img.icon-close {

							display: none;

							}									

						.head-top > ul > li > a.active img.icon-standard {

							display: none;

							}									

						.head-top > ul > li > a.active img.icon-close {

							display: block;

							}		

					.head-top > ul > li.selectRegionLanguage > a {						

						position: relative;

						}

						.head-top > ul > li.selectRegionLanguage > a div {						

							display: inline-block;

							}

						.head-top > ul > li.selectRegionLanguage > a div.selectRegionLanguage-region {						

							padding-right: 12px;

							border-right: 1px solid rgba(0,0,0,0.3);

							}

						.head-top > ul > li.selectRegionLanguage > a div.selectRegionLanguage-language {						

							position: relative;

							padding-left: 8px;

							/*padding-right: 25px;*/

							padding-right: 0;

							}

							.head-top > ul > li.selectRegionLanguage > a div.selectRegionLanguage-language img {						

								display: block;

								position: absolute;

								top: 4px;

								left: auto;

								right: 0;

								width: 12px;

								height: auto;

								}

								.head-top > ul > li.selectRegionLanguage > a div.selectRegionLanguage-language img.open {						

									transform: rotate(180deg);

									}

						.head-top > ul > li.carbonSeqDate, .head-top > ul > li.carbonSeqTime, .head-top > ul > li.changePrice, .head-top > ul > li.changePercent {

							font-family: 'BebasNeue-Book', arial, sans-serif;

							}

						.head-top > ul > li.changePrice.neg, .head-top > ul > li.changePercent.neg {

							font-family: 'BebasNeue-Regular', arial, sans-serif;

							color:#ff5b5b;;

							}	

						.head-top > ul > li.changePrice.pos, .head-top > ul > li.changePercent.pos {

							font-family: 'BebasNeue-Regular', arial, sans-serif;

							color:#06ff38;							

							}	

							

						.head-top > ul > li.carbonSeqDate {

							border-right:1px solid #fff;

							padding:0 10px 0 0;

							}

						.head-top > ul > li.symbol a {

							font-family: 'BebasNeue-Book', arial, sans-serif;

							color:#82a850;

							border:2px solid #82a850; 

							border-radius:5px;

							padding: 2px 5px 0 5px;

							transition: all .25s ease-out;

							}

						.head-top > ul > li.symbol a:hover {

							background:#82a850;

							color:#fff;

							}

							

						.head-top > ul > li.carbonSeqTotal {

							color:#82a850;

							border:2px solid #82a850; 

							border-radius:5px;

							padding: 2px 5px 0 5px;

							margin:0 10px 0 0;

							transition: all .25s ease-out;

							background:none;

							}

							.head-top > ul > li.carbonSeqTotal:hover {

								background:#82a850;

								}

								.head-top > ul > li.carbonSeqTotal a {

									color:#82a850;

									padding: 2px 5px 0 5px;

									transition: all .25s ease-out;

									}

								.head-top > ul > li.carbonSeqTotal a:hover {

									color:#fff;

									padding: 2px 5px 0 5px;

									}

							

						.head-top > ul > li.carbonSeqTime {

							margin:0 15px 0 0;

							}	

						.head-top > ul > li.tsx {

							

							}

						.head-top > ul > li.tsx a img.tmx {

						    float: left;

						    width: auto;

						    height: 30px;

						    margin:0;

						    }	

						 .head-top > ul > li.tsx a:hover img.tmx {

							right:0;	

							} 																	

						.head-top > ul > li.changePrice {

							border-right:1px solid #fff;

							padding:0 10px 0 0;

							}

						.head-top > ul > li.news {

							padding-left:15px;

							}

						.head-top > ul > li.contact a, .head-top > ul > li.news a {

							padding-left:0;

							}	



						/* HEAD FLYOUTS */



						.head-flyout {						

							display: none;

							position: absolute;

							z-index: 99;

							top: 60px;

							height: auto;

							padding: 40px;

							border-radius: 6px;

							background: #fff;

							box-shadow: 0 0 50px rgba(0,0,0,0.20);

							overflow: visible;								

							}

						.search .head-flyout {

							left: -190px;

							width: 500px;								

							padding: 20px 40px 30px 40px;							

							}

						.selectRegionLanguage .head-flyout {

							left: -75px;

							width: 300px;								

							}

						.clientSpace .head-flyout {

							left: -75px;		

							width: 300px;						

							}

							.head-flyout-arrow {

								display: block;

								position: absolute;

								top: -7px;

								left: 0;

								right: 0;

								width: 16px;

								height: 16px;

								margin-left: auto;

								margin-right: auto;

								background: #fff;

								transform: rotate(45deg);

								transition: all .25s ease-in-out;																	

								}							

							.head-flyout p {	

								margin-bottom: 20px;

								font-size: 20px;

								line-height: 26px;																				

								}							

							.head-flyout a.button {	

								padding: 10px 20px;	

								margin-bottom: 10px;																	

								}							

							.head-flyout a.button.active {	

								top: -5px;

							    color: #f7991c;

							    border-color: #f7991c;

							    box-shadow: 0 5px 0 0 #f7991c;																	

								}							

							.head-flyout-select {

								padding-top: 10px;	

								display: none;																	

								}

							.head-flyout-table {						

								display: table;		

								width: 100%;												

								}

								.head-flyout-row {						

									display: table-row;														

									}

								.head-flyout-row:first-child .head-flyout-cell {						

									padding-top: 0;													

									}

								.head-flyout-row:last-child .head-flyout-cell {						

									padding-bottom: 0;

									border-bottom: none;													

									}

									.head-flyout-cell {						

										display: table-cell;

										padding: 10px 0;	

										font-size: 16px;

										line-height: 24px;

										text-align: left;

										border-bottom: 1px solid rgba(0,0,0,0.15);											

										}

									.head-flyout-cell:last-child {	

										text-align: right;											

										}



							/*

							.head-flyout-search {

								width: 100%;

								height: auto;

								margin: 0 auto;

								}

								.head-flyout-search .input {

									float: left;

									width: 85%;

									height: 60px;

									}

									.head-flyout-search .input input {

										width: 100%;

										height: 60px;

										margin: 0 !important;

										padding: 14px 17px 14px 0 !important;

										font-family: 'BebasNeue-Light', arial, sans-serif;

										font-size: 25px;

										line-height: 25px;

										color: rgba(0,0,0,0.6);

										background: none;

										border: none;

										border-bottom: 2px solid #82a850;

										-webkit-appearance: none;

										border-radius: 0;

										}

								.head-flyout-search .submit {

									float: right;

									width: 15%;

									height: 60px;

									margin: 0;

									}

									.head-flyout-search .submit input {

										width: 100%;

										height: 60px;

										background-size: 39px auto;

										border: none;

										cursor: pointer;

										border: none;

										border-bottom: 2px solid #fff;

										-webkit-appearance: none;

										border-radius: 0;

										}

										*/



					.head-top > ul > li.clientSpace > a {						

						padding-left: 47px;

						border: 1px solid rgba(0,0,0,0.1);

						cursor: pointer;

						}

					.head-top > ul > li.clientSpace:hover > a {	

						border: 1px solid #82a850;						

						}

						.head-top > ul > li.clientSpace > a img {

							left: 12px;						

							}

						.head-top > ul > li.clientSpace:hover > a img {

							left: 17px;						

							}

		.head-bottom {	

			margin: 0;

			}

			.head-bottom-logo {

				float: left;

				width: 325px;

				height:81px;

				margin-top: -35px;

				transition: all .5s ease-out;

				background: url('../images/whitecapLogo.png') no-repeat center right;

				background-size:325px auto;

				}

				.head-bottom-logo a {

					display:block;

					width: 325px;

					height:81px;

					}

			.scrolled .head-bottom-logo {

				width: 200px;

				margin-top: 0;

				background: url('../images/whitecapLogo.png') no-repeat center right;

				background-size:200px auto;

				}

				.scrolled .head-bottom-logo a {

					display:block;

					width: 250px;

					height:62px;

					}

				.head-bottom-logo img {

					width: 100%;

					height: auto;

					}



			.head-mobile-logo {

				display: none;

				}

			.head-navMobile {

				display: none;

				}



			/* NAV - MAIN - LEVEL 1 */



			.head-bottom-nav {

				float: right;

				padding-top: 0;

				}

				.head-bottom-nav > ul {

					float: right;

					padding: 0;

					margin: 0;

					height: 75px;

					/*background: #00539d;*/

					border-radius: 6px;

					}

				.head-bottom-nav > ul > li {

					float: left;

					position: relative;

					padding: 0;

					margin: 0;

					list-style: none;

					}

					.head-bottom-nav > ul > li > a {

						position: relative;

						display: block;

						height: 75px;

						margin: 0 25px;

						padding: 15px 0 0 0;

						font-family: 'BebasNeue-Bold', arial, sans-serif;

						font-size: 27px;

						letter-spacing:1.5px;

						line-height: 28px;

						color: #fff;

						}

					.head-bottom-nav > ul > li > a:after {

						position: absolute;

						bottom: 0;

						left: 0;

						display: block;

						content: '';

						width: 100%;

						border-bottom: solid 5px #82a850;

						transform: scaleX(0);

						transition: transform 250ms ease-in-out;

						}

					.head-bottom-nav > ul > li:hover > a:after {

						transform: scaleX(1);

						}

					.head-bottom-nav > ul > li:hover > a {

						color:#fff;

						}

					.head-bottom-nav > ul > li:last-child ul {

						width:150px;

						}

					.extra {

						display:none;

						}			



						/* MENU - MAIN - LEVEL 2 */

					

						.head-bottom-nav > ul > li > ul {

							display: none;

							position: absolute;

							z-index: 99;

							top: 70px;

							left: 5px;

							width: 255px;

							margin: 0;						

							padding: 25px 0;

							}

						.head-bottom-nav > ul > li > ul > li {

							position: relative;

							margin: 0;

							padding: 0;

							list-style: none;

							background: none;

							}

							.head-bottom-nav > ul > li > ul > li > a {

								position: relative;

								display: block;

								padding: 5px 0 5px 15px;

								font-family: 'BebasNeue-Book', arial, sans-serif;

								font-size: 22px;

								line-height: 24px;

								letter-spacing:1px;

								text-align: left;

								color: rgba(255,255,255,1);

								overflow: hidden;

								}	

							.head-bottom-nav > ul > li > ul > li > a:after {			

								background-size: 12px auto;

								display: inline-block;

								position: absolute;

								top: 11px;

								left: -12px;

								width: 12px;

								height: 12px;

								content: "";

								transition: all .2s ease-out;

								transform: rotate(-90deg);

								}	

							.head-bottom-nav > ul > li > ul > li:hover > a {

								color: #82a850;

								}

							.head-bottom-nav > ul > li > ul > li:hover > a:after {

								left: 0;

								}

								

								/* MENU - MAIN - LEVEL 3 */

						

								.head-bottom-nav > ul > li > ul > li > ul {

									display: none;

									position: absolute;

									z-index: 99;

									top: 0;

									left: 200px;

									width: 250px;

									margin: 0;						

									padding: 0;

									border-left: 1px solid rgba(255,255,255,1.0);

									}

								.head-bottom-nav > ul > li > ul > li > ul > li {

									margin: 0;

									padding: 0;

									list-style: none;

									background: none;

									}

									.head-bottom-nav > ul > li > ul > li > ul > li > a {

										position: relative;

										display: block;

										padding: 5px 0 5px 14px;

										font-family: 'BebasNeue-Book', arial, sans-serif;

										font-size: 20px;

										letter-spacing:1px;

										line-height: 24px;

										text-align: left;

										color: rgba(255,255,255,1);

										overflow: hidden;

										}

									.head-bottom-nav > ul > li > ul > li > ul > li > a:hover {

										color: #82a850;

										}

									.head-bottom-nav > ul > li > ul > li > ul > li > a:hover:after {

										left: 0;

										}

	

	.banner {

		background-size:525px auto;

		position: relative;

		margin-top: 155px;

		height:0px;

		}

			.banner-center {

				display: inline-block;

				vertical-align: middle;

				line-height: 80px;

				position: absolute;

				right: 130px;

				top: 120px;

				}

				.banner-center h1 {

					position: relative;

					margin: 0;

					padding: 36px 40px 28px 40px;		

					font-family: 'BebasNeue-Bold', sans-serif;

					font-size: 90px;

					line-height: 80px1;

					letter-spacing:4px;

					text-transform: uppercase;

					text-shadow: 0px 0px 15px rgba(11,44,75,1);

					/*background-color: rgba(130, 168, 80, 0.7);*/

					color: #fff;

					border-radius:35px;

					}					

				.banner-center h1:after {

					content: "";

					position: absolute;

					left: 0;

					right: 0;

					bottom: -20px;

					width: 230px;

					height: 4px;

					margin-left: auto;

					margin-right: auto;

					/*background: #82a850;*/

					border-radius: 4px;

					}

					.banner-center h1 sub {

						font-size:42px;

						}



	/* BODY */

	

	.body {

		padding: 110px;

		background:#fff;

		}



 	



		.body ul,

		.r-tabs-panel ul {

			margin: 0 0 30px 0;

			padding: 0;

			}

		.body ul li,

		.r-tabs-panel ul li {

			margin: 0;

			padding: 15px 0 15px 65px;

			list-style: none;

			background: url('../images/icon-arrow-green-right.png') no-repeat 0 11px;

			background-size: 42px auto;

			}



			.body ul li ul,

			.r-tabs-panel ul li ul {

				margin: 10px 0 0 0;

				padding: 0;

				}

				.body ul li ul li {

					padding: 15px 0 15px 45px;

					background: url('../images/icon-arrow-green-right.png') no-repeat 0 18px;

					background-size: 28px auto;					

					}



		.body ol,

		.r-tabs-panel ol {

			margin: 0 0 30px 0;

			padding: 0;

			list-style-type: none;

			counter-reset: standard-counter;

			}

		.body ol li,

		.r-tabs-panel ol li  {

			position: relative;

			margin: 0;

			padding: 15px 0 15px 65px;

			}

		.body ol li:before,

		.r-tabs-panel ol li  {

			content: counter(standard-counter);

			counter-increment: standard-counter;

			position: absolute;

			left: 0;

			top: 12px;

			width: 40px;

			height: 32px;

			text-align: center;

			padding: 6px 0 0 0;

			font-family: 'BebasNeue-Bold', arial, sans-serif;

			font-size: 30px;

			line-height: 30px;

			color: #82a850;

			border: 1px solid #82a850;

			border-radius: 50%;

			}



		.body ul.list-document li,

		.r-tabs-panel ul.list-document li {

			padding: 20px 0 10px 52px;

			background: url('../images/icon-document.png') no-repeat 0 15px;

			background-size: 35px auto;

			}



		/* C5 COLUMNS */



		.body .columns,

		.body .columns-quarters {



			}

		.body .columns-quarters {

			margin-bottom: 50px;

			}

			.body .columns:after,

			.body .columns-quarters:after {

				visibility: hidden;

				display: block;

				font-size: 0;

				content: " ";

				clear: both;

				height: 0;

				}



			/* HALVES */

			.body .columns-half-left, .foot .columns-half-left {

				float: left;

				width: 50%;

				padding-right: 35px;

				}

			.body .columns-half-right, .foot .columns-half-right {

				float: right;

				width: 50%;

				padding-left: 35px;

				}



			/* THIRDS */

			.body .columns-third-left {

				float: left;

				width: 33.33%;

				padding-right: 30px;

				}

			.body .columns-third-middle {

				float: left;

				width: 33.33%;

				padding-right: 30px;

				position:relative;

				}

			.body .columns-third-right {

				float: left;

				width: 33.33%;

				padding-left: 30px;

				position:relative;

				}



			/* QUARTERS */

			.body .columns-quarter-one {

				float: left;

				width: 25%;

				padding-right: 50px;

				}

			.body .columns-quarter-two {

				float: left;

				width: 25%;

				padding-right: 50px;

				}

			.body .columns-quarter-three {

				float: left;

				width: 25%;

				padding-right: 50px;

				}				

			.body .columns-quarter-four {

				float: left;

				width: 25%;

				padding-right: 50px;

				}

			.body .columns-quarter-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%;

				}



			/* ONE THIRD LEFT / TWO THIRDS RIGHT */

			.body .columns-one-third-left {

				float: left;

				width: 34%;

				}

			.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%;

				}



			/* ONE QUARTER LEFT / THREE QUARTERS RIGHT */

			.body .columns-one-quarter-left {

				float: left;

				width: 25%;

				}

			.body .columns-three-quarters-right {

				float: right;

				width: 75%;

				padding-left: 75px;

				}

			

			.body h2:first-child, .body h3:first-child {

				margin:0 0 35px 0;

				}			

					

	/* FOOT */		

	

	#foot {

		padding: 0 110px;

		height:900px; 

		position:relative;

		width:100%;

		display:block;

		}

		.foot-top {

			width:100%;

			position:absolute;

			top:-30px;

			left:0;

			}

		.foot-container {

			display:block;

			position:absolute;

			bottom:80px;

			overflow:auto;

			vertical-align:top;

			}

		.foot-logo {

			position:relative;

			top:0px;			

			}

			.foot-logo img {

				width:220px;

				height:auto;

				padding: 0 0 60px 0;

				} 

		.foot-left { 

			font-size:18px;

			color:rgba(255,255,255,.65);

			position:relative;

			top:0px;

			float:left;

			padding:0 140px 0 0;

			}

		.foot-left ul, .foot-right ul {

			padding:0;

			margin-top:0;

			}	

			.foot-left li, .foot-right li {

				list-style:none;

				}	

		.foot-right {

			float:left;

			position:relative;

			top:0;

			color:rgba(255,255,255,.65);

			}

			.foot-left h2, .foot-right h2  {

				font-size:56px;

				color:#fff;

				padding:0;

				line-height:normal;

				letter-spacing:2px;

				} 

			.foot-left h2 span, .foot-right h2 span  {

				font-family: 'BebasNeue-Book', arial, sans-serif;

				color: rgba(255,255,255,.65);

				/*color:#0b2c4b ;*/

				padding:0 0 0 25px;

				}

			.foot-right a.quarter-opacity {

				color:rgba(255,255,255,.25)

				}

			.foot-right a {

				font-size:18px;

				color:rgba(255,255,255,.65);

				}

			.foot-right li {

				float:left;

				padding-right:70px;

				}	

			.foot-right li:last-child {

				padding-right:0px;

				}				

					

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

		Full-h. HOME

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

	

	.home-banner {

		position: relative;

		margin: 0 0 0 0;

		padding:0;

		height:auto;

		top:210px

		}
        
        .home-banner-left {

			/*background: rgba(130,168,80,.25);*/

			float:left;

			padding: 0;

			width:45%;

			text-align:center;

			margin-top:120px;

		}
		.home-banner-left .home-banner-top-feature-box { padding: 0 5%; }
		
		.home-banner-top {

			/*background: rgba(130,168,80,.25);*/

			float:right;

			padding: 0;

			width:55%;

			text-align:center;

			margin-top:120px;

			}

			.home-banner-top h1 {

				font-family: 'BebasNeue-Bold', arial, sans-serif;

				font-size:72px;

				letter-spacing:2px;

				color:#9bcb50;

				line-height:75px;	

				text-shadow: 1px 1px 20px #0b2c4b;

				}

				.home-banner-top h1 span {

					font-family: 'BebasNeue-Bold', arial, sans-serif;

					padding-left:15px;

					color:#fff;

					}

			.home-banner-top-feature-box {

				

				display:inline-block;

				padding:0;

				/*overflow:auto;*/

				margin:25px 0 0 0;

				}

				.home-banner-top-feature-box li {

					position:relative;

					width:160px;

					height:230px;

					padding:0px 9px 0 9px;

					margin:0 10px;

					display:table-cell;

					font-family: 'BebasNeue-Bold', arial, sans-serif;

					font-size:22px;

					letter-spacing:2px;

					color:#fff;

					list-style:none;					

					background-color: rgba(130,168,80,0);

					cursor:pointer;

					float:left;

					border-radius:15px;

					text-align:center;

					line-height:24px;

					-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;

					z-index:999;

					text-shadow: 1px 1px 7px #0b2c4b;

					}

					.home-banner-top-feature-box li:hover {

						background-color: rgba(130,168,80,.4);

						}

					.home-banner-top-feature-box li:nth-child(3) {

						padding: 0px 32px 0 32px;

						}

					.home-banner-top-feature-box li:nth-child(4)  {

						padding: 0px 10px;

						}

					.home-banner-top-feature-box li:first-child {

						background: url('../images/home-banner-growth-hover.png') no-repeat top 30px center;

						background-size: 75px auto;	

						}		

						.home-banner-top-feature-box li:first-child:hover {

							background: url('../images/home-banner-growth-hover.png') no-repeat top 20px center;

							background-color: rgba(130,168,80,.5);

							background-size: 75px auto;	

							}

					.home-banner-top-feature-box li:nth-child(2) {

						background: url('../images/home-banner-strategy-hover.png') no-repeat top 30px center;

						background-size: 75px auto;	

						}	

						.home-banner-top-feature-box li:nth-child(2):hover {

							background: url('../images/home-banner-strategy-hover.png') no-repeat top 20px center;

							background-color: rgba(130,168,80,.5);

							background-size: 75px auto;	

							}

					.home-banner-top-feature-box li:nth-child(3) {

						background: url('../images/home-banner-asset-base-hover.png') no-repeat top 30px center;

						background-size: 75px auto;	

						}	

						.home-banner-top-feature-box li:nth-child(3):hover {

							background: url('../images/home-banner-asset-base-hover.png') no-repeat top 20px center;

							background-color: rgba(130,168,80,.5);

							background-size: 75px auto;	

							}

					.home-banner-top-feature-box li:nth-child(4) {

						background: url('../images/home-banner-sequestor-hover.png') no-repeat top 30px center;

						background-size: 75px auto;	

						}	

						.home-banner-top-feature-box li:nth-child(4):hover {

							background: url('../images/home-banner-sequestor-hover.png') no-repeat top 20px center;

							background-color: rgba(130,168,80,.5);

							background-size: 75px auto;	

							}

					.home-banner-top-feature-box li:last-child {

						background: url('../images/home-banner-community-hover.png') no-repeat top 30px center;

						background-size: 75px auto;	

						}	

						.home-banner-top-feature-box li:last-child:hover {

							background: url('../images/home-banner-community-hover.png') no-repeat top 20px center;

							background-color: rgba(130,168,80,.5);

							background-size: 75px auto;	

							}

				.home-banner-top-feature-box li a {

					padding-top:115px;

					color:#fff;

					display:block;

					}			



		.home-banner-bottom {		

			width: 55%;

			float: right;

			padding: 75px 0px 0 0;

			position: relative;

			text-align: center;

			margin:0 45px 0 0;

			}

			.home-banner-bottom a {

				padding-top:22px;

				border-radius:15px;

				display:grid;

				background-color: rgba(130,168,80,0);

				}

			.home-banner-bottom a:hover {	

				background-color: rgba(130,168,80,.4);

				}	

			.home-banner-bottom p {

				font-family: 'BebasNeue-Bold', arial, sans-serif;

				font-size:58px;

				color:#fff;	

				letter-spacing:2px;

				line-height:30px;

				margin: 24px 0 40px 0;

				}



				.home-banner-bottom p span {

					font-family: 'BebasNeue-Light', arial, sans-serif;	

					font-size:103px;				

					letter-spacing:4px;

					padding: 0 32px;

					display: inline-block;

					vertical-align: middle;

					position:relative;

					}

					.home-banner-bottom p span img {

						position: absolute;

						top: -72px;

						left: 41.5%;

						width: 48px;

						height: auto;

						}	



		.home-features {

			display: flex;

			flex-direction: row;

			flex-wrap: wrap;

			justify-content: center;

			align-items: stretch;

			}

			.home-features-item {

				position: relative;

				flex-basis: 33.33%;

				flex-grow: 0;

				flex-shrink: 0;

				margin: 0;

				}

			.home-features-item h2 {

		    		display:block;

				font-size:80px;

				color: #0b2c4b;

				line-height:normal;

				padding:0;

				margin:0;

				}

			.home-features-item h3 {

				display:block;

				font-size:60px;

				color: #0b2c4b;

				line-height:normal;

				}

			.home-features-item.left {

				background: url('../images/home-features-item-left.png') no-repeat top 85px left -115px;	

				background-size:375px auto;

				padding: 185px 0px 0px 110px;

				}

				.home-features-item.left h2, .home-features-item.left h3 {

					background:#fff;

					}

				.home-features-item.left h2 {

					padding-top:5px;

					}

				.home-features-item.left h3 {	

					margin-top:0;

					padding-bottom:5px;

					}				

				.home-features-item.left > p {

					line-height:38px;

					margin: 0 30px 0 200px;

					}

				.dividend-amt-title {

					font-family: 'BebasNeue-Bold', arial, sans-serif;

					font-size:22px !important;

					color:#0b2c4b;

					padding: 56px 0 0 0;

					}

					.dividend-amt span {

						color:#82a850;

						padding-left:0px;

						font-size:22px;

						font-family: 'BebasNeue-Bold', arial, sans-serif;

						}		

				.home-features-item.center {

					background: url('../images/home-features-item-center.png') no-repeat top 165px center;	

					/*background-position: calc(50% - 0px) 70%;*/

					background-size:510px auto;

					padding: 185px 55px 0px 55px;

					text-align:center;

					position:relative;

					}					

					.home-features-item.center h3 {	

						padding:10px 10px 15px 10px;

						margin: 0 0 50px 0;

						background:#fff;

						}

						.home-features-item.center ul {

							overflow:auto;

							padding:0;

							display:table;

							margin:0 auto;

							}	

							.home-features-item.center ul li {

								list-style:none;

								float:left;

								display:table-cell;

								width: 50%;

								padding:0 40px;

								}

								.home-features-item.center ul li:first-child {

									border-right: 1px solid rgba(11,44,75,.20);

									}	

								.home-features-item.center ul li a {

									display:block;

									background: url('../images/icon-arrow-green-down.png') no-repeat bottom 12px center;

									background-size:35px auto;									

									height:225px;

									transition: all .25s ease-out;

									position:relative;

									text-align: -webkit-center;

									text-align:center;

									}

								.home-features-item.center ul li a:hover {

									background: url('../images/icon-arrow-green-down.png') no-repeat bottom 0px center;

									background-size:35px auto;										

									}	

									.home-features-item.center ul li a span.qtr {

										display:block;

										font-family: 'BebasNeue-Bold', arial, sans-serif;

										font-size:40px;

										color:#0b2c4b;

										}	

									.home-features-item.center ul li a span.year {

										font-family: 'BebasNeue-Book', arial, sans-serif;

										display:block;

										font-size:60px;

										line-height:60px;

										margin: 0 0 10px 0;

										}	

									.home-features-item.center ul li a span.desc {

										/*height:60px;*/

										vertical-align:middle;

										font-size:20px;

										line-height:20px;

										display:block;

										color:#0b2c4b;

										margin:16px auto;

										}

									.home-features-item.center ul li:nth-child(2) a span.desc {	

										padding:12px 0;

										}			

				.home-features-item.right {

					padding: 185px 110px 0px 55px;

					}		

					.home-features-item.right h3 {	

						margin-top:0;

						padding-top:10px;

						}



				.home-latest-news {

					float: left;

					width: 31%;

					height: 515px;

					}

					.home-latest-news h2 {

						padding: 25px 25px 25px 40px;

						margin: 0;

						font-family: 'BebasNeue-Bold', arial, sans-serif;

						font-size: 30px;

						line-height: 30px;

						text-align: left;

						color: #fff;

						background: #1c3953;

						}

					.home-latest-news-content {

						padding: 0px;

						}

						.home-latest-news-content .news {						

							margin:35px 0;

							/*overflow:auto;*/

							}

							.home-latest-news-content .news:first-child {

								border-bottom:1px solid rgba(11,44,75,.20);

								}

							.home-latest-news-content .news:last-child {

								padding-top:56px;

								}	

							.home-latest-news-content .news-left {

								float: left;

								width: 25%;

								margin: 0 0 25px 0;

								}

								.home-latest-news-content .news-left .dateCalendar-month {

									}

								.home-latest-news-content .news-left .dateCalendar-day {

									}

							.home-latest-news-content .news-right {

								float: left;

								width: 75%;

								height: 125px;

								margin: 0 0 56px 0;

								font-family: 'Roboto-Light', arial, sans-serif;

								font-size: 18px;

								line-height: 125px;

								}

								.home-latest-news-content .news-right-center {

									display: inline-block;

									vertical-align: middle;

									line-height:17px;

									}

									.home-latest-news-content .news-right-center a {

										color: rgba(0,0,0,1);

										line-height:32px;

										}

									.home-latest-news-content .news-right-center a:hover {

										}

										.home-latest-news-content .news-right-center a span {

											display: block;

											padding: 10px 0 0 0;

											font-size: 13px;

											line-height: 13px;

											text-transform: uppercase;

											color: #1c3953;

											-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-latest-news-content .news-right-center a:hover span {

											color: #cf7f21;

											}

		/* DATE CALENDAR */

		

		.dateCalendar {

			width: 90px;

			}

			.dateCalendar-month {

				padding:0 0 14px 0;

				font-family: 'BebasNeue-Bold', arial, sans-serif;

				font-size: 44px;

				text-align: center;

				letter-spacing: 0.03em;

				color: #0b2c4b;

				}

			.dateCalendar-day {

				padding:0;

				font-family: 'BebasNeue-Light', arial, sans-serif;

				font-size: 105px;

				line-height: 90px;

				text-align: center;

				color: #82a850;	

				border-top: none;			

				}				

		#home-callout-container {			

			margin:0;

			width:100%;

			text-align:center;

			position:relative;

			display:inline-block;

			}

			.home-callout {

				/*background: url('../images/home-callout-bg.jpg') no-repeat top -265px center;				

				background-size:100% auto;

				font-family: 'BebasNeue-Bold', arial, sans-serif;

				font-size:60px;

				margin:54px 110px;

				display:block;

				padding:42px 0;

				border-radius:100px;

				-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-callout a {				

				border-radius:100px;

				margin:54px 110px;

				background: url('../images/home-callout-bg.jpg') no-repeat top -265px center;				

				background-size:100% auto;

				font-family: 'BebasNeue-Bold', arial, sans-serif;

				font-size:60px;

				color:#fff;

				display:block;

				/*width:100%;*/

				text-align:center;

				letter-spacing:2px;

				vertical-align:top;

				position:relative;

				padding:42px 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-callout a:hover {

					background-size:110%;

					}	

				.home-callout a img {

					vertical-align: middle; 

					width:70px;

					margin:0 36px;

					}	

	.home-overview {	

		/*background: url('../images/home-overview-container-bg.png') no-repeat top left -146px;	*/

		background-size:1965px auto !important;

		display:flex;

		height:980px;	

		margin:56px 0;

		}

		.home-overview-left {

			position: relative;

			float: left;

			width: 45%;

			height: 655px;

			margin-top: -75px;

			}

			.home-overview-left > img.overview {

			    position: absolute;

			    z-index: 1;

			    top: 0px;

			    left: -88px;

			    width:105%;

			    height: auto;

			    }

			    

		.home-overview-right {

			background:#fff url('../images/home-overview-right-bg.png') no-repeat top 36px right 180px;	

			background-size:240px auto;

			float:left;

			width:55%;

			height:inherit;

			padding:100px 110px 0 0px;

			text-align:center;

			position:relative;

			}

			.home-overview-right h2 {

				margin:0 0 130px 0;

				background:#fff;

				padding:18px 0 10px 0;

				display:inline-block;

				}

				.home-overview-right h2 span {

					

					}

			.home-overview-right-feature {

				display:flex;

				margin:0 auto 80px 0;

				}

				.home-overview-right-feature-box {

					font-size:18px;

					line-height:26px;

					width:29%;

					position:relative;

					}

				.home-overview-right-feature-box:nth-child(2) {

					border-left:1px solid rgba(11,44,75,.20);

					border-right:1px solid rgba(11,44,75,.20);

					width:42%

					}					

					.home-overview-right-feature-box .top-text {

						height:100px;

						position:relative;

						width: 100%;

						}

						.home-overview-right-feature-box .top-text p {

						position:absolute;

						bottom:0;

						left: 0; 

						right: 0; 

						margin:0 auto;

						width: 100%; 

						}						

					.home-overview-right-feature-box span {

						display:block;

						font-family: 'BebasNeue-Book', arial, sans-serif;						

						font-size:56px;

						line-height:56px;

						color:#82a850; 

						padding:32px 30px;

						}

						.home-overview-right-feature-box span div {

							font-size:25px;

							display:inline-block;

							vertical-align: text-top;

							}

						.home-overview-right-feature-box span sub {

							font-size:30px;

							}

					.home-overview-right-feature-box:first-child span {

						padding:32px 30px 26px 30px;

						}		

					.home-overview-right-feature-box .bottom-text {

						}	



		/* FINANCIAL REPORTS */

			

			.financialReportFeature {

				background:url('../images/home-features-item-left.png') no-repeat top 0px left 0px;	

				background-size:325px auto;

				padding: 85px 0px 110px 36px;

				overflow:auto;

				}

				.financialReportFeature-left {

					float:left;

					padding: 25px 25px 15px 0;

					}

				.financialReportFeature-right {

					background-color:#fff;

					float:left;

					padding:17px 0 0 0;

					}	

				.financialReportFeature img {						

					width:65px;

					height:auto;

					}	

				.financialReportFeature a, .financialReportFeature a span {

					background:#fff;

					}

				.financialReportFeature a {

					font-family: 'BebasNeue-Bold', arial, sans-serif;

					color:#0b2c4b;

					padding-top:0;

					margin:0 !important;

					letter-spacing:4px;

					font-size:80px;

					line-height:80px;

					}

				.financialReportFeature a span {	

					color:#0b2c4b;

					margin:0;

					padding-bottom:5px;

					letter-spacing:normal;

					font-size:60px;

					display:block;

					transition: .25s ease-out;

					}

					.financialReportFeature a:hover, .financialReportFeature a:hover span {

						color:#9bcb50;

						}					

		.columns-third-middle .financialReportFeature {

			position:relative;

			margin:0 auto;

			width:fit-content;

			}

		.columns-third-right .financialReportFeature {	

			float: right;

			padding-right: 20%;

			}

			



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

		Full-m. MISC

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

	

	/* CLEARS */

	

	.clear {

		clear: both;

		}

	.clearfix:after {

		visibility: hidden;

		display: block;

		font-size: 0;

		content: " ";

		clear: both;

		height: 0;

		}

	

		/* BACK TO TOP */

		

		#backToTop {

			width: 60px;

			height: 60px;

			background: url('../images/icon-arrow-green-up.png') no-repeat 0px 0px;

			background-size:56px auto;

			display: none;

			position: fixed;

			z-index: 999;

			bottom: 30px;

			right: 30px;

			padding: 15px;

			text-align: center;

			font-size: 16px;

			text-transform: uppercase;

			color: #82a850;

			text-decoration: 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;	

			}

		#backToTop:hover {

			bottom:40px;

			}	

		#scrollDown {

			width: 60px;

			height: 60px;

			background: url('../images/white-arrow-down.png') no-repeat 0px 0px;

			background-size:auto 25px;

			position: fixed;

			z-index: 999;

			bottom: 0;

			left:50%;

			padding: 15px;

			text-align: center;

			font-size: 16px;

			text-transform: uppercase;

			color: #82a850;

			text-decoration: 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;				

			}	

		#scrollDown:hover {

			bottom:10px;

			}	

			



	/* 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 */	



	.button {

	    display: inline-block;

	    position: relative;

	    top: 0;

	    padding: 15px 35px;

	    margin-right: 10px;

	    font-family: 'BebasNeue-Bold', arial, sans-serif;

	    font-size: 24px;

	    line-height: 28px;

	    letter-spacing:1px;

	    color: #82a850 ;

	    border: 1px solid rgba(130,168,80,.5);

	    box-shadow: 0 0 0 2px rgba(255,255,255,0);

	    border-radius: 35px;

	    cursor: pointer;

		}	

		.button:hover {

			background-color:#82a850;

			color: #fff;

			/*border-color: #f7991c;

			box-shadow: 0 5px 0 0 #f7991c;*/

			}

	

	/* STANDARD TABLES */

	

	.body table  {

		position: relative;

		width: 100% !important;

		margin: 0 0 40px 0;

		background: none;

		border-spacing: 0;

		border: none;

		}

		.body table thead tr th {	

			color: #0b2c4b;

			padding: 30px 15px;

			font-family: 'BebasNeue-Bold', sans-serif;

			font-weight: normal;

			font-size: 32px;

			letter-spacing:1px;

			line-height: 40px;

			text-align: left;

			line-height: 32px;

			background: #fff;

			border-top:2px solid #0b2c4b;

			border-bottom:2px solid #0b2c4b;

			}

			.body table thead tr th span {

				display:block;

				font-family: 'Roboto-Light', sans-serif;

				font-size:20px;

				position: absolute;

				}

		.body table tbody tr td {

			padding: 18px 12px;

			font-size: 20px;

			line-height: 36px;

			text-align: left;

			border: none;

			vertical-align: center;

			border-bottom: 1px solid rgba(0,0,0,0.15);

			}

		.body table tbody tr:last-child td {

			border-bottom: none;

			}

		.body table tbody tr:nth-child(even) td {

			font-size:20px;

			}

		.body table tr td p {

			font-size:20px;

			margin: 0;

			padding: 0;

			}

		.body table tbody tr td a {

			font-size: 20px;

			background: url('../images/icon-arrow-green-down-small.png') no-repeat 0px 8px;

			background-size: 20px auto;

			padding: 0px 0 0px 28px;

			-webkit-transition: all 0.25s;

			-moz-transition: all 0.25s;

			transition: all 0.25s;

			display: inline-block;

			}

		.body table tbody tr td a:hover {

			background: url('../images/icon-arrow-green-down-small.png') no-repeat 0px 15px;

			background-size:20px auto;

			}	

				



	/* EXPAND/COLLAPSE */

		

	.expand {

		position: relative;

		padding: 0;

		margin: 0 0 20px 0;

		}

		.expand-link {

			display: block;

			padding: 28px 85px 25px 28px;

			font-family: 'BebasNeue-Book';

			font-weight: 400;

			font-style: normal;

			text-transform: uppercase;

			font-size: 30px;

			letter-spacing:2px;

			line-height: 30px;

			cursor: pointer;

			border: 2px solid rgba(0,0,0,0.1);

			color:#0b2c4b;

			font-weight:bold;

			}

		.expand-link:after {	

			content: "";

			display: block;

			position: absolute;

			top: 23px;

			right: 25px;

			width: 40px;

			height: 40px;

			background-image: url('../images/icon-expand.png');

			background-size: 40px auto;

			transition: all .25s ease-out;					

			}

		.expand-link.active {

			color:#82a850;

			}

		.expand-link.active:after {	

			transform: rotate(45deg);					

			}

		.expand-link:hover {



			}			

		.expand-content {

			position: relative;

			display: none;

			margin: 0;

			padding: 35px 28px 15px 28px;

			}	

	

	/* NEWS RELEASES */		

	

	.news-container {

		margin-top: -40px;

		}

		.news-container a.button {

			float: right;

			}

		.news-container #tabs {

			margin-top: -30px;

			}

		.newsItem {

			margin-bottom: 50px;

			padding-left: 0px;

			border-bottom: 2px solid rgba(0,0,0,0.15);

			/*background: url('../images/icon-news.png') no-repeat top left;

			background-size: 60px auto;*/				

			}	

		.newsItem:last-child {

			border-bottom: none;

			}

			.newsItem h3 {

				color:#0b2c4b;

				margin-bottom: 10px;

				font-family: 'BebasNeue-Book', sans-serif;

				font-weight: 400;

				font-style: normal;

				letter-spacing:2px;

				font-size: 30px;

				line-height: 36px;

				font-weight:bold;

				text-transform: uppercase;

				transition: all .25s ease-out;

				}	

				.newsItem h3:hover {

					color:#82a850;

					}	

			.newsItem h5 {

				color:#0b2c4b;

				font-family: 'BebasNeue-Bold', sans-serif;

				text-transform: none;

				font-size: 40px;

				letter-spacing:1px;

				line-height: 40px;

				padding:0 0 5px 0;

				}

			.newsItem a {

				color:#82a850;

				transition: all .5s ease-out;

				}	

			.newsItem a:hover {

				color:#9bcb50;

				}

				

		.newsReleaseContent {

			margin:0 0 40px 0;

			}	

		.newsReleaseContent hr {

			margin:30px 0;

			}

	

	/* MODAL OVERRIDES */



	.modal {

		max-width: 500px !important;

		padding: 40px !important;

		background: rgb(0,166,232) !important; /* Old browsers */

		background: -moz-linear-gradient(top,  rgba(0,166,232,1) 0%, rgba(0,83,157,1) 100%) !important; /* FF3.6-15 */

		background: -webkit-linear-gradient(top,  rgba(0,166,232,1) 0%,rgba(0,83,157,1) 100%) !important; /* Chrome10-25,Safari5.1-6 */

		background: linear-gradient(to bottom,  rgba(0,166,232,1) 0%,rgba(0,83,157,1) 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

		text-align: center !important;

		}

		.modal h2 {

			color: #fff;

			}

			.modal h2 img {

				width: 48px;

				height: auto;

				margin: -2px 15px 0 0;

				}



	/* 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;

			}

			

	/* HIDE MOBILE NEWS & CONTACT LINKS */	

	

	.hasSubmenu.mobile {

		display:none;

		}		

		

	/* STOCK QUOTE OVERRIDES */	

	

	html.theme-dark .tv-ticker-item-last__short-name {

		display:none !important;

		}





	/* STRATEGY OVERVIEW */	

	

	.strategy-container {

		text-align:center;

		margin:0 5% 10% 5%;

		position:relative;

		height:inherit;

		height:720px;

		}

		.strategy-container ul {

			text-align:left;

			margin:0 0 45px 0;

			}

			.strategy-container ul li {

				background-position:0 13px;

				}	

		.strategy-container h2 {

			margin:35px 0;

			font-size:55px;

			line-height:55px;

			}

			.strategy-container h2 sub {

				font-size:28px;

				}

			.strategy-container.asset h2 {

				margin:35px 75px;

				} 

		.strategy-container p {

			text-align:left;

			}

		.strategy-container a.button {

			position:absolute;

			left:27%;

			bottom:20px;

			top:auto;

			}

		.strategy-container.growth ul {

			margin:0 45px 0 0;

			}		

			

	/* COMMUNITY INVOLVEMENT */



		.community-collage {

			background:url('../images/community-collage.jpg') no-repeat;

			background-size:100% auto;

			height:200px;

			margin:0 0 30px 0;

			}

		.community-collage-mobile {

			display:none;

			}	



	

	/* ANALYST COVERAGE */	

	

		.analyst-container {

			text-align:center;

			}

			.analyst-container h3 {

				font-size:40px;

				margin:0 0 25px 0;

				color: #0b2c4b;

				font-family: 'BebasNeue-Book';

				}

			

 	/* OPERATIONS LANDING PAGE */

 	.operating-strategy {

		overflow:auto;

		width:75%;

		margin:0 auto;

		}

		.operating-strategy ul li {

			background: url('../images/icon-arrow-green-right.png') no-repeat center top 48px;

			background-size:48px auto;

			float:left;

			width:18%;

			padding:140px 0 0 0;

			text-align:center;

			}

			.operating-strategy ul li:first-child {

				background:url('../images/operationsContingentResources.png') no-repeat top center;

				background-size:120px auto;

				}

			 .operating-strategy ul li:nth-child(2), .operating-strategy ul li:nth-child(4), .operating-strategy ul li:nth-child(6) {

				width:9%;

			}

			.operating-strategy ul li:nth-child(3) {

				background:url('../images/operationsProvenReserves.png') no-repeat top center;

				background-size:120px auto;

				}

			.operating-strategy ul li:nth-child(5) {

				background:url('../images/operationsProducingReserves.png') no-repeat top center;

				background-size:120px auto;

				padding: 140px 5px 0 5px;

				}

			.operating-strategy ul li:last-child {

				background:url('../images/operationsCashFlow.png') no-repeat top center;

				background-size:120px auto;

				padding: 140px 18px 0 18px;

				}

			.operating-strategy ul li p {

				font-family: 'BebasNeue-Bold';

				color:#0b2c4b ;

				font-size:24px;

				line-height:24px;

				padding:0 34px;

				}

				.operating-strategy ul li:last-child p {

					padding:0 48px;

					}

				.operating-strategy ul li span {

					font-size:18px;

					}



 	/* MAP - CORE AREAS */



	.map-core-areas {

		position: relative;

		height: 0;

		padding: 630px 0 60px 0;

		margin: 0 auto 200px auto;			

		width:75%;

		}

		.map-core-areas svg {

			position: absolute;

			top: 0;

			left: 0;	

			width: 100%;

			height: auto;	

			background: url('../images/whitecap_operating-areas.jpg') no-repeat right top;		

			background-size: 100% auto;		

			}			

	

	/* NW AB/BC */

			.map-core-areas svg #nw-ab-bc #label-nw-ab-bc .st2 {			

				transition: all 0.25s ease-out;

				}

			.map-core-areas svg #nw-ab-bc:hover #label-nw-ab-bc .st2 {

				fill: rgba(155,203,80,1)

				}

			.map-core-areas svg #nw-ab-bc #area-nw-ab-bc .st0 {			

				transition: all 0.25s ease-out;

				}

			.map-core-areas svg #nw-ab-bc:hover #area-nw-ab-bc .st0, .map-core-areas svg #nw-ab-bc:hover #area-nw-ab-bc .st2 {

				fill: rgba(155,203,80,1);

				opacity:.75;

				}



	/* WC AB */

			.map-core-areas svg #wc-ab #label-wc-ab .st2 {			

				transition: all 0.25s ease-out;

				}

			.map-core-areas svg #wc-ab:hover #label-wc-ab .st2 {

				fill: rgba(155,203,80,1)

				}

			.map-core-areas svg #wc-ab #area-wc-ab .st0 {			

				transition: all 0.25s ease-out;

				}

			.map-core-areas svg #wc-ab:hover #area-wc-ab .st0, .map-core-areas svg #wc-ab:hover #area-wc-ab .st2 {

				fill: rgba(155,203,80,1);

				opacity:.75;

				}



	/* WC SK */

			.map-core-areas svg #wc-sk #label-wc-sk .st2 {			

				transition: all 0.25s ease-out;

				}

			.map-core-areas svg #wc-sk:hover #label-wc-sk .st2 {

				fill: rgba(155,203,80,1)

				}

			.map-core-areas svg #wc-sk #area-wc-sk .st0 {			

				transition: all 0.25s ease-out;

				}

			.map-core-areas svg #wc-sk:hover #area-wc-sk .st0, .map-core-areas svg #wc-sk:hover #area-wc-sk .st2 {

				fill: rgba(155,203,80,1);

				opacity:.75;

				}



	/* SW SK */

			.map-core-areas svg #sw-sk #label-sw-sk .st2 {			

				transition: all 0.25s ease-out;

				}

			.map-core-areas svg #sw-sk:hover #label-sw-sk .st2 {

				fill: rgba(155,203,80,1)

				}

			.map-core-areas svg #sw-sk #area-sw-sk .st0 {			

				transition: all 0.25s ease-out;

				}

			.map-core-areas svg #sw-sk:hover #area-sw-sk .st0, .map-core-areas svg #sw-sk:hover #area-sw-sk .st2 {

				fill: rgba(155,203,80,1);

				opacity:.75;

				}





	/* SE SK */

			.map-core-areas svg #se-sk #label-se-sk .st2 {			

				transition: all 0.25s ease-out;

				}

			.map-core-areas svg #se-sk:hover #label-se-sk .st2 {

				fill: rgba(155,203,80,1);

				}

			.map-core-areas svg #se-sk #area-se-sk .st0 {			

				transition: all 0.25s ease-out;

				}

			.map-core-areas svg #se-sk:hover #area-se-sk .st0, .map-core-areas svg #se-sk:hover #area-se-sk .st2 {

				fill: rgba(155,203,80,1);

				opacity:.75;

				}





	/* MAP - TOOLTIPS */



	

	.map-tooltip-container {

		display: none;

		}				

		.map-tooltip {

			width: 425px;

			padding: 30px;	

			text-align: center;		

			color: #fff;

			background: rgba(11,44,75,1);

			border-radius: 25px;

			border:2px solid #fff;

			}

			.map-tooltip h2 {

				font-size: 34px;

				line-height: 34px;

				color: #fff;

				margin:0 0 10px 0;

				}

			.map-tooltip h3 {

				font-size: 22px;

				letter-spacing:normal;

				line-height: 22px;

				color: #82a850;

				margin-bottom: 20px;

				}

				.map-tooltip h3 img {

					width: 21px;

					height: auto;

					margin: -2px 13px 0 0;

					}

			.map-tooltip p {

				font-family: 'Roboto-Light', sans-serif;

				font-size: 16px;

				line-height: 22px;

				margin-bottom: 0;

				}	

			.map-tooltip  .button {

				margin:20px 0 0 0;

				display: inline-block;

				position: relative;

				top: 0;

				padding: 10px 25px;

				margin-right: 10px;

				font-family: 'BebasNeue-Bold', arial, sans-serif;

				font-size: 18px;

				line-height: 22px;

				letter-spacing:1px;

				color: #82a850 ;

				border: 1px solid rgba(130,168,80,.5);

				box-shadow: 0 0 0 2px rgba(255,255,255,0);

				border-radius: 35px;

				cursor: pointer;

				}

				.map-tooltip  .button:hover {

					color:#fff;

					}				

   

   /* WEYBURN DIAGRAM */

   

   

   	.weyburn-diagram {

		position: relative;

		height: 0;

		padding-top: 630px;

		margin-bottom: 120px;		

		display:block;

		}

		.weyburn-diagram svg {

			position: absolute;

			top: 0;

			left: 0;	

			width: 100%;

			height: auto;	

			background: url('../images/whitecap_weyburn_diagram_nov2021.jpg') no-repeat right top;		

			background-size: 100% auto;					

			}	

	_:-ms-lang(x), :root .weyburn-diagram svg  { 

		background-size:85% auto;

		width:100%;

		height:1800px;

		background-position:center top;

     		}



			.weyburn-diagram svg g {

				cursor:pointer;

				}		

	 .weyburn-summary {

	 	}

		 .weyburn-summary h2 {

			line-height:62px;

			}

		 .weyburn-summary h2 span {

				margin: 0px 0 35px 0;		

				font-size: 48px;				

				display:block;

				}

	

	.weyburn-process {

		}		

		.weyburn-process h3 {		 	

					font-size: 48px;	

					letter-spacing:normal;

					}		

		.weyburn-process ol {

			}

			.weyburn-process ol li {

				padding: 15px 0 28px 65px;

				clear:both;

				display:inline-block;

				}

				.weyburn-process ol li p {

					margin:0 0 32px 0;

					font-size:18px;

					line-height:28px;

					}	

				.weyburn-process ol li p.title {

					font-family: 'BebasNeue-Bold', arial, sans-serif;

					font-size:36px;

					margin:0 0 10px 0;

					}

					.weyburn-process ol li p span.metric {

						font-family: 'BebasNeue-Bold', arial, sans-serif;

						font-size: 52px;

						display: inline-block;

						float: left;

						padding: 14px;

						margin-top:15px;

						}

				.weyburn-process p img {

					float:right;

					display:inline-block;

					width:40%;

					}

				.weyburn-process ol li p.title sub {

					font-size:18px;

					} 

				#faq h3 span {

					font-size:36px;

					}							



				.weyburn-impact p.title sub {

					font-size:18px;

					} 



		



	/* WEYBURN - TOOLTIPS */



	

	.weyburn-tooltip-container {

		display: none;

		}				

		.weyburn-tooltip {

			width: 425px;

			padding: 30px;	

			text-align: left;		

			background: #fff;

			color: rgba(11,44,75,1);

			border-radius: 25px;

			border:4px solid #57c9e8;

			}

			.weyburn-tooltip h2 {

				font-size: 34px;

				line-height: 34px;

				/*color: rgba(11,44,75,1);*/

				color: #57c9e8;

				margin:0 0 10px 0;

				letter-spacing:normal;

				}

			.weyburn-tooltip h3 {

				font-size: 22px;

				letter-spacing:normal;

				line-height: 22px;

				color: #57c9e8;

				margin-bottom: 20px;

				}



			.weyburn-tooltip p {

				font-family: 'Roboto-Light', sans-serif;

				font-size: 16px;

				line-height: 24px;

				margin-bottom: 0;

				color:#464646;

				}	

			.weyburn-tooltip  .button {

				margin:20px 0 0 0;

				display: inline-block;

				position: relative;

				top: 0;

				padding: 10px 25px;

				margin-right: 10px;

				font-family: 'BebasNeue-Bold', arial, sans-serif;

				font-size: 18px;

				line-height: 22px;

				letter-spacing:1px;

				color: #82a850 ;

				border: 1px solid rgba(130,168,80,.5);

				box-shadow: 0 0 0 2px rgba(255,255,255,0);

				border-radius: 35px;

				cursor: pointer;

				}

				.weyburn-tooltip  .button:hover {

					color:#fff;

					}

		.weyburn-location, .weyburn-growth, .weyburn-impact {	

			padding:0 30px; 

			}			



		.weyburn-location h3, .weyburn-growth h3, .weyburn-impact h3, .weyburn-benefits h3, .weyburn-dividends h3, .weyburn-quote h3, .canadian-energy-quote h3 {

			color: rgba(11,44,75,1);

			font-size:44px;

			letter-spacing:normal;

			margin:0 0 5px 0 !important;

			}

		.weyburn-location p.title, .weyburn-growth p.title, .weyburn-impact p.title, .weyburn-dividends p.title, .weyburn-benefits p.title {		

			font-family: 'BebasNeue-Bold', arial, sans-serif;

			font-size:36px;

			margin:0 0 10px 0;

			}

		.weyburn-location p, .weyburn-growth p, .weyburn-impact p {	

			margin: 0 0 32px 0;

			font-size: 18px;

			line-height: 28px;

			}

			.weyburn-location img, .weyburn-impact img {

				position:relative;

				display:block;

				text-align:center;

				width:70%;

				margin:0 auto;

				}

			.weyburn-growth img {

				position:relative;

				display:block;

				text-align:center;

				width:100%;

				margin:0 auto;

				}



			.weyburn-location img.left, .weyburn-benefits img.left, .weyburn-dividends img.left {

				text-align:left;

				float:left;

				width:30%;

				margin:0px 36px 0 0;

				}

			.weyburn-location p.title.green.jobs	 {

				padding:40px 0 0 0;

				}	

			.weyburn-growth p.title.green.barrels {

				padding:40px 0 0 0;

				}

		.weyburn-growth img {	

			margin:20px auto;

			}

		

		.weyburn-impact img {

			width:50%;

			float:left;

			padding:0 20px 36px 0;

			}	

		.weyburn-quote p {

			padding-top:0px;

			font-family: 'BebasNeue-Bold', arial, sans-serif;

			color: #82a850;

			font-size:32px;

			}

			.weyburn-quote p span {

				padding-top:0px;

				font-family: 'BebasNeue-Book', arial, sans-serif;

				display:block;

				}		



	/* WHY CANADIAN ENERGY PAGE */

	

	.canadian-energy {

		}

		.canadian-energy ol {

			}

		.canadian-energy ol.item-two {

			counter-reset:item 1; 

			margin:0;

			}

			.canadian-energy ol.item-two li {

				padding-bottom:0;

				}

				

		.canadian-energy ol.item-two li:before {

			  content: counter(item) "";

			  counter-increment: item;

			}	

		.canadian-energy ol.item-three {

			counter-reset:item 2; 

			}	

		.canadian-energy ol.item-three li:before {

			  content: counter(item) "";

			  counter-increment: item;

			}	



			.canadian-energy ol li {

				padding-top:0;

				}

			.canadian-energy ol li::before {

				top:2px;

				}	

			.canadian-energy ol li p {

				}

			.canadian-energy ol li p.title.blue {

				font-size: 52px;

				line-height:52px;

				font-family: 'BebasNeue-Bold', arial, sans-serif;

				margin:0 0 10px 0;

				}

			.canadian-energy .infofact {

				background:#efefef;

				padding: 36px 36px 30px 36px;

				margin: 100px auto 0 auto;

				overflow: auto;

				}

			.canadian-energy .infofact p.title {

				font-size:72px;

				font-family: 'BebasNeue-Bold', arial, sans-serif;

				margin: 18px 0 36px 0;

				float:left;

				padding: 0 42px 0 18px;

				}	

			.canadian-energy .infofact p {	

				margin: 0 20px 0 0px;

				font-size:24px;

				}

				img.esg-rank {

					display:inline-block;

					height:120px;

					width:auto !important;

					float:left;

					padding:0 20px 0 0;

					}

				

			.canadian-energy h3 {

				color: rgba(11,44,75,1);

				font-size: 44px;

				letter-spacing: normal;

				margin: 0 0 5px 0 !important;	

				}

				.canadian-energy h3 sub, .canadian-energy-quote h3 sub {

					font-size: 30px;

					}

			.canadian-energy h4 {

				margin: 0 0 12px 0 !important;

				}

			.canadian-energy-quote.inline {

				}	

			.canadian-energy-quote.full {

				display:none;

				}

			

				

			.canadian-energy-quote p {

				padding-top:0px;

				font-family: 'BebasNeue-Bold', arial, sans-serif;

				color: #82a850;

				font-size:32px;

				}

				.canadian-energy-quote p span {

					padding-top:0px;

					font-family: 'BebasNeue-Book', arial, sans-serif;

					display:block;

					}				

			.canadian-energy.section-two {

				margin: 40px 0 0 0;

				}

			

			.canadian-energy.section-two p img, .canadian-energy.section-two.mobile p img, .canadian-energy p img {

				width:100%;

				}

			

			.canadian-energy.section-two.mobile {

				display:none;

				}

				



				.rslides {

					margin:60px 0 0 0 !important;

					}

					.rslides li {

						background:none !important;

						padding-bottom: 15px !important;

						}						

		.footnote {

			margin:0 !important;

			}

		.footnote li {

			padding: 10px 0 6px 36px !important;

			background-size: 22px auto !important;

			font-size:14px;

			line-height:20px !important;

			}

		

		span.br::before {

			content: "\A";

			white-space: pre;

			}			

				



	/* SUSTAINABILITY REPORT */

	

	.callout-btn {

		}

		.callout-btn .home-callout a {

			padding:24px 0;

			margin:12px 0;

			background-size:auto;

			font-size:36px;

			}

			

	/* MARKETING */		



	.marketing.crude-oil {

		

		}

		.marketing.crude-oil p.title, .marketing.oil-logistics p.title {

			font-family: 'BebasNeue-Bold', arial, sans-serif;

			font-size: 36px;

			margin: 0 0 10px 0;			

			}

		.marketing.oil-logistics p.title span {	

			font-family: 'Roboto Light', arial, sans-serif;

			font-weight:bold;

			}		

		.marketing.crude-oil img {

			width:80%;

			}

	.marketing.oil-logistics {

		position:relative;

		}

		.marketing.oil-logistics h3, .marketing.oil-logistics p , .marketing.oil-logistics ul {

			width:100%;

			}

		

		.marketing.oil-logistics .logistics-icons {		

			display:none;

			position:absolute;

			top:-280px;

			right:-110px;

			overflow:hidden;

			}

			.marketing.oil-logistics .logistics-icons img {

				width:900px;

				height:auto;

				}



 		.marketing.oil-logistics ul li {

			margin-left:50px;

			}

				

		.marketing.oil-logistics p.title.green.pipeline {

			background: url('../images/oil-logistics-pipeline.png') no-repeat left top;

			background-size:65px auto;

			padding:16px 0 16px 85px;

			}			



		.marketing.oil-logistics p.title.green.rail {

			background: url('../images/oil-logistics-rail.png') no-repeat left top;

			background-size:65px auto;

			padding:16px 0 16px 85px;

			}	



		.marketing.oil-logistics p.title.green.truck {

			background: url('../images/oil-logistics-truck.png') no-repeat left top;

			background-size:65px auto;

			padding:16px 0 16px 85px;

			}	



		/* ZOOM FOR CORPORATE STRUCTURE DIAGRAM */		



			/* these styles are for the demo, but are not required for the plugin */

			.zoom {

				display:inline-block;

				position: relative;

				border:none;

			}			

			/* magnifying glass icon */

			.zoom:after {

				content:'';

				display:block; 

				width:172px; 

				height:46px; 

				position:absolute; 

				top:0;

				right:0;

				background-image: url("/application/themes/whitecap/images/hover.png");

				background-size:172px 46px;

			}

			.zoom img {

				display: block;

				width:100%;

			}

			.zoom img::selection { 

				background-color: transparent; 

				}

			.zoom strong { 

				font-family: 'BebasNeue-Bold', arial, sans-serif;

				position:absolute; 

				top:5px; 

				right:28px; 

				color:#82a850; 

				font-size:20px;

				}



	/* CONTACT FORMS */	



	.ccm-block-express-form {

		width: 100%;

		text-align: left;

		}

	.body-right-callout-bottom .ccm-block-express-form {

		color: #776a62;

		}

		.ccm-block-express-form fieldset {

			border:none;

			margin: 0;

			padding: 0;

			}

		.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,

		.ccm-block-express-form textarea,

		.ccm-block-express-form select {

		    display: block;

		    width: 100%;

		    padding: 15px;

			font-family: "Helvetica-Light", sans-serif;

			font-size: 22px;

			line-height: 22px;

		    color: #666;

		    background: #fff;

		    border: 2px solid #f1f0ef;

			border-radius: 0;

		    cursor: auto;

			}

		.ccm-block-express-form input[type=text],

		.ccm-block-express-form input[type=checkbox],

		.ccm-block-express-form textarea,

		.ccm-block-express-form select {

		    -webkit-appearance: none;

			}



		.ccm-block-express-form .radio {

			position: relative;

			display: block;

			height: 45px;

			padding-left: 45px;

			}

		.ccm-block-express-form input[type=radio] {

		    -webkit-transform: scale(0.8,0.8);

		    position: absolute;

		    top: -3px;

		    left: 0;	    

			width: 35px;

			height: 35px;

			}



		.ccm-block-express-form .ccm-input-time-wrapper select {

		    display: inline-block;

		    width: auto;

			}

		.ccm-block-express-form input[type=checkbox] {

		    width: auto !important;

   			float: left !important;

    		margin: 4px 15px 0 0 !important;

			}

		.ccm-block-express-form button[type="submit"] {

			display: block;

			position: relative;

			width: 50%;

			padding: 15px 35px;

			font-family: 'BebasNeue-Bold', arial, sans-serif;

			font-size: 24px;

			line-height: 28px;

			letter-spacing:1px;

			text-transform: uppercase;

			color: #82a850;

			background: none;

			border: 1px solid rgba(130,168,80,.5);

			box-shadow: 0 0 0 2px rgba(255,255,255,0);

			transition: all .25s ease-out;

			border-radius: 35px;

			cursor: pointer;

			margin-top:50px;

			}

			.ccm-block-express-form button[type="submit"]:hover {

				color: #fff;

				background-color:#82a850;

				text-decoration: none;

				}

			.ccm-block-express-form button[type="submit"]:after {

				display: inline-block;

				position: absolute;

				top: 39%;

				right: 25px;

				width: 10px;

				height: 16px;

				content: "";

				background-size: 10px auto;

				transition: all .25s ease-in-out;

				opacity: 0;

				}

			.ccm-block-express-form button[type="submit"]:hover:after {

				right: 15px;

				opacity: 1;

				}

		.ccm-block-express-form .alert {

			padding: 15px 30px !important;

			margin-bottom: 30px;

			background: none !important;

			border: 2px solid #b0272d !important;

			}

			.ccm-block-express-form .alert ul {

				margin-bottom: 0;

				padding: 0;

				}

				.ccm-block-express-form .alert ul li {

					margin: 0;

					padding: 10px 0 10px 30px;

					list-style: none;

					/*background: url('../images/icon-arrow.png') no-repeat 0 18px;*/

					border-bottom: 1px solid rgba(0,0,0,0.15);

					background-size: 10px auto;

					overflow: hidden;

					color: #b0272d;

					}

				.ccm-block-express-form .alert ul li:last-child {

					border-bottom: none;

					}





	/* SWIPEY MOBILE TABLES for LARGER TABLES */	

		

	.table-container.scrollable {

		width: 100%;

		overflow-x: scroll;

		overflow-y: hidden;

		padding: 30px;		

		border-top-left-radius: 6px;

		border-bottom-left-radius: 6px;

		}



	

	/* ESG PAGE FORMATTING  */



	.esg-left {

		float:left;

		width:50%;

		padding-right: 35px;

		}

	.esg-right {

		float: right;

		width: 50%;

		padding-left: 35px;

		margin: 0 0 250px 0;

		}

	.list-document.esg-list {

		display:inline-block;

		}	



	/* SUBHEADER NOTE FOR RESERVES PAGE */

	

	h2 span.header-note {

		font-size:30px;

		letter-spacing:1px;

		}

		

}	

		





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

   	1830. RESPONSIVE CASES - SCALES DOWN BELOW 1830

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

					

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



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

		1830-c. CONTENT

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

	

	/* HEAD */

	

	.head-top {

		padding:48px 0 23px 0;

		}

	.head-bottom-logo {		

		width: 300px;

		margin-top: 0px;

		background-size: 300px auto;

		}

		.head-bottom-logo a {

			width: 300px;

			}	

		.head-bottom-nav > ul > li > a {

			position: relative;

			display: block;

			height: 75px;

			margin: 0 20px;

			padding: 25px 0 0 0;

			font-size: 24px;

			line-height: 24px;

			color: #fff;

			}		

	

	.banner-left-center h1 {

		font-size: 65px;

		line-height: 65px;

		}

	

	/* BODY */

	

	

					

	/* FOOT */	



	



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

		1830-h. HOME

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

	

	.home-banner {

		height:544px;	

		background-size: 731px auto;

		}

			

	.home-banner-top-feature-box li {

		width:128px;

		height:187px;

		font-size:18px;

		line-height:20px;

		padding:0;

		}

	.home-banner-top-feature-box li:nth-child(3) {

		padding: 0px 24px 0 24px;

		} 

	.home-banner-top-feature-box li:nth-child(4) {

		padding: 0px 5px;

		} 

	.home-banner-top-feature-box li img {

		height:48px;

		}	

	.home-banner-bottom {		

		margin:0 45px 0 0;

		padding: 72px 0 0 0;

		}

		.home-banner-bottom p {

			font-size:46px;

			line-height:24px;

			margin: 20px 0 32px 0;

			}



			.home-banner-bottom p span {

				font-size:84px;				

				letter-spacing:3px;

				padding: 0 26px;

				}

				.home-banner-bottom p span img {

					top: -60px;

					left: 41.5%;

					width: 39px;

					}



	.home-features-item.left {

		padding: 150px 0px 0px 110px;

		background-size: 305px auto;

		background-position: top 69px left -93px;	

		}

		.home-features-item h2 {

			font-size:65px;

			}

		.home-features-item h3 {

			font-size:48px;

			}

		.home-features-item.left p {

			line-height: 30px;

			margin: 0 24px 0 126px;

			font-size:16px;

			}

			.home-features-item.left p span {

				}

			.dividend-amt {

				font-size:22px !important;

				}

	.home-features-item.center {

		background: url('../images/home-features-item-center.png') no-repeat top 165px center;	

		background-size:414px auto;

		padding: 150px 44px 0px 44px;

		}					

		.home-features-item.center h3 {	

			padding:8px 8px 12px 8px;

			margin: 0 0 40px 0;

			}	

				.home-features-item.center ul li {

					padding:0 32px;

					}



					.home-features-item.center ul li a {

						background-size:28px auto;									

						height:200px;

						}

						.home-features-item.center ul li a span.qtr {

							font-size:32px;

							}	

						.home-features-item.center ul li a span.year {

							font-size:48px;

							line-height:48px;

							margin: 0 0 10px 0;

							}	

						.home-features-item.center ul li a span.desc {

							height:48px;

							font-size:16px;

							line-height:22px;

							}		

	.home-features-item.right {

		padding: 150px 110px 0px 44px;

		}		

		.home-features-item.right h3 {	

			padding-top:8px;

			}

	.home-latest-news {

		width: 31%;

		height: 418px;

		}

		.home-latest-news h2 {

			padding: 20px 20px 20px 32px;

			font-size: 24px;

			line-height: 24px;

			}

				.home-latest-news-content .news:last-child {

					padding-top:45px;

					}	

			.home-latest-news-content .news-left {

					margin: 0 0 45px 0;

					}

				.home-latest-news-content .news-right {

					height: 101px;

					margin: 0 0 45px 0;

					font-size: 16px;

					line-height: 20px;

					}

					.home-latest-news-content .news-right-center {

						line-height:14px;

						}

						.home-latest-news-content .news-right-center a {

							line-height:26px;

							text-transform:uppercase;

							}

							.home-latest-news-content .news-right-center a span {

								font-size: 10px;

								line-height: 10px;								

								}	

		/* DATE CALENDAR */

		

		.dateCalendar {

			width: 73px;

			}

			.dateCalendar-month {

				padding:0 0 11px 0;

				font-size: 35px;

				letter-spacing: 0.03em;

				}

			.dateCalendar-day {

				font-size: 85px;

				line-height: 73px;		

				}

		.home-callout {

			}

			.home-callout a {

				padding: 1% 0;

				font-size: 48px;

				}

		.home-overview {

			background-size:1625px auto;

			height:900px;

			}	

			.home-overview-right h2 {

				margin:0 0 105px 0;

				padding:14px 0 8px 0;

				}

			.home-overview-right-feature {

				margin:0 auto 65px 0;

				}

				.home-overview-right-feature-box {

					font-size:14px;

					line-height:21px;

					width:29%;

					}

				.home-overview-right-feature-box:nth-child(2) {

					border-left:1px solid rgba(11,44,75,.20);

					border-right:1px solid rgba(11,44,75,.20);

					width:42%

					}					

					.home-overview-right-feature-box .top-text {

						height:81px;

						}						

					.home-overview-right-feature-box span {				

						font-size:45px;

						line-height:45px;

						padding:26px 24px;

						}

						.home-overview-right-feature-box span div {

							font-size:20px;

							}

						.home-overview-right-feature-box span sub {

							font-size:24px;

							}

					.home-overview-right-feature-box:first-child span {

						padding:26px 24px 21px 24px;

						}			

	



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

		1830-l. LOCATIONS

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

	

	



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

		1830-m. MISC

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

		



	/* FINANCIAL REPORTS */



	

			.financialReportFeature {

				background-size:280px auto;

				padding: 70px 0px 90px 70px;

				}

				.columns-third-middle .financialReportFeature {

					padding: 70px 0px 100px 70px;

					}			

				.financialReportFeature-left {

					float:left;

					padding: 20px 15px 10px 0;

					}

				.financialReportFeature img {						

					width:55px;

					}	

				.financialReportFeature a {

					font-size:70px;

					line-height:60px;

					letter-spacing:2px;

					}

				.financialReportFeature a span {	

					font-size:50px;

					}		

	



	/* STRATEGY OVERVIEW */	

	

	.strategy-container {

		margin:0;

		height:675px;

		}

		.strategy-container h2 {

			margin:40px 0;

			font-size:48px;

			line-height:48px;

			}

			.strategy-container.asset h2 {

				margin:35px 75px;

				} 

			.strategy-container img {

				width:100px;

				}

			.strategy-container h2 sub {

				font-size:22px;

				}



	.strategy-container ul li {

		font-size:18px;

		line-height:26px;

		}	



	.strategy-container a.button {

	    bottom: 65px;

	    }





	/* ANALYST COVERAGE */	

	

		.analyst-container h3 {

			font-size:36px;

			line-height:42px;

			}

	

}



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

   1650. RESPONSIVE CASES - SCALES SITE DOWN BELOW 1650px

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



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





	p.large {	

		font-size: 20px;

		line-height: 32px;

		}



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

		1650-m. MISC

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

		



	/* FINANCIAL REPORTS */



	

			.financialReportFeature {

				background-size:280px auto;

				padding: 70px 0px 90px 70px;

				}

				.columns-third-middle .financialReportFeature {

					padding: 70px 0px 100px 70px;

					}			

				.financialReportFeature-left {

					float:left;

					padding: 20px 15px 10px 0;

					}

				.financialReportFeature img {						

					width:55px;

					}	

			.financialReportFeature a {

					font-size:55px;

					line-height:50px;

					letter-spacing:2px;

					}

				.financialReportFeature a span {	

					font-size:40px;

					}



	/* STRATEGY OVERVIEW */	

	

	.strategy-container {

		}

		.strategy-container h2 {

			margin:30px 0;

			font-size:42px;

			line-height:42px;

			}

			.strategy-container img {

				width:100px;

				}

			.strategy-container h2 sub {

				font-size:22px;

				}

	.strategy-container ul li {

		font-size:18px;

		line-height:26px;

		}			





 	/* OPERATIONS LANDING PAGE */

 	.operating-strategy {

		/*overflow:auto;*/

		}

		.operating-strategy ul li {

			background-size:40px auto;

			padding:80px 0px 0 0px;

			}

			.operating-strategy ul li:first-child {				

				background-size:70px auto;

				}

				.operating-strategy ul li:first-child p {

				}	

			 .operating-strategy ul li:nth-child(2), .operating-strategy ul li:nth-child(4), .operating-strategy ul li:nth-child(6) {

				/*width:9%;*/

			}

			.operating-strategy ul li:nth-child(3) {

				background-size:70px auto;

				}

			.operating-strategy ul li:nth-child(5) {

				background-size:70px auto;

				}

			.operating-strategy ul li:last-child {

				background-size:70px auto;

				}

			.operating-strategy ul li p {

				font-size:20px;

				line-height:20px;

				}

				.operating-strategy ul li span {

					font-size:12px;

					}



			.operating-strategy ul li:nth-child(5) {

				padding: 80px 5px 0 5px;

				}

				

			.operating-strategy ul li:last-child {	

				padding: 80px 12px 0 12px;

				}



	/* WEYBURN PROCESS */



	.weyburn-process p img {

		width:42%;

		margin:0 0 42px 0;

		}





	/* MARKETING */



		.marketing.oil-logistics .logistics-icons {		

			position:absolute;

			top:-280px;

			right:-110px;

			overflow:hidden;

			}

			.marketing.oil-logistics .logistics-icons img {

				width:725px;

				height:auto;

				}	



	/* ANALYST COVERAGE */	

	

		.analyst-container h3 {

			font-size:30px;

			line-height:32px;

			}



	/* WHY CANADIAN ENERGY */

	

	.canadian-energy .infofact p.title {

		font-size:60px;

		padding-right:54px;

		}

	.canadian-energy .infofact p {

		font-size:20px;

		line-height:28px;

		}



}





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

   	1440. RESPONSIVE CASES - SCALES SITE DOWN BELOW 1439px

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

					

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



	/*GENERAL */

	

	h2 {

		font-size:64px;

		line-height:64px;

		letter-spacing:1px;

		}

	h3 {

		font-size:54px;

		}	



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

		1440-c. CONTENT

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



	/* HEAD */

	#head-container {

		background-position: left -185px center;

		height:800px;

		}

	#head-container-content {

		background-position: left -185px center;

		height:400px;

		}



	.head {

		padding:0;

		}

	.head-top {

		width:100%;

		padding:24px 0 23px 0;

		}

		.head-top > ul {

			float:right;

			margin:0 40px 0 0;

			}

	.head-bottom {

		padding:0 40px;

		}

	.head-bottom-logo {		

		width: 275px;

		margin-top: 0px;

		background-size: 275px auto;

		}

		.head-bottom-logo a {

			width: 275px;

			}

	

	.head-bottom-nav > ul > li > a {

		font-size:22px;

		}

		.head-bottom-nav > ul > li > ul > li > a {

			font-size:20px;

			line-height:22px;

			padding: 5px 10px 5px 20px;

			}

			.head-bottom-nav > ul > li > ul > li > ul {

				width:175px;

				}

			.head-bottom-nav > ul > li > ul > li > ul > li > a {

				padding: 5px 0 5px 15px;

				font-size:18px;

				line-height:22px;

				}			



	/* BANNER */	



	.banner {

		margin-top: 100px;

		}		

		.banner-center {

			right:60px;

			top: 115px;						

			}

			.banner-center h1 {

				font-size:64px;

				line-height:64px;

				padding: 24px 26px 12px 30px;

				letter-spacing:3px;

				text-align:left;

				margin:0;

				

				}

		

	/* BODY */

	

	.body {

		padding: 80px;

		}

	

		/* C5 COLUMNS */



		/* QUARTERS */



		.body .columns-quarters {

			margin-bottom: 0;

			border-bottom: none;

			}

			.body .columns-quarter-one {

				float: left;

				width: 50%;

				padding-right: 25px;

				}

			.body .columns-quarter-two {

				float: left;

				width: 50%;

				padding-left: 25px;

				padding-right: 0;

				}

			.body .columns-quarter-three {

				float: left;

				width: 50%;

				padding-left: 0;

				padding-right: 25px;

				}				

			.body .columns-quarter-four {

				float: left;

				width: 50%;

				padding-left: 25px;

				}

			.body .columns-quarter-clear {

				display: block;

				clear: both;

				}

					

	/* FOOT */		

	

	#foot {

		background-size:auto 100% !important;

		background-position:top center !important;

		background-repeat:no-repeat !important;

		padding:0 35px;

		}

		.foot-container {

			}

				.foot-left h2, .foot-right h2 {

					font-size:48px;

					margin:0 0 20px 0;

					}

			



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

		1440-h. HOME

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

	

	.home-banner {

		margin:0px 0 0 0;

		padding: 0;

		}

	.home-banner-left {

		display:inline-block;

		width:35%;

		text-align: center;

		padding:30px 0%;

		margin-top:10px;

		}	
	.home-banner-top {

		display:inline-block;

		width:65%;

		text-align: center;

		padding:30px 0;

		margin-top:10px;

		}	

		.home-banner-top-feature-box li:first-child,	

			.home-banner-top-feature-box li:first-child:hover, 

		.home-banner-top-feature-box li:nth-child(2),

			.home-banner-top-feature-box li:nth-child(2):hover,

		.home-banner-top-feature-box li:nth-child(3),

			.home-banner-top-feature-box li:nth-child(3):hover,

		.home-banner-top-feature-box li:nth-child(4), 

			.home-banner-top-feature-box li:nth-child(4):hover, 

		.home-banner-top-feature-box li:last-child, 

			.home-banner-top-feature-box li:last-child:hover  {

			background-size: 60px auto;	

			}	

			.home-banner-top-feature-box li a {

				padding-top: 124px;

				}



	.home-banner-bottom {		

		margin:0 80px 0 0;

		padding: 92px 0 0 0;

		}

		.home-banner-bottom p {

			font-size:46px;

			line-height:24px;

			margin: 42px 0 34px;

			}



			.home-banner-bottom p span {

				font-size:84px;				

				letter-spacing:3px;

				padding: 0 26px;

				}

				.home-banner-bottom p span img {

					top: -60px;

					left: 41.5%;

					width: 39px;

					}



	.home-features {

		/*display:none;*/

		}

		.home-features-item {}

		.home-features-item.left {

			padding: 100px 0px 0px 50px;

			background-size:200px auto;

			background-position: top 60px left -93px;

			}

			.home-features-item.left p {

				line-height: 26px;

				margin: 0 35px 0 72px;				

				}	

		.home-features-item.center {

			padding: 100px 25px 0px 25px;

			background-size: 310px auto;

			background-position: top 120px center;

			}

			.home-features-item.center h3 {	

				padding: 8px 8px 12px 8px;

				margin: 0 0 30px 0;				

				}

			.home-features-item.center p {

				margin:0;

				}			

		.home-features-item.right {

			padding: 100px 50px 0px 20px;

			}

			.home-features-item h2 {

				font-size: 56px;

				}	

			.home-features-item h3 {

				font-size: 40px;

				}

		.dateCalendar {

			width: 60px;

			}

		.dateCalendar-month {

			font-size:30px;

			padding:0 0 5px 0;

			}

		.dateCalendar-day {

			font-size:72px;

			line-height:63px;

			}

		.home-latest-news-content .news-right {

			margin:0 0 50px 0;

			}

		.home-latest-news-content .news:last-child {

			padding-top:25px;

			}	

		#home-callout-container {

			position:relative;

			text-align:center;

			margin:0 35px;

			width: -webkit-fill-available;

			}

		.home-callout {	

			

			}

			.home-callout a {

				font-size:40px;

				vertical-align:top;

				position:relative;

				background-size:initial;

				padding: 1.5% 0;

				margin:54px 0;

				width:100%

				}

				.home-callout a img {

					position:relative;

					bottom:0px;

					width:54px;

					margin:0 31px;

					display:inline-block;

					}

	.home-overview {

		margin:0;

		height:820px;

		}

		.home-overview-left {	

			margin-top: -250px;

			}

			.home-overview-left > img.overview {

				width:133%;

				top: 225px;

				left:-218px;

				}

				

		.home-overview-right {

			padding: 100px 50px 0 0px;

			display:block;

			height:auto;

			}

			.home-overview-right h2 {}	

			.home-overview-right-feature {}							

				.home-overview-right-feature-box {}

					.home-overview-right-feature-box .top-text {}

						.home-overview-right-feature-box .top-text p {

							font-size:18px;

							}

					.home-overview-right-feature-box .bottom-text {

						font-size:18px;

						}

						.home-overview-right-feature-box .bottom-text p {

							font-size:18px;

							}

					.home-overview-right-feature-box span {

						font-size:36px;

						line-height:36px;

						}

						.home-overview-right-feature-box:first-child span {}

						.home-overview-right-feature-box:nth-child(2)



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

		1440-l. LOCATIONS

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







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

		1440-m. MISC

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

	

	/* BUTTONS */

	

	.button {

		font-size: 20px;

		line-height: 20px;

		}			

		.button:before {

			top: 17px;

			}				

		.button:after {

			width: 130px;

			height: 50px;

			}



	/* TABLES */

	

	.body table thead tr th {

		font-size:30px;

		padding:15px;

		}

	

	.body table tbody tr td, .body table tr td p, .body table tbody tr:nth-child(even) td {

		font-size:20px;

		}	





	/* FINANCIAL REPORTS */



	

			.financialReportFeature {

				background-size:250px auto;

				padding: 70px 0px 90px 50px;

				}

				.columns-third-middle .financialReportFeature {

					padding: 70px 0px 100px 85px;

					}			

				.financialReportFeature-left {

					float:left;

					padding: 20px 15px 10px 0;

					}

				.financialReportFeature img {						

					width:55px;

					}	

			.financialReportFeature a {

					font-size:50px;

					line-height:50px;

					letter-spacing:2px;

					}

				.financialReportFeature a span {	

					font-size:35px;

					}



	/* STRATEGY OVERVIEW */	

	

	.strategy-container {

		margin:0 0 80px 0;

		}

			.strategy-container.asset h2 {

				margin:30px 50px;

				} 

			.strategy-container.sequestor h2 {

				margin:30px 50px;

				}

		.strategy-container h2 {

			margin:30px 0;

			font-size:38px;

			line-height:42px;

			}

			.strategy-container img {

				width:80px;

				}

			.strategy-container h2 sub {

				font-size:20px;

				}

	.strategy-container ul li {

		font-size:16px;

		line-height:24px;

		}	





	/* COMMUNITY INVOLVEMENT */



		.community-collage {

			height:140px;

			margin:0 0 20px 0;

			}



 	/* MAP - CORE AREAS */



	.map-core-areas {

		margin-bottom:0px;

		}



	/*WEYBURN PROCESS */

	

	.weyburn-process ol li p.title {

		line-height:32px;

		}

	.weyburn-process ol li p {

		font-size:16px;

		line-height:24px;

		}

	.weyburn-process p img {

		margin:0 0 42px 5px;

		}	



	.weyburn-location h3, .weyburn-growth h3, .weyburn-impact h3, .weyburn-benefits h3, .weyburn-dividends h3, .weyburn-quote h3 {

		line-height:44px;

		}	

	.weyburn-location p, .weyburn-growth p, .weyburn-impact p, .weyburn-benefits p, .weyburn-dividends p {

		margin: 0 0 32px 0;

		font-size: 16px;

		line-height: 24px;

		}

	.weyburn-location p.title, .weyburn-growth p.title, .weyburn-impact p.title, .weyburn-dividends p.title, .weyburn-benefits p.title {

		margin-top:10px;

		line-height:32px;

		}	

	.weyburn-location img, .weyburn-growth img, .weyburn-impact img {

		width:95%;

		margin:0 auto;

		}

	.weyburn-growth p.title.green.barrels {

		padding: 24px 0 0 0;

		}			



	/* CO2 SEQUESTRATION */



	_:-ms-lang(x), :root .weyburn-diagram svg  { 

		background-size:100% auto;

		height:1350px;

     		}

		_:-ms-lang(x), :root.weyburn-diagram svg g {

			border:1px solid orange;

			}

	

	/* MARKETING */



		.marketing.oil-logistics .logistics-icons {		

			position:absolute;

			top:-280px;

			right:-110px;

			overflow:hidden;

			}

			.marketing.oil-logistics .logistics-icons img {

				width:600px;

				height:auto;

				}	



	/* ANALYST COVERAGE */	

	

		.analyst-container h3 {

			font-size:26px;

			line-height:26px;

			}



	/* WHY CANADIAN ENERGY PAGE */

	

	.canadian-energy .infofact {

		/*margin: 50px auto 0 auto;*/

		padding: 28px;

		}

		.canadian-energy .infofact p {

			font-size:18px;

			/*line-height:26px;

			margin: 0 12px 0 0px;*/

			}

		.canadian-energy .infofact p.title {

			font-size:52px;

			padding: 0 28px 0 14px;

			/*margin: 14px 0 28px 0;

			padding-right:44px; */

			}

		.canadian-energy ol li p.title.blue {

			line-height:52px;

			}

		.canadian-energy-quote.inline {

			display:none;

			}	

		.canadian-energy-quote.full {

			display:initial;

			}



		span.br::before {

			content: "";

			white-space:initial;

			}		

					





}



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

   	1260. RESPONSIVE CASES - SCALES SITE DOWN BELOW 1260px

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

					

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



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

		1260-c. CONTENT

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

	p, body {

		font-size:18px;

		line-height:28px;

		}



	h2 {

		font-size:46px;

		line-height:46px;

		}

	.body ul li {

		line-height:28px;

		}			

	.list-document > li {

		line-height:34px !important;

		}	



	/* TABLES */

	

	.body table thead tr th {

		font-size:26px;

		}

	

	.body table tbody tr td, .body table tr td p, .body table tbody tr:nth-child(even) td {

		font-size:18px;

		}	



	/* HEAD */

	

	.head-top {	

		float:initial;

		text-align:center;

		width:100%;

		margin:0 auto;

		padding: 10px 0 20px;

		}

		.head-top > ul {

			margin:0;

			float:initial;

			}

	.head-bottom-nav > ul > li > a {

		font-size:20px;

		}

	.scrolled .head-bottom-nav {

		position:relative;

		top:40px;

		}

	.scrolled .head-bottom-nav > ul {

		height:50px;

		}	

		.scrolled .head-bottom-nav > ul > li > a {

			font-size:20px;

			height:50px;

			padding: 15px 0 0 0;

			}

			.head-bottom-nav > ul > li > ul > li > a {			

				font-size:18px;

				}			



	.home #head-container {

		background-size: auto 125% !important;

		background-position: top -180px left -450px !important;

		}



	.head {

		text-align: center;

		padding:0;

		display:inline-table;

		}	



	.head.open {		

		min-height: 675px;

		}

	.scrolled .head {

		top: -170px;		

		}					

	.scrolled .head.open {		

		min-height: 630px;

		}		

	.scrolled .head-bottom-logo {

		width:150px;

		background-size:150px auto;

		top:25px;

		}

	.scrolled .head-bottom {

		margin:20px 0 0 0;

		padding-top:40px;

		}

		.head-bottom-logo {

			background-size: 225px auto;

			width:225px;

			float: left;

			margin:0;

			opacity:1;

			position: relative;

			bottom:0;

			z-index: 1000;

			transition: all .25s ease-out;

			}		

			.head-bottom-logo.open {

				opacity: 0.2;

				bottom:40px;

				}

				.head-bottom-logo a {

					width:225px;

					}



			/* MENU - MOBILE - LEVEL 1 */

				.head-mobile {

					display:none;

					}	







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

		1260-h. HOME

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



	.home-banner {

		top:120px;

		padding:0 40px 0 80px;

		}

	.home-banner-left {

		width:35%;

		/*display:none;*/

		/*padding:100px 0 0 0;*/

		margin-top:20px;

		position:relative;

		left:0;

		}
	.home-banner-top {

		width:65%;

		/*display:none;*/

		/*padding:100px 0 0 0;*/

		margin-top:20px;

		position:relative;

		right:0;

		}

		.home-banner-top h1 {

			font-size:48px;

			}

		.home-banner-top-feature-box li {

			margin:0;

			line-height:18px;

			letter-spacing:1px;

			width:120px;

			height:175px;

			}

	.home-banner-bottom {

		padding:30px 0 0 0;

		margin:0 20px 0 0;

		width:65%;

		}		

		.home-features-item.left p {

			    margin: 0 35px 0 0px;

			}	



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

		1260-m. MISC

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



	/* FINANCIAL REPORTS */



	

			.financialReportFeature {

				background-size:200px auto;

				padding: 50px 0px 90px 20px;

				}

				.columns-third-middle .financialReportFeature {

					padding: 50px 0px 100px 65px;

					}			

				.columns-third-right .financialReportFeature {

					padding: 50px 0px 90px 55px;

					}	

				.financialReportFeature-left {

					float:left;

					padding: 20px 10px 10px 0;

					}

				.financialReportFeature img {						

					width:45px;

					}	

			.financialReportFeature a {

					font-size:40px;

					line-height:40px;

					letter-spacing:2px;

					}

				.financialReportFeature a span {	

					font-size:30px;

					}



	/* STRATEGY OVERVIEW */	

	

	.strategy-container {

		margin:0 0 80px 0;

		height:790px;

		}

			.strategy-container.asset h2 {

				margin:30px 50px;

				} 

			.strategy-container.sequestor h2 {

				margin:30px;

				}

		.strategy-container h2 {

			margin:30px 0;

			font-size:44px;

			line-height:48px;

			}

			.strategy-container img {

				width:80px;

				}

			.strategy-container h2 sub {

				font-size:20px;

				}

	.strategy-container ul li {

		background-size: 28px auto;

		font-size:16px;

		line-height:24px;

		}

	.strategy-container a.button {

		bottom:0;

		font-size:20px;

		}		





	/* COMMUNITY INVOLVEMENT */



		.community-collage {

			margin:0 0 20px 0;

			}



 	/* OPERATIONS LANDING PAGE */

			 .operating-strategy ul li:nth-child(2), .operating-strategy ul li:nth-child(4), .operating-strategy ul li:nth-child(6) {

				width:9%;

				background-size: 36px auto;

				}

			.map-core-areas {

				width:100%;

				}	

				

	/* WEYBURN PROCESS */	

	

	.weyburn-process ol li {

		padding: 15px 0 28px 36px;

		}	

	.weyburn-process ol li:before {

		font-size:22px;

		top: 12px;

		width: 22px;

		height: 20px;

		text-align: center;

		padding: 1px 2px 6px 1px;

		}

	.weyburn-location, .weyburn-growth, .weyburn-impact {

		padding:0 5px;

		}	

	.weyburn-impact img {

		width:50%;

		}		



	/* ANALYST COVERAGE */	

	

		.analyst-container h3 {

			font-size:22px;

			line-height:34px !important;

			margin:0 !important;

			}

	

	/* CO2 SEQUESTRATION */



	.expand-link {

		letter-spacing:0;

		}



	

	/*SUSTAINABILITY REPORT */

	

	.callout-btn .home-callout a {

		font-size:26px;

		padding:24px 0;

		letter-spacing:1px;

		}	

	

	/* MARKETING */	

	

	.marketing.oil-logistics p.title.green.pipeline, .marketing.oil-logistics p.title.green.rail,  .marketing.oil-logistics p.title.green.truck {	

		padding: 16px 0 24px 85px;

		}

	

	/* NEWS RELEASES */

	

	.newsItem h3 {

		letter-spacing:0;

		}	



	/* WHY CANADIAN ENERGY PAGE */

	

	.canadian-energy ol li p.title.blue {

		line-height: 46px;

		font-size:46px

		}

	

	.canadian-energy .infofact {

		margin: 30px auto;

		padding:14px;

		}

		.canadian-energy .infofact p {

			font-size: 14px;

			line-height: 22px;

			}

		.canadian-energy .infofact p.title {

			font-size: 42px;

			margin: 12px 0 40px 0;

			}	

		.canadian-energy ol li {

			padding: 0px 0 15px 65px;

			}

		.canadian-energy h3 {

			font-size:40px;

			line-height:40px;

			}

		.canadian-energy.section-two p img {

			padding-bottom:10px;

			}					



}

			

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

   	1024. RESPONSIVE CASES - SCALES SITE DOWN BELOW 1024

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

					

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



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

	    Gen. GENERAL 

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



	h2 {

		font-size:62px;

		line-height:62px;

		}





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

		1024-c. CONTENT

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

	

	/* HEAD */

	.home #head-container {

		overflow:visible;

		}

	

	#head-container-content {

		height:350px;

		position:relative;

		z-index:1;

		overflow:visible;

		}

	.head {

		position: relative;

		width: 100%;

		padding-left: 0;

		padding-right: 0;

		padding-bottom: 20px;

		margin: 0 auto;

		}

		.head-top {

			width: auto;

			}

			.head-top > ul {

				float:none;

				margin-right:0;

				padding:5px 0;

				}	

				.head-top > ul > li.news {

					display:none;

					}

				.head-top > ul > li.contact {

					display:none;

					}

				.head-top > ul > li.carbonSeqTime {

					margin:0;

					}	

							

		.head-bottom {

			margin:10px 0 0 0;

			}

		.head-bottom-logo {

			float: left;

			margin: 0;

			position:relative;

			bottom:0;

			z-index:1000;

			-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;	

			opacity: 1;

			}

			.head-bottom-logo.open {

				bottom:35px;

				width: 225px;

				opacity: 0.2;

				}

		.head-mobile {

			display:initial;

			}	



	.banner {

		text-align:center;

		margin: 0;

		width:100%;

		}

		.banner > img.wave {

		    width: 330px;

		}

		.banner-center {

			position:relative;

			padding:0 110px;

			margin:0px 0 0 0;

			top:0;

			right:0;

			width:100%;

			}

			.banner-center h1 {

				padding-top:0;

				font-size: 64px;

				line-height: 64px;

				text-align:center;

				}



	/* NAV */



		.head-mobile {

			width: 570px;

			margin: 0 auto;

			}

			.head-navMobile {

				display: block;

				position: absolute;

				right:0;

				z-index: 9999;

				float: right;

				

				}

				a#navMobile-button {

					display:block;

					margin: 80px 50px 0 0 ;

					}

				a#navMobile-button.open {

					display:block;

					margin: 80px 50px 0 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;

						border-radius: 3px;

						transition: all .25s ease-out;

						}

					.head-navMobile .navHamburger.bar1 {

						top: 18px;

						}

					.head-navMobile .navHamburger.bar2 {

						top: 26px;

						width: 32px;

						}

					.head-navMobile .navHamburger.bar3 {

						top: 34px;

						} 



						/* ACTIVE STATE */			

			

						.head-navMobile a.open .navHamburger.bar1 {

							width: 32px;

							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);

							}





		.head-bottom-nav {

			display: none;

			float: none;

			position: absolute;

			z-index: 999;

			top: 0;

			left: 0;

			width: 100%;

			padding: 135px 50px 75px 50px;

			background: rgba(11,44,75,1.9)

			}

			.mobile .head-bottom-nav.open {

				height: 100vh;

				max-height: 100vh;

				width: 100%;

				overflow-y: scroll;

				-webkit-overflow-scrolling:touch;  /*mobile safari*/

				z-index: 999;

				position: fixed;

				display:block;

				}



			/* MENU - MOBILE - LEVEL 1 */



			.head-bottom-nav > ul {

				display: block;

				float: none;

				height: auto;

				padding: 0;

				margin: 45px 0 0 0;	

				background: none;			

				}

			.head-bottom-nav > ul > li {

				float: none;

				padding: 0;

				margin: 0;

				list-style: none;

				overflow:auto;

				}

			.head-bottom-nav > ul > li:last-child {

				background: none;

				border-top-right-radius: 0;

				border-bottom-right-radius: 0;

				}

				.head-bottom-nav > ul > li > a {

					display: block;

					height: auto;

					padding: 12px 0;

					margin: 0;

					font-family: 'BebasNeue-Bold', arial, sans-serif;

					font-size: 30px;

					line-height: 35px;

					color: #fff;

					text-align: center;

					}

				.head-bottom-nav > ul > li:first-child > a {

					margin-left: 0;

					}

				.head-bottom-nav > ul > li:nth-last-child(2) > a {

					margin-right: 0;

					}

				.head-bottom-nav > ul > li:last-child > a {

					margin: 0;

					}

				.head-bottom-nav > ul > li > a:after {

					display: none;	

					}

				.head-bottom-nav > ul > li:hover > a, .head-bottom-nav > ul > li:nth-last-child(2):hover > a, .head-bottom-nav > ul > li:last-child:hover > a {						

					border-bottom: 0;

					color: #82a850;

					}

				.head-bottom-nav > ul > li.nav-path-selected > a {

					color: #fff;

					}

				.head-bottom-nav > ul > li.nav-path-selected:hover > a {

					color: #82a850;

					}	

				.head-bottom-nav > ul > li:last-child > ul > li > a {

					}

				.head-bottom-nav > ul > li > a, .head-bottom-nav > ul > li:last-child > a, .head-bottom-nav > ul > li:nth-last-child(2) > a { 

					display: block;

					height: auto;

					padding: 12px 0;

					margin: 0;

					font-family: 'BebasNeue-Bold', arial, sans-serif;

					font-size: 30px;

					line-height: 30px;

					color: #fff;

					text-align: left;					

					}	

					.hasSubmenu.mobile {

						display:block;

						}

				.extra {

					display:initial;

					}			



					/* MENU - MOBILE - LEVEL 2 */



				.head-bottom-nav > ul > li > ul {

						position: static;

						display: none;

						padding:20px;

						width: 100%;

						margin: 0;

						background: rgba(11,44,75,.7);

						border-top: 5px solid #82a850;

						}

					.head-bottom-nav > ul > li > ul > li {

						padding: 0;

						margin: 0;

						list-style: none;

						}

						.head-bottom-nav > ul > li > ul > li:last-child {

							padding-bottom: 0;

							}

						.head-bottom-nav > ul > li > ul > li > a {

							display: block;

							padding: 8px 25px;

							font-family: 'BebasNeue-Book', arial, sans-serif;	

							font-size: 24px;

							line-height: 24px;

							text-align: left;

							color: #fff;

							}

						.head-bottom-nav > ul > li > ul > li > a:hover {

							color: #fff;

							}

						.head-bottom-nav > ul > li > ul > li > a:hover:after {

							left: -8px;

							}

		

							/* MENU - MOBILE - LEVEL 3 */



							.head-bottom-nav > ul > li > ul > li > ul {

								display: none;

								position: relative;

								top: auto;

								left: auto;

								width: 100%;

								padding: 20px;

								margin: 0;

								background: rgba(0,0,0,0.1);

								border-left: none;

								}

							.head-bottom-nav > ul > li > ul > li > ul > li {

								padding: 10px 0;

								margin: 0;

								list-style: none;

								}

								.head-bottom-nav > ul > li > ul > li > ul > li:last-child {

									padding-bottom: 0;

									}

								.head-bottom-nav > ul > li > ul > li > ul > li > a {

									padding: 0 0 0 25px;

									display: block;

									font-size: 22px;

									line-height: 22px;

									text-align: left;

									color: #fff;

									}



		.head-mobile {

			/*display:none;*/

			margin: 0 auto;

			}

			.head-navMobile {

				display: block;

				position: absolute;

				right:0;

				z-index: 9999;

				float: right;				

				}

				.scrolled .head-navMobile {

					margin: 35px 0 0 0;

					padding-top:40px;

					}

				a#navMobile-button {

					display:block;

					margin: 95px 50px 0 0 ;

					}

				a#navMobile-button.open {

					display:block;

					margin: 60px 50px 0 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;

						border-radius: 3px;

						transition: all .25s ease-out;

						}

					.head-navMobile .navHamburger.bar1 {

						top: 18px;

						}

					.head-navMobile .navHamburger.bar2 {

						top: 26px;

						width: 26px;

						}

					.head-navMobile .navHamburger.bar3 {

						top: 34px;

						} 

		

	/* BODY */

	

	.body {

		padding: 60px;

		/*position:relative;

		z-index:-999;*/

		}



		/* C5 COLUMNS */



		/* HALVES */

		.body .columns-half-left {

			width: 100%;

			padding-right: 0;

			}

		.body .columns-half-right {

			width: 100%;

			padding-left: 0;

			}



		/* 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;

			padding-right:0;

			}



		/* TWO THIRDS LEFT / ONE THIRD RIGHT */

		.body .columns-two-thirds-left {

			width: 100%;

			padding-right: 0;

			}

		.body .columns-one-third-right {

			width: 100%;

			}



		/* ONE THIRD LEFT / TWO THIRDS RIGHT */

		.body .columns-one-third-left {

			width: 100%;

			}

		.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%;

			}



		/* ONE QUARTER LEFT / THREE QUARTERS RIGHT */

		.body .columns-one-quarter-left {

			width: 100%;

			}

		.body .columns-three-quarters-right {

			width: 100%;

			padding-left: 0;

			}	

					

	/* FOOT */		



	#foot {

		padding:0 35px;

		}

		.foot-left, .foot-right {

			padding:0;

			font-size:15px;

			}

			.foot-left h2, .foot-right h2 {

				font-size:36px;

				margin:0 0 10px 0;

				}

			.foot-left ul, .foot-right ul li, .foot-left ul, .foot-right ul li a {

				font-size:15px;

				}

			.foot-right a.quarter-opacity {

				margin-top:10px;

				}

		.foot-top {

			top:0;

			}			

	



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

		1023-h. HOME

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

	

	.home #head-container {

		background-image: url("/application/themes/whitecap/images/banner-home-mobile-alt-bgV2.jpg") !important;

		background-size: cover !important;

		background-position: top 0 center !important;

		height:795px;

		}

	

	.home-banner {

		height:500px;

		margin-top: 0;

		padding:0 35px;

		top:0px;

		}

		.home-banner-left {

			padding:0 0 75px 0;

			width:100%;

			text-align:center;

			}
		.home-banner-top {

			padding:0;

			width:100%;

			text-align:center;

			}

			.home-banner-top h1 {

				font-size:60px;

				line-height:60px;

				}

				.home-banner-top h1 span {

					padding-left:0;

					display:block;

					}

				.home-banner-top-feature-box li {

					width: 128px;

					height: 187px;					

					}

					.home-banner-top-feature-box li:nth-child(4) {

						padding:0 5px;

						}

					.home-banner-top-feature-box li a {

						 padding: 124px 10px 0 10px;

						}

		.home-banner-bottom {

			width:100%;

			margin:0;

			}	

	

	.home-features {

		padding:0;

		}

		.home-features-item.left {

			background-position:-100px 26px;

			flex-basis:50%;

			padding:110px 0 60px 35px;

			}

			.home-features-item.left h2 {

				line-height:42px;

				padding-top:15px;

				}

			.home-features-item.left p {

				    margin: 0 35px 0 0px;

				}

		.home-features-item.center {

			background-position: top 60% left 45%;

			flex-basis:50%;

			padding:110px 35px 60px 30px;

			}

			.home-features-item.left h3 {

				line-height:42px;

				}

		.home-features-item.right {

			width:100%;

			flex-basis:100%;

			padding:0 35px;

			}

			.home-latest-news-content .news:first-child {

				margin:35px 0;

				}

				.home-latest-news-content .news {

					margin:35px 0 0 0;

					}

			.home-latest-news-content .news-left {

				text-align: -webkit-center;

				}

			.home-latest-news-content .news-right, .home-latest-news-content .news-right-center {

				font-size:18px;

				line-height:24px;

				margin:0 0 42px 0;

				}	

			.dateCalendar {}

			.dateCalendar-month {

				margin: 0 0 15px 0;

				font-size:36px;

				}

			.dateCalendar-day {

				font-size: 86px;

				;

				}

		.home-callout-container {}

			.home-callout {

				padding:10px 0;

				}			

				.home-callout a {

					font-size:32px;

					}	

					.home-callout a span {}

					.home-callout a img {

						width: 45px;

						margin: 0 20px;						

						}

		.home-overview {

			

			}

			.home-overview-left {

				display:none;

				}

			.home-overview-right {

				width:100%;

				padding: 100px 35px 0 35px;

				}

													 



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

		1024-l. LOCATIONS

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

	





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

		1024-m. MISC

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



	/* COLUMNS */

	

	.half-left {

		width: 100%;

		margin: 0 30px 0 0;

		}

	.half-right {

		width: 100%;

		margin: 0 0 30px 0;

		}	



	/* DATA TABLES */	



		

	.table-container {

		width: 100%;

		overflow-x: scroll;

		overflow-y: hidden;

		padding: 80px 30px 30px 30px;	

		background: rgba(0,0,0,0.05);

		border-top-left-radius: 0px;

		border-bottom-left-radius: 0px;

		background: url('../images/table-container-header.png') no-repeat top left;

		background-size: contain;

		}

		.table-container table {

			width: 150% !important;

			margin-right: 30px;

			}

		.body table thead tr th {	

			font-size: 24px;

			line-height: 24px;

			}

		.body table tbody tr td, .body table tr td p, .body table tbody tr:nth-child(even) td {

			font-size: 15px;

			line-height: 20px;

			}





	/* TABLES */

	

	body table tbody tr td {

		padding:18px 8px;

		}

	

	.body table tbody tr td, .body table tr td p, .body table tbody tr:nth-child(even) td {

		font-size:16px;

		}    

	.body table tbody tr td a {

		font-size:16px;

		background:none;

		/*background-size:18px auto;*/

		padding:0;

		}

		/* FINANCIAL REPORTS */

			

			.columns-third-left .financialReportFeature {

				margin-top:25px;

				}

			

			.financialReportFeature, .columns-third-right .financialReportFeature, .columns-third-middle .financialReportFeature  {

				background:url('../images/home-features-item-left.png') no-repeat top center;	

				background-size:400px auto;

				padding: 45px 0px 150px 0px;

				overflow:auto;

				position: relative;

				margin: 25px auto; 

				width:100%;

				float:none;

				text-align:center;

				}

				.financialReportFeature-left {

					float:none;

					padding: 25px 0px 15px 0;

					background:none;

					}

				.financialReportFeature-right {

					background:none;

					float:none;

					padding:17px 0 0 0;

					}	

				.financialReportFeature img {						

					width:75px;

					height:auto;

					}	

				.financialReportFeature a, .financialReportFeature a span {

					background:none;

					}

				.financialReportFeature a {

					font-family: 'BebasNeue-Bold', arial, sans-serif;

					color:#82a850;

					padding-top:0;

					margin:0 !important;

					letter-spacing:4px;

					font-size:70px;

					line-height:70px;

					}

				.financialReportFeature a span {	

					color:#0b2c4b;

					margin:0;

					padding-bottom:5px;

					letter-spacing:normal;

					font-size:50px;

					display:block;

					transition: .25s ease-out;

					}

					.financialReportFeature a:hover, .financialReportFeature a:hover span {

						color:#9bcb50;

						}					





	/* STRATEGY OVERVIEW */	

	

	.strategy-container {

		border-bottom: 1px solid #d9d9d9;

		margin:0;

		padding:40px 0 50px 0;

		height:auto;

		}



	.strategy-container ul li {

		margin:0 45px 20px 0;

		}

	

	.strategy-container ul li {

		background-position:0 10px;

		padding: 10px 0 10px 65px;

		font-size: 18px;

		line-height: 26px;

		}

	.strategy-container a.button {

		position:relative;

		left:initial;

		}	

		

		



/* WEYBURN PROCESS */	



	.weyburn-process p img {

		width:55%;

		}

	.weyburn-diagram {

		display:none;

		/*margin-bottom:500px;*/

		}	

	.weyburn-location img.left, .weyburn-benefits img.left, .weyburn-dividends img.left {

		width: 40%;

		margin:0 36px 42px 0;

		}



	.weyburn-location p, .weyburn-growth p, .weyburn-impact p {

		margin: 0 0 32px 0;

		font-size: 18px;

		line-height: 28px;

		}

	.weyburn-summary h2 {

		margin: 0px 0 18px 0;

		font-size: 52px;		

		line-height:46px;

		}

		.weyburn-summary h2 span {

			font-size: 40px;

			}

	.weyburn-quote h3 {

		font-size: 42px;

		margin:0 0 10px 0 !important;

		line-height:40px;

		}	

	.weyburn-quote p {

		line-height:32px;

		}		



	/* MARKETING */



		.marketing.oil-logistics .logistics-icons {		

			display:none;

			}

		.marketing.oil-logistics ul {

			width:100%;

			}	





 	/* OPERATIONS LANDING PAGE */

		.operating-strategy ul li {

			background-size:30px auto;

			background-position:center top 32px;

			}

			.operating-strategy ul li:nth-child(2), .operating-strategy ul li:nth-child(4), .operating-strategy ul li:nth-child(6) {

				background-size:25px auto;

				}			

			.operating-strategy ul li:first-child {				

				background-size:60px auto;

				}

				.operating-strategy ul li:first-child p {

				}	

			.operating-strategy ul li:nth-child(3) {

				background-size:60px auto;

				}

			.operating-strategy ul li:nth-child(5) {

				background-size:60px auto;

				}

			.operating-strategy ul li:last-child {

				background-size:60px auto;

				}

			.operating-strategy ul li:last-child p {

				padding:0 6px;

				}

			.operating-strategy ul li p {

				font-size:16px;

				line-height:16px;

				padding:0;

				}		





	/* ANALYST COVERAGE */	

	

		.analyst-container h3 {

			font-size:32px;

			margin:0 0 24px 0 !important;

			}

	/* NEWS RELEASES */

	

		.news-container	 {

			margin-top:40px;

			}

			.newsItem h3 {

				font-size:28px;

				}	

		.button {

			margin:0 0 20px 0;

			}		





	/* ESG PAGE FORMATTING  */



	.esg-left {

		float:none;

		width:100%;

		padding-right: 0px;

		}

	.esg-right {

		float: none;

		width: 100%;

		padding-left: 0px;	

		margin:0 0 40px 0;

		}

	.list-document.esg-list {

		display:inline-block;

		}



	/* WHY CANADIAN ENERGY PAGE */



	.canadian-energy.section-two.mobile {

		display: none;

		}

	.canadian-energy.section-two {

		display: initial;

		}

	.canadian-energy .infofact {

		padding:18px;

		}	

		.canadian-energy .infofact p {

			font-size:22px;

			line-height:32px;

			margin: 0 20px 0 0px;

			padding:0;

			}

		.canadian-energy .infofact p.title {

			font-size:70px;

			margin: 20px 0 28px 0;

			padding:5px 48px 0 10px;

			}

	.footnote-title {

		padding-top:15px;

		}

	.canadian-energy > .footnote > li	 {

		padding: 10px 0 6px 36px !important;

		}



	#scrollDown {

		display:none !important;

		}



}



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

   	M. RESPONSIVE CASES - SCALES SITE DOWN BELOW 768

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

					

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



	body {	

		font-size: 15px;

		line-height: 23px;

		}

	h2 {			

		font-size: 44px;

		line-height: 44px;

		}

		p.lessMargin, h2.lessMargin, h3.lessMargin, h4.lessMargin {

			margin-bottom:5px;

			}

		

	h3 {			

		font-size: 36px;

		line-height: 36px;

	  	margin: 0 0 30px 0

		}

	h4 {			

		font-size: 25px;

		line-height: 27px;

		}

	h5 {		

		font-size: 20px;

		line-height: 22px;

		}	

	hr {

		margin: 30px 0;

		}

	p {		

		font-size: 15px;

		line-height: 23px;

		margin: 0 0 30px 0;

		}

		p.large {	

			font-size: 19px;

			line-height: 28px;

			}

		p.small {		

			font-size: 13px;

			line-height: 20px;

			}	

	blockquote {	

		padding: 30px;

		}

	blockquote p,

	blockquote p.large,

	blockquote p.extra-large {	

		font-size: 20px;

		line-height: 27px;

		}

	.body ul li {

		padding: 20px 0 20px 65px !important;

		}	



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

		M-c. CONTENT

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

	

	/* HEAD */



	.home  #head-container {

		height:auto;

		}	

	.head {

		padding: 25px;

		}



		.head-top {

			padding: 20px 0 0 0;

			}	

			.head-top > ul > li {

				padding-bottom: 15px;

				}	

				.head-top > ul > li.carbonSeqTotal {



					}

				.head-top > ul > li.carbonSeqTotal::after {

					content: "";

					display: table;

					clear: both;					

					}				

				.head-top > ul > li > a {

					font-size: 17px;

					line-height: 17px;						

					color: #fff;

					border: none;

					}	

				.head-top > ul > li.clientSpace a {						

					border: none;

					background: #00539d;

					}



		.head-mobile {

			width: 100%;

			}

			.head-bottom-logo {

				display: none;

				}

			.head-mobile-logo {

				display: block;

				position: relative;

				z-index: 99999999; 

				float: left;

				/*width: 55%;*/

				padding-right: 15px;

				text-align: right;

				}

				.head-mobile-logo.open {

					opacity: 0.2;

					-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-mobile-logo img {

					width: 225px;

					height: auto;

					}

			.head-navMobile {

				float: left;

				padding-left: 15px;

				}

				a#navMobile-button, a#navMobile-button.open {

					margin:0 30px 0 0;

					}



		.head-bottom-nav {

			padding: 90px 35px 35px 35px;	

			}

			.head-bottom-nav > ul > li > a, .head-bottom-nav > ul > li:last-child > a, .head-bottom-nav > ul > li:nth-last-child(2) > a {

			    padding: 10px 0;

			    font-size: 26px;

			    line-height: 26px;

				}

				.head-bottom-nav > ul > li > ul > li > a {

					font-size:20px;

					line-height:20px;

					padding:6px 0;

					font-weight:bold;

					}

		.banner-center {

			display:table-cell;

			padding:0px 38px 0 38px;

			vertical-align:middle;

			height:252px;

			}

			.banner-center h1 {

				font-size: 48px;

				line-height: 48px;			

				}

	.tsx {

		padding:0 !important;

		}

	.symbol {}

				

	

	/* BODY */	



	.body {

		padding: 35px 35px 130px 35px;

		}



		/* C5 COLUMNS */



		/* QUARTERS */

		.body .columns-quarter-one,

		.body .columns-quarter-two,

		.body .columns-quarter-three,

		.body .columns-quarter-four {

			width: 100%;

			padding: 0;

			}

					

	/* FOOT */		

	

	#foot {

		height:750px;

		background-position: top -105px left -880px !important;

		background-size: auto 115% !important;

		}

		.foot-container {

			bottom:5px

			}

			.foot-logo {}

				.foot-logo img {

					width: 180px;

					height: auto;

					padding: 0 0 20px 0;					

					}

			.foot-left {

				padding: 0 35px 0 0;

				}

				.foot-left h2 {

					display:block;

					}

					.foot-left h2 span {

						display:block;

						padding:0;

						}

				.foot-left ul {

					}		

			.foot-right {

				padding:20px 0 0 0;

				}

				.foot-right h2 {

					display:block;

					}

					.foot-right h2 span {

						display:block;

						padding:0;

						}

					.foot-right ul li {

						float:none;

						padding:5px 0;

						}

					.foot-right li:last-child {

						margin-top:20px;

						}						



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

		M-h. HOME

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

	.home-banner {

		height:initial;

		}		
    .home-banner-left {

		padding:125px 0 0 0;

		position:relative;

		}
	.home-banner-top {

		padding:125px 0 80px 0;

		position:relative;

		}

		.home-banner-top h1 {

			font-size:80px;

			line-height:80px;

			padding:0 0 80px 0;

			}

		.home-banner-top-feature-box {

			display:initial;

			position:relative;

			}

			.home-banner-top-feature-box li {

				width:100%;

				height:auto;

				display:block;

				float:none;

				margin:0 0 20px 0;

				font-size: 24px;

				line-height: 24px;	

				}

				.home-banner-top-feature-box li:first-child, .home-banner-top-feature-box li:first-child:hover, .home-banner-top-feature-box li:nth-child(2), .home-banner-top-feature-box li:nth-child(2):hover, .home-banner-top-feature-box li:nth-child(3), .home-banner-top-feature-box li:nth-child(3):hover, .home-banner-top-feature-box li:nth-child(4), .home-banner-top-feature-box li:nth-child(4):hover, .home-banner-top-feature-box li:last-child, .home-banner-top-feature-box li:last-child:hover {

					background-size:auto;

					}				

				.home-banner-top-feature-box li a {

					padding: 200px 20px 0 !important;

					}

				.home-banner-top-feature-box li:nth-child(3), .home-banner-top-feature-box li:nth-child(4) {

					padding:0;

					}

					

				.home-banner-top-feature-box li:nth-child(3) a, .home-banner-top-feature-box li:nth-child(4) a {

					padding: 200px 190px 0;

					}

				.home-banner-top-feature-box li img {

					height:64px;

					margin-bottom:24px;

					}	

	.home-banner-bottom { 

		}									

		.home-banner-bottom {

			width:100%;

			padding:20px 0;

			}

			.home-banner-bottom p {

				font-size:35px;

				}

				.home-banner-bottom p span {

					font-size:72px;

					padding:0 18px;

					}



	.home-features {

		padding:0;

		}

		.home-features-item.left {

			background:none;

			flex-basis:100%;

			padding:80px 35px 60px 35px;

			}

			.home-features-item.left h2 {

				font-size:80px;

				line-height: 72px;

				padding-top:15px;

				}

			.home-features-item.left h3 {

				font-size:50px;

				line-height: normal;

				text-align:left;

				}

				.home-features-item.left p {

					font-size:20px;

					line-height:30px;

					}	

					.home-features-item.left p.dividend-amt {

						font-size:28px !important;

						}



		.home-features-item.center {

			background-size: 360px auto;

			background-position: top 93% left 49%;

			flex-basis:100%;

			padding:20px 35px 60px 30px;

			}

			.home-features-item.center h3 {

				font-size:50px;

				line-height: normal;

				}

			.home-features-item.center ul li a span.qtr {

				font-size:36px;

				padding-bottom:10px;

				}	

	.home-features-item.right {

			width:100%;

			flex-basis:100%;

			padding:60px 35px 0 35px

			}

			.home-latest-news-content .news-right-center a {



				}

	.dateCalendar-month {

		padding:0 0 15px 0;

		}			

			

	.home-callout {

		background-position:0;

		background-size:cover;

		}

		.home-callout a {

			font-size:26px

			}

			.home-callout a span {

				display:block;

				padding:2px 0;

				}

					.home-callout a img {

						display:none;

						}

	.home-overview {

		height:auto;

		margin:0 0 80px 0;

		}

		.home-overview-right {	

			background-position:top 18px right 15px;

			background-size: 230px auto;

			}	

			.home-overview-right h2 {

				margin:0 0 20px 0;

				}

		.home-overview-right-feature {

			display:block;

			}

			.home-overview-right-feature-box, .home-overview-right-feature-box:nth-child(2), .home-overview-right-feature-box:last-child {

				width:100%;

				flex-basis:100%;

				display:block;

				padding:30px;			

				}

			.home-overview-right-feature-box:nth-child(2) {

				padding:30px;

				border:0;

				border-top: 1px solid rgba(11,44,75,.20);

				border-bottom: 1px solid rgba(11,44,75,.20);

				}

			.home-overview-right-feature-box:last-child {

				padding-top:0;

				}	

				.home-overview-right-feature-box .top-text p {

					font-size: 20px;

					line-height: 30px;

					}

				.home-overview-right-feature-box span {

					font-size: 52px;

					line-height: 52px;

					}

				.home-overview-right-feature-box .bottom-text {

					font-size: 20px;

					line-height: 30px;					

					}

						



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

		M-l. NEWS RELEASES

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

	

			.news-container {

				margin:20px 0 0 0;

				}

				.newsItem h3 {

					letter-spacing:1px;

					font-size:28px;

					}





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

		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 {

		font-size: 22px;

		line-height: 25px;

		}		

		.button:before {

			top: 17px;

			}				

		.button:after {

			width: 90px;

			height: 50px;

			}



	/* EXPAND/COLLAPSE */

		

	.expand-link {

		padding: 26px 85px 24px 30px;

		font-size: 22px;

		line-height: 23px;

		}

	.expand-link:after {	

		top: 23px;

		right: 20px;

		width: 30px;

		height: 30px;

		background-size: 30px auto;				

		}

	.expand-content {

		padding-left: 0;

		padding-right: 0;

		}



	/* SWIPEY MOBILE TABLES */	

		

	.table-container {

		width: 100%;

		overflow-x: scroll;

		overflow-y: hidden;

		padding: 65px 30px 30px 0px;		

		background: rgba(0,0,0,0.05);

		border-top-left-radius: 0px;

		border-bottom-left-radius: 0px;

		background: url('../images/table-container-header.png') no-repeat top left;

		background-size: contain;

		}

		.table-container table {

			width: 150% !important;

			margin-right: 30px;

			}

		.body table thead tr th {	

			font-size: 24px;

			line-height: 24px;

			}

		.body table tbody tr td, .body table tr td p, .body table tbody tr:nth-child(even) td {

			font-size: 15px;

			line-height: 20px;

			}	

			

	.body-content-left img {

		float: none;

		width: 100% !important;

		height: auto !important;

		margin: 0 0 40px 0 !important;

		}	





	/* COMMUNITY INVOLVEMENT */



		.community-collage {

			display:none;

			}

			.community-collage-mobile {

				width:100%;

				display:block;

				margin:0 0 30px 0;

				}

				.community-collage-mobile img {

					width:100%;

					}



	/* WEYBURN PROCESS */

		.weyburn-quote p {

			font-size: 24px;

			line-height:24px;

			}	





	/* OPERATIONS LANDING PAGE */

	

	.operating-strategy ul li {

		padding: 80px 0px 0 0px !important;

		}

	.operating-strategy {

		margin:0 0 40px 0;

		width:initial;

		}

		

	/* STRATEGY */

	

	.strategy-container ul {

		margin:0;

		}

		.strategy-container ul li {

			margin:0 0 20px 0;

			background-position: 0 22px;

			padding: 20px 0 20px 50px !important;

			}		



	/* WHY CANADIAN ENERGY PAGE */



	.canadian-energy h3, .canadian-energy-quote h3 {

		line-height:46px;

		padding:0 0 30px 0;

		}

	.canadian-energy-quote p {

		line-height:32px;

		}	



}



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

   	M-600 RESPONSIVE CASES - SCALES SITE DOWN BELOW 600

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

					

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



	.body ul li {

		

		}

	

	/* SWIPEY MOBILE TABLES */	

		

	.table-container {

		padding-top: 40px;

		}

		.table-container table {

			width: 250% !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;

		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;

		}



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

		600-h. HOME

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

	

	.home-banner-top h1 {

		font-size:60px;

		line-height:60px;

		}

	.home-banner-top-feature-box li {

		font-size:30px;

		line-height:30px;

		position:relative;

		z-index:0;

		}

		.home-banner-top-feature-box li a {

			padding:200px 85px 0;

			}

			.home-banner-top-feature-box li:nth-child(3), .home-banner-top-feature-box li:nth-child(4) {

				padding:0;

				}

				

			.home-banner-top-feature-box li:nth-child(3) a, .home-banner-top-feature-box li:nth-child(4) a {

				padding:200px 85px 0;

				}	

	.home-banner-bottom { 

		}									

		.home-banner-bottom {

			width:100%;

			padding:20px 0;

			}

			.home-banner-bottom p {

				font-size:30px;

				}

				.home-banner-bottom p span {

					font-size:52px;

					padding:0 8px;

					}





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

		600-m. Misc

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



		/* FINANCIAL REPORTS */

			

			.financialReportFeature, .columns-third-right .financialReportFeature, .columns-third-middle .financialReportFeature  {

				background-size:340px auto;

				padding: 25px 0px 100px 0px;

				}

			.financialReportFeature img {						

					width:65px;

					}	

				.financialReportFeature a {

					font-size:60px;

					line-height:60px;

					}

				.financialReportFeature a span {	

					font-size:45px;

					}

		.callout-btn .home-callout a {

			font-size:20px;

			}			

					



}



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

   	M-425 RESPONSIVE CASES - SCALES SITE DOWN BELOW 425

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

					

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





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

    425. LAYOUTS

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

		

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

		425-c. CONTENT

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

	body, p {

		font-size:18px;

		line-height:28px;

		}



	/* SUSTAINABILITY */



	.callout-btn .home-callout a {

		font-size: 24px;	

		padding:8px 0

		}

	/*OPERATING STRATEGY*/

	

	.map-core-areas {

		width:100%;

		}

	

	.operating-strategy ul li:first-child, .operating-strategy ul li:nth-child(3), .operating-strategy ul li:nth-child(5), .operating-strategy ul li:last-child {

		background-size: 45px auto;

		}

	

	.operating-strategy ul li:nth-child(2), .operating-strategy ul li:nth-child(4), .operating-strategy ul li:nth-child(6) {

		background-size:18px;

		background-position: center top 14px;

		}

	.operating-strategy ul li {

    		padding: 60px 0px 0 0px !important;

		}



	.operating-strategy ul li p {

		font-size: 14px;

		line-height: 14px;

		padding: 0;

		}	

	.operating-strategy {

		margin:0;

		}	



	/* MARKETING */

	

	.marketing.crude-oil img {

		width:100%;

		}

	.zoom {

		margin:20px 0 0 0;

		}

	.zoom:after	{

		background:none;

		}

	.marketing.oil-logistics ul li {

		margin-left:00;

		}



	/* INVESTORS */	

	

	.dark-grey {

		font-size:36px;

		}

	.newsItem h3 {

		font-size:24px;

		line-height:30px;

		}

	.analyst-container h3 {

		font-size: 20px;

		margin: 0 0 6px 0 !important;		

		font-family: 'BebasNeue-Bold';

		letter-spacing:1px;

		}		

	

	/* FOOT */

	#foot {

		height:667px;

		background-position: top -105px left -346px !important;

		background-size:cover !important;

		background-color:#0b2c4b;

		}

	.foot-logo img {

		width:140px;

		}



	/* HEAD */

	.head {

	 	padding:25px 25px 25px 15px;

	 	}	

	.head-top > ul > li.carbonSeq {

		display:block;

		}	

	.head-top > ul > li.carbonSeqTotal {

		display: table;

		margin: 0 auto 10px auto;

		position: relative;

		text-align: center;

		}	



	.banner {

		height:200px;

		}	

	.banner-center {	

		padding:0;

		}

	.head-mobile-logo img {

		width:150px;

		}

	.head-navMobile .navCircle {

		width: 40px;

		height: 40px;		

		}

		.head-navMobile .navHamburger {

			width:20px;

			height:2px;

			}

			.head-navMobile .navHamburger.bar1 {

				width:20px;

				top:10px;

				}

			.head-navMobile .navHamburger.bar2 {

				width:20px;

				top:16px;

				}

			.head-navMobile .navHamburger.bar3 {

				width:20px;

				top:22px;				

				}	

			.head-navMobile a.open .navHamburger.bar1 {

				width:22px;

				transform: rotate(45deg) translateX(5px) translateY(5px);

				}

			.head-navMobile a.open .navHamburger.bar3 {

				width:22px;

				transform: rotate(-45deg) translateX(4px) translateY(-4px);

				}

	.banner-center h1 {

		font-size: 42px;

		line-height: 42px;		

		padding: 50px 22px 12px 22px;

		letter-spacing:2px;

		top: -30px;

		}



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

		425-h. HOME

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

	.home #head-container {

		height:initial;

		/*background-size:auto 100% !important;

		background-position: top center !important;

		background-repeat:no-repeat !important;*/

		}

	.home-banner {

		padding:0 24px;

		}	

	.home-banner-bottom p {

		line-height: 30px;

		margin: 0px 0 40px 0;

		}

		.home-banner-bottom p span {

			font-size:46px;

			padding:8px 0;

			letter-spacing:1px;

			display:block;

			}

			.home-banner-bottom p span img {

				top:-80px;

				left:44%;

				}

	.home-features-item.left {

		background:none;

		padding:30px 35px;

		border-bottom: 1px solid rgba(11,44,75,.5);

		}

		.home-features-item.left h2 {

			font-size: 44px;

			line-height: 44px;

			text-align: center;

			}

		.home-features-item.left h3 {

			font-size: 36px;

			line-height: 36px;

			text-align: center;

			}

		.home-features-item.left p {

			font-size: 15px;

			line-height: 23px;

			margin: 0;			

			}					

	.home-features-item.center {

		background:none;

		padding:30px 35px 30px 35px;

		text-align:left;

		border-bottom: 1px solid rgba(11,44,75,.5);

		}

		.home-features-item.center h3 {

			font-size: 36px;

			line-height: 36px;

			padding:0;

			text-align: center;

			}

			.home-features-item.center ul li {

				padding:0 18px;

				}

			.home-features-item.center ul li a span.year {

				font-family: 'BebasNeue-Book', arial, sans-serif;

				}

	.home-features-item.right {

		padding-top:30px;

		border-bottom: 1px solid rgba(11,44,75,.5);

		}

		.home-features-item.right h3 {

			font-size: 36px;

			line-height: 36px;			

			text-align:center;

			}

		.home-latest-news-content .news-right {

			font-size:14px;

			padding-left:10px;

			display:inline-table;

			margin: 0px 0 24px 0;

			}

		.dateCalendar-month {

			font-size:28px;

			padding: 0 0 10px 0;

			}

		.dateCalendar-day {

			font-size:72px;

			font-family: 'BebasNeue-Book', arial, sans-serif;

			}

		.home-callout a {

			font-size:20px;

			padding:5.5% 0;

			margin:44px 0;

			}

		.home-overview {}

			.home-overview-right {

				padding:0px 35px 30px 35px;

				background:none;

				}

				.home-overview-right h2 {

					font-size: 54px;

					line-height: 50px;

					margin:0;

					padding:0;

					}			

						.home-overview-right-feature-box, .home-overview-right-feature-box:nth-child(2), .home-overview-right-feature-box:last-child {

							padding:0 0 20px 0;

							}

							.home-overview-right-feature-box .top-text p, .home-overview-right-feature-box .bottom-text {

								font-size: 15px;

								line-height: 23px;

								margin: 0;								

								}

							.home-overview-right-feature-box span {

								font-family: 'BebasNeue-Book', arial, sans-serif;

								font-size: 40px;

								line-height: 40px;

								}

											

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

		425-m. Misc

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



		/* FINANCIAL REPORTS */

			

			.financialReportFeature, .columns-third-right .financialReportFeature, .columns-third-middle .financialReportFeature  {

				background-size:225px auto;

				padding: 25px 0px 0px 0px;

				margin:15px auto;

				}

			.financialReportFeature-right {

				padding: 17px 0 20px 0;				

				}

			.financialReportFeature-left {

				padding: 0px 0px 15px 0;

				}

			.financialReportFeature img {						

					width:65px;

					}	

				.financialReportFeature a {

					font-size:50px;

					line-height:45px;

					letter-spacing:2px;

					}

				.financialReportFeature a span {	

					font-size:30px;

					}

					

		/* WEYBURN PROCESS */

		

		.weyburn-process h3 {

			line-height:52px;

			}

			

		/* WHY CANADIAN ENERGY PAGE */

		



		.canadian-energy ol li {

		    padding: 70px 0 15px 0px;

		}

		.canadian-energy .infofact p.title {

			font-size:54px;

			padding:0;

			}			

		.canadian-energy-quote h3 {

			}

			

		.rslides {

			margin:0 auto;

			}

		.rslides.rslides1 li {

			padding-left:0 !important;

			}

		.infofact p img.esg-rank {

			height:80px !important;

			}

	.canadian-energy ol li p.title.blue {

    		line-height: 42px;

		}				

			

		

							



}



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

   	1920+. RESPONSIVE CASES - ACCOUNTS FOR LARGER THAN 1080p RESOLUTION

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

					

@media screen and (min-width: 1921px) {



	body {

		width: 1920px;

		margin: 0 auto;

	}

	.head {

		width: 1920px;

	}



}