/*@font-face {
    font-family: "telusweb";
    src: url("//static.telus.com/common/fonts/56be84de-9d60-4089-8df0-0ea6ec786b84.eot?#iefix");
    src: url("//static.telus.com/common/fonts/56be84de-9d60-4089-8df0-0ea6ec786b84.eot?#iefix") format("eot"), url("//static.telus.com/common/fonts/50d35bbc-dfd4-48f1-af16-cf058f69421d.woff") format("woff"), url("//static.telus.com/common/fonts/278bef59-6be1-4800-b5ac-1f769ab47430.ttf") format("truetype"), url("//static.telus.com/common/fonts/2e309b1b-08b8-477f-bc9e-7067cf0af0b3.svg#2e309b1b-08b8-477f-bc9e-7067cf0af0b3") format("svg");
    font-weight: 200;
    font-style: normal;
}*/


/* ORIGINAL  */
/* @font-face {
    font-family: "telusweb";
    src: url("//static.telus.com/common/fonts/ae1656aa-5f8f-4905-aed0-93e667bd6e4a.eot?#iefix");
    src: url("//static.telus.com/common/fonts/ae1656aa-5f8f-4905-aed0-93e667bd6e4a.eot?#iefix") format("eot"), url("//static.telus.com/common/fonts/530dee22-e3c1-4e9f-bf62-c31d510d9656.woff") format("woff"), url("//static.telus.com/common/fonts/688ab72b-4deb-4e15-a088-89166978d469.ttf") format("truetype"), url("//static.telus.com/common/fonts/7816f72f-f47e-4715-8cd7-960e3723846a.svg#7816f72f-f47e-4715-8cd7-960e3723846a") format("svg");
    font-weight: 400;
    font-style: normal;
} */


@font-face {
	font-family: "telusweb";
	src: url(https://cdn.telus.digital/uds/HNforTELUSSARegular_normal_normal-v3_1_0.woff) format("woff");
	font-weight: 400;
	font-style: normal;
}

/*@font-face {
    font-family: "telusweb";
    src: url("//static.telus.com/common/fonts/b7693a83-b861-4aa6-85e0-9ecf676bc4d6.eot?#iefix");
    src: url("//static.telus.com/common/fonts/b7693a83-b861-4aa6-85e0-9ecf676bc4d6.eot?#iefix") format("eot"), url("//static.telus.com/common/fonts/bcf54343-d033-41ee-bbd7-2b77df3fe7ba.woff") format("woff"), url("//static.telus.com/common/fonts/b0ffdcf0-26da-47fd-8485-20e4a40d4b7d.ttf") format("truetype"), url("//static.telus.com/common/fonts/da09f1f1-062a-45af-86e1-2bbdb3dd94f9.svg#da09f1f1-062a-45af-86e1-2bbdb3dd94f9") format("svg");
    font-weight: 600;
    font-style: normal;
}*/

/*@font-face {
    font-family: "telusweb";
    src: url("//static.telus.com/common/fonts/b7693a83-b861-4aa6-85e0-9ecf676bc4d6.eot?#iefix");
    src: url("//static.telus.com/common/fonts/b7693a83-b861-4aa6-85e0-9ecf676bc4d6.eot?#iefix") format("eot"), url("//static.telus.com/common/fonts/bcf54343-d033-41ee-bbd7-2b77df3fe7ba.woff") format("woff"), url("//static.telus.com/common/fonts/b0ffdcf0-26da-47fd-8485-20e4a40d4b7d.ttf") format("truetype"), url("//static.telus.com/common/fonts/da09f1f1-062a-45af-86e1-2bbdb3dd94f9.svg#da09f1f1-062a-45af-86e1-2bbdb3dd94f9") format("svg");
    font-weight: bold;
    font-style: normal;
}*/

/*@font-face {
    font-family: "telusweb";
    src: url("//static.telus.com/common/fonts/h65/07fe0fec-b63f-4963-8ee1-535528b67fdb.eot?#iefix");
    src: url("//static.telus.com/common/fonts/h65/07fe0fec-b63f-4963-8ee1-535528b67fdb.eot?#iefix") format("eot"), url("//static.telus.com/common/fonts/h65/60be5c39-863e-40cb-9434-6ebafb62ab2b.woff") format("woff"), url("//static.telus.com/common/fonts/h65/4c6503c9-859b-4d3b-a1d5-2d42e1222415.ttf") format("truetype"), url("//static.telus.com/common/fonts/h65/36c182c6-ef98-4021-9b0d-d63122c2bbf5.svg#36c182c6-ef98-4021-9b0d-d63122c2bbf5") format("svg");
    font-weight: 800;
    font-style: normal;
}*/

*:focus {
	outline: none;
}

html {
	overflow-y: -moz-scrollbars-vertical;
	overflow-y: scroll;
}



.leaves {
	position: absolute;
	left: 400px;
	bottom: 200px;
	background: url(assets/images/leavesfloating-blur-1.png);
	background-size: 100% 100%;
	width: 600px;
	height: 219px;
}

/*@media only screen and (min-width:1000px){
	
	.leaves{
	position:absolute;
	right:20px;
	bottom:200px;
	left:auto;
	background:url(assets/images/leavesfloating-blur-1.png);
	background-size:100% 100%;
	width:600px;
	height:219px;	
}
}*/





.indexLangLink {
	/* [disabled]border:1px solid #ccc; */
	padding: 10px;
	width: 125px;
	display: inline-block;
	text-align: center;
}

.langMenu {
	float: right;
}

.style_menu {
	font-size: large;
	color: #333333;
}

.langLinks li {
	display: inline-block;
}

.phoneMenu {}

.clearfix {
	clear: both;
}

.arrowList {
	padding: 20px;
	/*list-style-image:url(assets/images/arrow.png);*/
	list-style: square;
}

.grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	gap: 20px;
	justify-content: center;
	margin: 20px ;
	max-width: 840px;
	
}

.grid div {
	display: inline-block;
	padding: 20px;
	padding-bottom: 0px !important;
	margin-bottom: 0;
}

.list div {
	display: table-row
}

.faq div {
	display: flex
}

.attheader div {
	background-color: #00F;
	border-radius: 15px;
	color: #00F;
	background-color: #00F;
	border-radius: 15;
}

.error {
	color: red;
	font-weight: bold;
	margin-left: 5px;
}

body {
	font-family: telusweb;
	font-size: medium;
	color: #54595f;
	font-weight: 300;
	padding: 0;
	margin: 0;
}

ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

li {
	margin: 10px 0;
}

#wrapper {

	margin: auto;
	width: 90%;
	padding: 10px 10px 0px 10px;
	max-width: 1200px;



}

a.nextlink,
a.skiplink,
.langLinks a,
.backlink {
	display: inline-block;
	text-decoration: none;
	background: #248700;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	padding: 10px;
	border: solid 1px #248700;

}

.backlink {}

a.nextlink:hover,
a.skiplink:hover,
.langLinks a:hover,
.backlink:hover {
	background: #fff;
	-webkit-transition: background .5s;
	-moz-transition: background .5s;
	-ms-transition: background .5s;
	transition: background .5s;
	color: #248700;
	border: solid 1px #248700;
	text-decoration: none;
}

.btn.primary {
	background: #248700;
	color: #ffffff;
	font-family: telusweb;
	font-weight: bold;
	text-align: center;
	padding: 10px;
	border: solid 1px #248700;
	text-decoration: none;
	width: 250px;
}

.btn.primary:hover,
.btn.primary:focus,
.btn.primary:active,
.btn.primary:visited {
	background: #fff;
	-webkit-transition: background .5s;
	-moz-transition: background .5s;
	-ms-transition: background .5s;
	transition: background .5s;
	color: #248700;
	border: solid 1px #248700;
}


.btn.strong:hover,
.btn.strong:focus,
.btn.strong:active,
.btn.strong:visited {
	color: #747474;
}

.btn.strong:hover,
.btn.strong:focus {
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#141414), to(#717171));
	background-image: -webkit-linear-gradient(top, #141414, #717171);
	background-image: -moz-linear-gradient(top, #141414, #717171);
	background-image: -ms-linear-gradient(top, #141414, #717171);
	background-image: -o-linear-gradient(top, #141414, #717171);
	background-position: bottom left
}

.btn.strong.disabled,
.btn.strong.disabled:hover,
.btn.strong.disabled:focus,
.btn.strong[disabled=disabled],
.btn.strong[disabled=disabled]:hover,
.btn.strong[disabled=disabled]:focus {
	background: #7f7f7f;
	border-color: #7f7f7f;
	-webkit-box-shadow: inset 0 0 0 rgba(255, 255, 255, 0.2), 0 0 0 0 rgba(0, 0, 0, 0.65);
	-moz-box-shadow: inset 0 0 0 rgba(255, 255, 255, 0.2), 0 0 0 0 rgba(0, 0, 0, 0.65);
	box-shadow: inset 0 0 0 rgba(255, 255, 255, 0.2), 0 0 0 0 rgba(0, 0, 0, 0.65);
	color: #aeaeae
}

.btn.small {
	border-radius: 1px;
	padding: 2px 14px 2px 14px;
	font-size: 14px;
	font-family: telusweb;
	line-height: 2;
	font-weight: regular
}

input.btn.small {
	min-height: 35px
}

.btn.btn-dropdown.active {
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0
}

.claret {
	display: inline-block;
	_display: inline;
	width: 0;
	height: 0;
	margin-left: 5px;
	padding: 18px 10px 0 0;
	vertical-align: top
}

.claret-dropdown {
	background-position: -195px -373px;
	margin-left: 22px
}

.logged-in .claret-dropdown {
	margin-left: 5px
}

.claret-basket {
	background-position: 0 -869px;
	padding-right: 22px;
	margin: 0 5px 0 0
}

.btn.btn-dropdown.active .claret-dropdown {
	background-position: -195px -399px
}

.btn.small.btn-icon {
	padding: 0 14px 0 36px;
	height: 24px;
	line-height: 1.92;
	position: relative
}

#wrapper #userRegFrm p a{}


#wrapper .indexLangLink a {
	text-align: center;
}

#wrapper .cellbg {
	font-family: telusweb;

}

#wrapper .cellbg tr td strong {
	font-size: medium;
	font-weight: 550;
	color: #4b286d;
}

#wrapper #userRegFrm p a {
	font-size: large;
}

#content #helpFrm fieldset legend {
	color: #4b286d;
}


.jumpmenu {
	background-color: #4b286d;
	padding: 10px;
	text-align: right;
	height: 20px;
}

.main-h1 {
	border-top: 1px solid #ccc;
	margin: 0;

}

.main-h2 {
	background-image: url(assets/images/wave_title_section.png);
	background-repeat: no-repeat;
	min-height: 156px;
	background-position: top center;
	padding: 0 !important;
	margin: 0 !important;


}

.main-h3 {
	background-image: url(assets/images/wave_title_section.png);
	background-repeat: no-repeat;
	min-height: 156px;
	background-position: top center;
	padding: 0 !important;
	margin: 0 !important;


}



.co-logo {
	height: 50px;
	padding: 10px;
	margin: 0;
}

#Language {
	/*float:right ;*/
}

.slidy-link {
	text-decoration: none;
	margin-right: 50px;
	margin-bottom: 0 !important;


}

.slidy-thing:hover {
	opacity: 0.9;



}

.slidy-thing:hover img {
	transform: scale(1.05, 1.05);
	transition: transform 100ms;

}

.slidy-thing {
	opacity: 1;

}


.slidy-thing p {
	text-align: center;
	color: #4b286d;
	font-size: large;
	text-decoration: none;
	margin: 10px !important;

}



/*TABS STYLING*/
.ui-widget-header {
	background: white !important;
	border: none !important;
	border-bottom: 1px solid #ccc !important;
	color: black;

}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {

	/************* DEFAULT BACKGROUND COLOUR OF THE TABS ******************************/
	background: #4b286d !important;


	font-size: 1.1em !important;
	font-weight: 300 !important;
	text-align: left !important;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover,
.ui-tabs-active .ui-state-active {


	border: 1px solid #ccc !important;
}

.ui-tabs-anchor {

	/************* DEFAULT COLOUR OF THE TEXT IN TABS ******************************/
	color: white !important;

}


.ui-state-active .ui-tabs-anchor {

	/************* BACKGROUND COLOUR OF THE ACTIVE TAB ******************************/
	background: white !important;
	/************* TEXT COLOUR OF THE ACTIVE TAB ******************************/
	color: #4b286d !important;


	border-bottom-color: #ccc;




}

h1 {
	font-size: xx-large;
	color: #4b286d;
	font-weight: 500;


}


h2 {
	font-size: x-large;
	color: #4b286d;
	font-weight: 300;


}

#wrapper .grid #userRegFrm li strong label {
	color: #4b286d;
	font-weight: bold;
}

#wrapper .grid #userRegFrm li label strong {
	color: #4b286d;
}

#wrapper .grid #userRegFrm p .style21 {
	color: #54595f;
}

#wrapper #message {
	color: #4b286d;
}

#wrapper #userReqPwdFrm p strong {
	color: #4b286d;

}

#wrapper p {

	margin: 0;
}

.grid p {
	margin: 0;
}

.main-h2 p {
	margin: 0 !important;

}

.phoneTabs p {
	margin: 0 !important;

}

.tabs p {
	margin: 0 !important;

}

.noBorder {
	border: 0px;
	padding: 0;
	margin: 0;
	border-collapse: collapse;
}

.noBorder p {
	margin: 0;
}

.hero {
	background-image: url(assets/images/collaboration-hero.jpeg);
	background-repeat: no-repeat;
	min-height: 500px;
	background-position: top center;
	padding: 0 !important;
	margin: 0 !important;





}

.wave2 {
	background-image: url(assets/images/wave_header_default.png);
	background-repeat: no-repeat;
	min-height: 200px;
	background-position: top center;
	padding: 0 !important;
	margin: 0 !important;


}

a.launchbutton {
	display: inline-block;
	text-decoration: none;
	background: #248700;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	padding: 10px;
	border: solid 1px #248700;
	width: 170px;


}

a.launchbutton:hover {
	background: #fff;
	-webkit-transition: background .5s;
	-moz-transition: background .5s;
	-ms-transition: background .5s;
	transition: background .5s;
	color: #248700;
	border: solid 1px #248700;
	text-decoration: none;
}