/*
 * --- Campaign CSS File --- 
 * Applies only to the Campaign Template
 * Wrap your definitions in the .campaign-template class to target only campaign pages
 *
 * Date and Section off your campaigns
 *
 */

/* Template Defaults */

.campaign-template {}

.campaign-template .cpc-nav .cpc-tb--outer,
.campaign-template .cpc-category-banner--gradientlayer { display:none; }

/* 2017 October - Free Shipping Tuesday */

/* **************************** */

/* 2018 Jan - SMM Starter Kit */

body{
	overflow-x:hidden;
}
#iw_placeholder1516585907954 {display:none;}

.campaign-template .iw_container {
    max-width: 100% !important;
	margin-left: auto !important;
    margin-right: auto !important;
}
.campaign-template > .row { 
  	max-width: 100%; 
}

#smm-intro {
    float: right;
    padding: 60px 3.75rem 100px 3.75rem;
    background-color: #fff;
    z-index: 100;
    position: relative;
	margin-bottom: 5rem;
}
#smm-footer-note {
    text-align: center;
    background-color: #333!important;
    padding-top: 100px;
    padding-bottom: 100px;
    padding-left: 6.5rem;
    padding-right: 6.5rem;
    position: relative;
    margin-bottom: -6.25rem;
}
    #smm-footer-note h2 {
        color: #fff;
        font-size: 1.75rem;
        padding: 0 7rem;
        font-weight: lighter;
    }
    #smm-footer-note p {
        color: #fff;
        font-size: 1rem;
    }
    #smm-footer-note .button {
        margin-top: 38px;
        margin-bottom: 60px;
    }

.cpc-ifr--multi-cta {
    margin-left: 0;
    list-style-type: none;
	margin-top:1.5rem;
}
.sections {
	margin-top:7.5rem;	
}

.cpc-ifr--item-img {
	min-height:32.5rem;
	background-repeat:no-repeat;
}

.full-width {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}


/* Dragons’ Den E-Commerce Course Contest Winner  START*/

#contest-winner {
	margin-top:50px;
	background-color:#e5eff9;
	left:80px;
	margin-bottom:75px;
	padding-top: 55px;
	padding-bottom: 55px;
}
#contest-winner img {
	margin-left: -25px;
	
}
#contest-winner .winner-textbox {
	margin-top: 20px;
	padding-left: 0px !important;
    padding-right: 0px !important;
}
#contest-winner .winner-textbox .winner-announcement {
	margin-bottom: 16px !important;
}
#contest-winner .winner-textbox .winner-announcement small  {
	margin-bottom: 16px;
	color: #666;
    font-family: "Roboto",sans-serif;
    font-weight: 300;
    font-size: 12px;
    line-height:14px;
}
#contest-winner .winner-textbox a {
	margin-top: 0px;
	margin-bottom: 24px;
}

/* Dragons’ Den E-Commerce Course Contest Winner END*/


/* Medium screens*/
@media only screen and (min-width:40.063em) and (max-width:64em) {

div#sectionjcpk3bw7 {
	display: block !important;	
}
#smm-intro {
    padding: 60px 60px 80px 60px;
    position: relative;
	margin-bottom: 5rem;
	margin-left:20px!important;
	margin-right:20px!important;
	top:-4rem;
}
#smm-header-points {
	background-image:url("/cpc/assets/cpc/uploads/campaigns/2018/01-smm-starter-kit/smm_logo_tablet_mobile.svg");
	position:relative;
	z-index:1000;
	width:120px;
	height:120px;
	background-repeat:no-repeat;
	margin:16rem auto 0 auto;
}
.img_sections, .img_sections_left {
	height:auto;
	margin-top:3rem;
}
.sections {
	margin-top:2rem;	
}
.button {
	width:auto;	
}
.legal {
	font-size: 1rem;
	padding: 0 1.5rem;
	margin-top:60px;
}

/* Dragons’ Den E-Commerce Course Contest Winner START*/
#contest-winner {
	margin-top:120px;
	background-color:#e5eff9;
	margin-bottom:75px;
	padding-top: 55px;
	padding-bottom: 55px;
	left: 0px;
}
#contest-winner img {
	margin-top: -150px;
	margin-left: 0px;
}

#contest-winner .winner-textbox {
	text-align: center !important;
}

/* Dragons’ Den E-Commerce Course Contest Winner END*/

}
/* Small screens*/
@media only screen and (max-width: 40em) {
.row {
	margin-left:0;
	margin-right:0;	
}

div#sectionjcpk3bw7 {
	display: block !important;	
}
#smm-intro {
    padding: 60px 25px 60px 30px;
	top:-4rem;
	margin:0 20px;
}
#smm-footer-note {
	padding-left:0;
	padding-right:0;	
}

#smm-footer-note h2 {
	font-size: 1.75rem;
	padding: 0 1.5rem;
	margin-bottom: 2rem;
}
#smm-footer-note p {
	font-size: 1.2rem;
	padding: 0 1rem;
}
.legal {
	font-size: 1rem;
	padding: 0 1.5rem;
	margin-top:60px;
}
#smm-footer-note .button {
	margin-top: 38px;
	margin-bottom: 60px;
}
#smm-header-points {
	background-image:url("/cpc/assets/cpc/uploads/campaigns/2018/01-smm-starter-kit/smm_logo_tablet_mobile.svg");
	position:relative;
	z-index:1000;
	width:120px;
	height:120px;
	background-repeat:no-repeat;
	margin:8rem auto 0 auto;
}
.img_sections, .img_sections_left {
	height:auto;
	margin-top:3rem;
}
.sections {
	margin-top:2rem;	
}
.button {
	width:80%;	
}

/* Dragons’ Den E-Commerce Course Contest Winner START*/
#contest-winner {
	margin-top:135px;
	background-color:#e5eff9;
	margin-bottom:50px;
	padding-top: 55px;
	padding-bottom: 55px;
	left: 0px;
}
#contest-winner img {
	margin-top: -150px;
	margin-left: 0px;
}

#contest-winner .winner-textbox {
	text-align: center !important;
}	

/* Dragons’ Den E-Commerce Course Contest Winner END*/
	
}


/* 2018 Jan - SMM Starter Kit */





/* 2018 Feb - DD Romanow videos */

#dd_romanow_videos .row {
    max-width: 75rem;
    margin-left: auto;
    margin-right: auto;
}
/* header */
.grey_background { 
	background:url('/cpc/assets/cpc/uploads/campaigns/2018/05-power-of-address/light_grey_bg.png') repeat-x top center;
	background-size: 550px;}

#dd_romanow_videos #header { background:url('/cpc/assets/cpc/uploads/campaigns/2018/02-dd-romanow-videos/header_bg.jpg') repeat-x top left; background-size: 100%;height: 665px; margin-bottom:100px; max-width: 90rem;}
#dd_romanow_videos #header h1 { margin-top:140px;font-size:53px;line-height:66px;color:#FFFFFF; }
#dd_romanow_videos #header-image{ background:url('/cpc/assets/cpc/uploads/campaigns/2018/02-dd-romanow-videos/michelle.png') no-repeat top left; background-size: 85%; height:1025px;}
#dd_romanow_videos #header h3 {color:#FFFFFF;}
#dd_romanow_videos #header .quote p{
	background: url('/cpc/assets/cpc/uploads/campaigns/2018/02-dd-romanow-videos/quote-icon.svg') no-repeat left center;
	background-size: 8%;
    display: block;
    padding-left: 85px;
    margin-top: 30px;
	color:#FFFFFF;
}

#dd_romanow_videos .cta-banner-bg {
    background: url('/cpc/assets/cpc/uploads/campaigns/2018/02-dd-romanow-videos/cta1_bg.png') no-repeat center center;
	background-size:100%;
    padding: 140px 100px 100px;
    margin-top: -170px;
    text-align: center;
    position: relative;
	margin-left:20px;
	margin-right:20px;
	max-width:72.8rem;
    }

.sfsb_card {
	background: url('/cpc/assets/cpc/uploads/campaigns/2018/02-dd-romanow-videos/sfsb_card_en.png') no-repeat center center;
	max-width:321px;
	height:219px;
	background-size:100%;
	z-index:1;
	margin:0px 0 60px 0;
}

.sfsb_card_fr {
	background: url('/cpc/assets/cpc/uploads/campaigns/2018/02-dd-romanow-videos/sfsb_card_fr.png') no-repeat center center;
	max-width:321px;
	height:219px;
	background-size:100%;
	z-index:1000;
	margin:0px 0 60px 0;
}

#dd_romanow_videos .cta-2-banner-bg {
	background: url('/cpc/assets/cpc/uploads/campaigns/2018/02-dd-romanow-videos/cta2_bg.png') no-repeat center center;
	background-size:100%;
    padding: 100px 100px 240px 100px;
	margin-top:-170px;
	margin-bottom:100px;
    text-align: center;
    position: relative;
	margin-left:20px;
	margin-right:20px;
	max-width:72.8rem;
    }
#dd_romanow_videos .cta-banner-bg h2, #dd_romanow_videos .cta-2-banner-bg h2 {color:#FFFFFF;}

#dd_romanow_videos .background{background-color:#f0f0f0; background-size: 100%; margin:-180px 0 0 0;padding: 280px 0 145px 0;}
#dd_romanow_videos .background h1, 
#dd_romanow_videos .background h2, 
#dd_romanow_videos .background h3, 
#dd_romanow_videos .background p,
#dd_romanow_videos .background ol {color:#333333;}

#dd_romanow_videos .negative-top {top:-170px!important;}

/* videos */
#dd_romanow_videos #videos { margin-bottom:100px;}
#dd_romanow_videos #videos .row:nth-child(2) { margin-top:60px;}
#dd_romanow_videos #videos p {margin-top:24px;}

.cbc-image {
	height: 20rem;
	width:auto;
	/*height:320px;*/
   	background-size: contain;
	cursor:pointer;
	background-repeat:no-repeat;
}






/* *** Tablet *** */
@media only screen and (max-width: 64em) and (min-width: 56em){
	div#sectionjcpk3bw7 { display: block !important; }
	
	div#dd_romanow_videos .row {padding:0 20px;}
	
	#dd_romanow_videos #header h1 { margin-top: 60px;font-size:45px;line-height:54px;}
	#dd_romanow_videos #header h3 { margin-top: 24px;font-size:16px;line-height:24px;}
	#dd_romanow_videos #header .quote { background-size: auto; padding-left:0;
    margin-top: 0;}
	#dd_romanow_videos #header .quote p {font-size:16px;line-height:24px;}
	
	#dd_romanow_videos #header { height: 850px; margin-bottom:0px;}
	
	#dd_romanow_videos #header-image {
		background: url('/cpc/assets/cpc/uploads/campaigns/2018/02-dd-romanow-videos/michelle.png') no-repeat top center;
		background-size: 90%;
		height: 850px;
	}
	#dd_romanow_videos .cta-banner-bg {
	background-size:100%;
    padding: 140px 20px 100px 20px;
    margin-top: -170px;
	width:auto;
    }
	
	#dd_romanow_videos #videos {margin-bottom:60px;margin-top:0px;}
	
	.cbc-image {height: 16.5rem;width:auto;background-repeat:no-repeat;}

	/* Dragons’ Den E-Commerce Course Contest Winner START*/
	#contest-winner {
		margin-top:120px;
		background-color:#e5eff9;
		margin-bottom:75px;
		padding-top: 55px;
		padding-bottom: 55px;
		left: 0px;
	}
	#contest-winner img {
		margin-top: -150px;
		margin-left: 0px;
	}

	#contest-winner .winner-textbox {
		text-align: center !important;
	}

	/* Dragons’ Den E-Commerce Course Contest Winner END*/
	
}

/* *** Tablet *** */
@media only screen and (max-width: 56em) and (min-width: 48.93em){
	#dd_romanow_videos #header-image {
		background: url('/cpc/assets/cpc/uploads/campaigns/2018/02-dd-romanow-videos/michelle.png') no-repeat top center;
		background-size: 90%;
		height: 750px;
	}
	#dd_romanow_videos #header { background-size: 100%;height:750px;margin-bottom:0px;}	
	#dd_romanow_videos #header h1 { margin-top: 60px;font-size:45px;line-height:54px;}
	#dd_romanow_videos #header h3 { margin-top: 24px;font-size:16px;line-height:24px;}
	
	.cbc-image {height: 12rem;width:auto;background-repeat:no-repeat;}

	/* Dragons’ Den E-Commerce Course Contest Winner START*/
	#contest-winner {
		margin-top:120px;
		background-color:#e5eff9;
		margin-bottom:75px;
		padding-top: 55px;
		padding-bottom: 55px;
		left: 0px;
	}
	#contest-winner img {
		margin-top: -150px;
		margin-left: 0px;
	}

	#contest-winner .winner-textbox {
		text-align: center !important;
	}

	/* Dragons’ Den E-Commerce Course Contest Winner END*/
}
/* *** Tablet portrait *** 768px */
@media only screen and (max-width: 48.93em) and (min-width: 41em){
	#dd_romanow_videos #header h1 { margin-top: 60px;font-size:45px;line-height:54px;}
	#dd_romanow_videos #header h3 { margin-top: 24px;font-size:16px;line-height:24px;}
	#dd_romanow_videos #header { background-size: 116%;height:665px;margin-bottom:0px;}
	#dd_romanow_videos #header-image {
		height:665px;background-size: 85%;
	}
	#dd_romanow_videos .cta-banner-bg, #dd_romanow_videos .cta-2-banner-bg {width:auto;}
	#dd_romanow_videos .cta-2-banner-bg {padding:60px 100px 280px 100px;}
	
	.cbc-image {height: 13rem;width:auto;background-repeat:no-repeat;}
	#dd_romanow_videos #videos p {margin-top:12px;}
	.tingle-modal .tingle-modal-box {width:100%;}

	/* Dragons’ Den E-Commerce Course Contest Winner START*/
	#contest-winner {
		margin-top:120px;
		background-color:#e5eff9;
		margin-bottom:75px;
		padding-top: 55px;
		padding-bottom: 55px;
		left: 0px;
	}
	#contest-winner img {
		margin-top: -150px;
		margin-left: 0px;
	}

	#contest-winner .winner-textbox {
		text-align: center !important;
	}

	/* Dragons’ Den E-Commerce Course Contest Winner END*/
}

/* *** Mobile *** */
@media only screen and (max-width: 41em) and (min-width: 24.25em){
	div#sectionjcpk3bw7 { display: block !important; }
	
	#dd_romanow_videos #header { background-size:160%;}
	#dd_romanow_videos #header h1 { margin-top: 24px; font-size:28px;line-height:36px;}
	#dd_romanow_videos #header h3 { margin-top: 24px; font-size:16px;line-height:24px;}
	#dd_romanow_videos #header-image {
		background: url('/cpc/assets/cpc/uploads/campaigns/2018/02-dd-romanow-videos/michelle.png') no-repeat top left;
		background-size: 85%; height:525px;margin-top:-30px;
	}
	#dd_romanow_videos #header .quote_mobile { background-size: auto;display: block;}
	#dd_romanow_videos #header .quote_mobile p {font-size:11px;line-height:20px;color:#FFFFFF;margin-top:24px;}
	
	#dd_romanow_videos .cta-banner-bg {
		background: url('/cpc/assets/cpc/uploads/campaigns/2018/02-dd-romanow-videos/cta1_bg.png') no-repeat top center;
    	background-size: 200%;
    	padding: 140px 20px 70px 20px;
    	margin-top: -170px;
    	width: auto;
	}
	
	#dd_romanow_videos .cta-2-banner-bg {
		background: url('/cpc/assets/cpc/uploads/campaigns/2018/02-dd-romanow-videos/cta2_bg.png') no-repeat top center;
		background-size:200%;
    	padding: 60px 20px 280px 20px;
		width: auto;
		margin-bottom:60px;
		margin-top:-180px;
    }
	#dd_romanow_videos .cta-2-banner-bg.small-fr {padding-bottom:360px;}
	.sfsb_card {margin-top:20px;}
	#dd_romanow_videos .background {padding:250px 0 145px 0;}
	#dd_romanow_videos #videos .row:nth-child(2) { margin-top:44px;}
	#videos .row .columns:last-child {margin-top: 44px;}
	
	.cbc-image {height: 14rem;width:auto;background-repeat:no-repeat;}
	#dd_romanow_videos #videos p {margin-top:12px;}
	.tingle-modal .tingle-modal-box {width:100%;}

	/* Dragons’ Den E-Commerce Course Contest Winner START*/
	#contest-winner {
		margin-top:135px;
		background-color:#e5eff9;
		margin-bottom:75px;
		padding-top: 55px;
		padding-bottom: 55px;
		left: 0px;
	}
	#contest-winner img {
		margin-top: -150px;
		margin-left: 0px;
	}

	#contest-winner .winner-textbox {
		text-align: center !important;
	}

	/* Dragons’ Den E-Commerce Course Contest Winner END*/
	
}
/* *** Mobile small*** 360px */
@media only screen and (max-width: 22.5em){
	#dd_romanow_videos #header { background-size:280%;}
	#dd_romanow_videos #header h1 { margin-top: 24px; font-size:28px;line-height:36px;}
	#dd_romanow_videos #header h3 { margin-top: 24px; font-size:16px;line-height:24px;}
	#dd_romanow_videos #header-image {
		background: url('/cpc/assets/cpc/uploads/campaigns/2018/02-dd-romanow-videos/michelle.png') no-repeat top left;
		background-size: 100%; height:530px;margin-top:-30px;
	}
	#dd_romanow_videos #header .quote_mobile { background-size: auto;display: block;}
	#dd_romanow_videos #header .quote_mobile p {font-size:11px;line-height:20px;color:#FFFFFF;margin-top:24px;}
	
	#dd_romanow_videos .cta-banner-bg {
		background: url('/cpc/assets/cpc/uploads/campaigns/2018/02-dd-romanow-videos/cta1_bg.png') no-repeat top center;
    	background-size: 200%;
    	padding: 140px 20px 70px 20px;
    	margin-top: -170px;
    	width: auto;
	}
	
	#dd_romanow_videos .cta-2-banner-bg {
		background: url('/cpc/assets/cpc/uploads/campaigns/2018/02-dd-romanow-videos/cta2_bg.png') no-repeat top center;
		background-size:200%;
    	padding: 60px 20px 360px 20px;
		width: auto;
		margin-bottom:60px;
		margin-top:-180px;
    }
	.sfsb_card {margin-top:20px;}
	#dd_romanow_videos .background {padding:250px 0 145px 0;}
	#dd_romanow_videos #videos .row:nth-child(2) { margin-top:44px;}
	#videos .row .columns:last-child {margin-top: 44px;}
	
	.cbc-image {height: 12rem;width:auto;background-repeat:no-repeat;}
	#dd_romanow_videos #videos p {margin-top:12px;}
	.tingle-modal .tingle-modal-box {width:100%;}

	/* Dragons’ Den E-Commerce Course Contest Winner START*/
	#contest-winner {
		margin-top:135px;
		background-color:#e5eff9;
		margin-bottom:75px;
		padding-top: 55px;
		padding-bottom: 55px;
		left: 0px;
	}
	#contest-winner img {
		margin-top: -150px;
		margin-left: 0px;
	}

	#contest-winner .winner-textbox {
		text-align: center !important;
	}

	/* Dragons’ Den E-Commerce Course Contest Winner END*/
}


/* *** Mobile small*** 375px */
@media only screen and (max-width: 24.25em) and (min-width: 22.5em){
	#dd_romanow_videos #header-image {
		background-size: 100%; height:525px;margin-top:-30px;margin-bottom:30px;
	}
	#dd_romanow_videos #header h1 { margin-top: 24px; font-size:28px;line-height:36px;}
	#dd_romanow_videos #header h3 { margin-top: 24px; font-size:16px;line-height:24px;}	
	#dd_romanow_videos #header .quote_mobile { background-size: auto;display: block;}
	#dd_romanow_videos #header .quote_mobile p {font-size:11px;line-height:20px;color:#FFFFFF;margin-top:24px;}
	#dd_romanow_videos #header { background-size:280%;}
	#dd_romanow_videos .cta-banner-bg {
		background: url('/cpc/assets/cpc/uploads/campaigns/2018/02-dd-romanow-videos/cta1_bg.png') no-repeat top center;
    	background-size: 200%;
    	padding: 140px 20px 70px 20px;
    	margin-top: -170px;
    	width: auto;
	}
	
	#dd_romanow_videos .cta-2-banner-bg {
		background: url('/cpc/assets/cpc/uploads/campaigns/2018/02-dd-romanow-videos/cta2_bg.png') no-repeat top center;
		background-size:200%;
    	padding: 60px 20px 360px 20px;
		width: auto;
		margin-bottom:60px;
		margin-top:-180px;
    }
	#dd_romanow_videos .cta-banner-bg.small-fr h2, #dd_romanow_videos .cta-2-banner-bg.small-fr h2 {font-size:22px;line-height:28px;}
	.sfsb_card {margin-top:20px;}
	#dd_romanow_videos .background {padding:250px 0 145px 0;}
	#dd_romanow_videos #videos .row:nth-child(2) { margin-top:44px;}
	#videos .row .columns:last-child {margin-top: 44px;}
	
	.cbc-image {height: 13rem;width:auto;background-repeat:no-repeat;}
	#dd_romanow_videos #videos p {margin-top:12px;}
	.tingle-modal .tingle-modal-box {width:100%;}

	/* Dragons’ Den E-Commerce Course Contest Winner START*/
	#contest-winner {
		margin-top:135px;
		background-color:#e5eff9;
		margin-bottom:75px;
		padding-top: 55px;
		padding-bottom: 55px;
		left: 0px;
	}
	#contest-winner img {
		margin-top: -150px;
		margin-left: 0px;
	}

	#contest-winner .winner-textbox {
		text-align: center !important;
	}

	/* Dragons’ Den E-Commerce Course Contest Winner END*/
}
/* 2018 Feb - DD Romanow videos */

/* SFSB SIGN IN MODAL WINDOW START */

/* 
.reveal-modal-bg {
	position: fixed !important;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 200;
    display: -ms-flexbox;
    display: flex;
    visibility: hidden;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    overflow-x: hidden;
    overflow-y: auto;
    background: rgba(51,51,51,0.85);
    opacity: 0;
    cursor: pointer;
    transition: transform .25s ease, -webkit-transform .25s ease;
    visibility: visible;
    opacity: 1;
    margin: 0;
    padding: 0;
}

#headerSISUmodalSfSB.tingle-modal--visible {
    visibility: visible;
    opacity: 1;
}

#headerSISUmodalSfSB.sign-in-modal {
	position: fixed;
	top: 0 !important;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 200;
	display: -ms-flexbox;
	display: flex !important;
	visibility: hidden;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-align: center;
	align-items: center;
	overflow-x: hidden;
	overflow-y: auto;
	background: rgba(51,51,51,0.85);
	opacity: 0;
	cursor: pointer;
	transition: transform .25s ease, -webkit-transform .25s ease;
    opacity: 1;
    margin: 0;
    padding: 0;
    width: 100%;
    max-width: 100%;
}
#headerSISUmodalSfSB.tingle-modal--visible .tingle-modal-box {
    transform: scale(1);
}
#headerSISUmodalSfSB .tingle-modal-box {
	position: relative;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	margin-top: auto;
	margin-bottom: auto;
	opacity: 1;
	cursor: auto;
	transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
	transform: scale(0.8);
	width: 100%;
	max-width: 90rem;
}
#headerSISUmodalSfSB .tingle-modal-box__content {
	background: #fff;
    margin: 0 16.6666666667%;
    position: relative;
}
#headerSISUmodalSfSB .flex-row {
	display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
#headerSISUmodalSfSB .flex-row .columns {
    float: none;
}
#headerSISUmodalSfSB.sign-in-modal .left-area {
    position: relative;
    z-index: 1;
    margin-bottom: 2.75rem;
}
#headerSISUmodalSfSB.sign-in-modal .left-area:after {
    position: absolute;
    content: '';
    top: -5vw;
    right: 0;
    bottom: -2.75rem;
    left: 0;
    background: #F0F0F0;
    z-index: -1;
}
#headerSISUmodalSfSB.sign-in-modal h3 {
	margin-bottom: 1.5rem;
	font-family: "Roboto",sans-serif;
    margin-top: 0;
    font-size: 1.5rem;
    line-height: 2rem;
    letter-spacing: 0.3px;
    font-weight: 300;
    color: #111;
}
#headerSISUmodalSfSB.sign-in-modal p {
	color: #333;
    font-family: "Roboto",sans-serif;
    font-weight: 300;
    font-size: 1rem;
    letter-spacing: 0.5px;
    line-height: 1.5;
}
#headerSISUmodalSfSB.sign-in-modal label {
    font-size: 1rem;
    line-height: 1.5rem;
    color: #333;
    font-weight: 500;
}
#headerSISUmodalSfSB.sign-in-modal .sign-in-input-label {
	margin-bottom: 0.25rem;
}
#headerSISUmodalSfSB.sign-in-modal input {
	margin: 0;
    margin-bottom: .5rem;
}
#headerSISUmodalSfSB.sign-in-modal .cpc-control-group {
	font-family: "Roboto",sans-serif;
    font-size: 1rem;
    font-weight: 300;
    letter-spacing: 0.5px;
    line-height: 1.5rem;
    color: #333;
}
#headerSISUmodalSfSB.sign-in-modal .sign-in-modal-input {
	border-color: #CBCBCB;
    border-radius: 2px;
    vertical-align: middle;
}
#headerSISUmodalSfSB.sign-in-modal .remember-me-container .cpc-control-option {
	display: block;
	margin-top: 0;
    margin-bottom: 1.5rem;
}
#headerSISUmodalSfSB.sign-in-modal .remember-me-container input {
  font-size: 0.875rem;
} 
#headerSISUmodalSfSB.sign-in-modal .remember-me-container label {
    font-size: 0.875rem;
}
#headerSISUmodalSfSB.sign-in-modal input[type="password"], #headerSISUmodalSfSB.sign-in-modal input[type="submit"] {
    margin-bottom: 1.5rem;
}
#headerSISUmodalSfSB.sign-in-modal [type='checkbox']:checked, #headerSISUmodalSfSB.sign-in-modal [type='checkbox']:not(:checked), #headerSISUmodalSfSB.sign-in-modal [type="radio"]:checked, #headerSISUmodalSfSB.sign-in-modal [type="radio"]:not(:checked) {
  position: absolute;
  left: -9999px;
}
#headerSISUmodalSfSB.sign-in-modal [type='checkbox']:checked+label, #headerSISUmodalSfSB.sign-in-modal [type='checkbox']:not(:checked)+label, #headerSISUmodalSfSB.sign-in-modal [type="radio"]:checked+label, #headerSISUmodalSfSB.sign-in-modal [type="radio"]:not(:checked)+label {
  display: inline-block;
  position: relative;
  padding-left: 1.75rem;
  padding-right: 0.25rem;
  cursor: pointer;
  margin: 0;
  font-family: "Roboto",sans-serif;
  font-size: 0.875rem;
  font-weight: 300;
  letter-spacing: 0.5px;
  line-height: 1.5rem;
  color: #333;
  line-height: 1.5rem;
}

#headerSISUmodalSfSB.sign-in-modal textarea, #headerSISUmodalSfSB.sign-in-modal input[type='password'], #headerSISUmodalSfSB.sign-in-modal input[type='text'] {
  padding: 0.625rem 1rem;
  margin-bottom: 0.5rem;
  height: 2.75rem;
  background: #fff;
  border: 1px solid #CBCBCB;
  border-radius: 0.125rem;
  font-family: "Roboto",sans-serif;
  font-size: 1rem;
  font-weight: 300;
  letter-spacing: 0.5px;
  line-height: 1.5rem;
  color: #333;
}

#headerSISUmodalSfSB.sign-in-modal textarea:focus, #headerSISUmodalSfSB.sign-in-modal input[type='password']:focus, #headerSISUmodalSfSB.sign-in-modal input[type='text']:focus {
  border: 1px solid #666;
  box-shadow: inset 0 0 0.25rem 0 #CBCBCB;
}

#headerSISUmodalSfSB.sign-in-modal textarea:disabled, #headerSISUmodalSfSB.sign-in-modal input[type='password']:disabled, #headerSISUmodalSfSB.sign-in-modal input[type='text']:disabled {
  background: #F0F0F0;
  border: 1px solid #CBCBCB;
}

#headerSISUmodalSfSB.sign-in-modal textarea::-ms-clear, #headerSISUmodalSfSB.sign-in-modal input[type='password']::-ms-clear, #headerSISUmodalSfSB.sign-in-modal input[type='text']::-ms-clear {
  display: none;
}

#headerSISUmodalSfSB.sign-in-modal textarea {
  margin-bottom: 0.5rem;
}

#headerSISUmodalSfSB.sign-in-modal [type='checkbox']+label:before {
  content: '';
  position: absolute;
  top: 0.25rem;
  left: 0;
  width: 1rem;
  height: 1rem;
  border: solid #666 1px;
  border-radius: 1px;
  background-color: #fff;
}

#headerSISUmodalSfSB.sign-in-modal [type='checkbox']+label:after {
  position: absolute;
  content: none;
  top: 0.40rem;
  left: 0.3125rem;
  width: 0.3125rem;
  height: 0.6rem;
  transform: rotate(35deg);
  border: solid #fff;
  border-width: 0 1.5px 1.5px 0;
}

#headerSISUmodalSfSB.sign-in-modal [type='checkbox']:checked+label:before {
  background: #0467C6;
  border: none;
}

#headerSISUmodalSfSB.sign-in-modal [type='checkbox']:checked+label:after {
  content: '';
}

#headerSISUmodalSfSB.sign-in-modal [type='checkbox']:disabled+label {
  opacity: 0.6;
  cursor: default;
}

#headerSISUmodalSfSB.sign-in-modal [type='checkbox']:disabled+label:before {
  pointer-events: none;
  border: 1px solid #CBCBCB;
}

#headerSISUmodalSfSB.sign-in-modal [type='checkbox']:disabled:checked+label:before {
  border: none;
  background: #E5E5E5;
}

#headerSISUmodalSfSB.sign-in-modal [type='checkbox']:disabled:checked+label:after {
  border: solid black;
  border-width: 0 0.125rem 0.125rem 0;
}

#headerSISUmodalSfSB.sign-in-modal [type="radio"]:checked+label:before, #headerSISUmodalSfSB.sign-in-modal [type="radio"]:not(:checked)+label:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0.25rem;
  width: 1rem;
  height: 1rem;
  border: 1px solid #666;
  border-radius: 100%;
  background: transparent;
}

#headerSISUmodalSfSB.sign-in-modal [type="radio"]:checked+label:after, #headerSISUmodalSfSB.sign-in-modal [type="radio"]:not(:checked)+label:after {
  content: '';
  width: 0.5rem;
  height: 0.5rem;
  background: #fff;
  position: absolute;
  top: 0.5rem;
  left: 0.25rem;
  border-radius: 100%;
  transition: all 0.3s ease;
}

#headerSISUmodalSfSB.sign-in-modal [type="radio"]:not(:checked)+label:after {
  opacity: 1;
  transform: scale(1.75);
}

#headerSISUmodalSfSB.sign-in-modal [type="radio"]:checked:disabled+label, #headerSISUmodalSfSB.sign-in-modal [type="radio"]:not(:checked):disabled+label {
  color: #666;
  cursor: default;
}

#headerSISUmodalSfSB.sign-in-modal [type="radio"]:disabled+label:before {
  border: 1px solid #CBCBCB;
  background: #CBCBCB;
}

#headerSISUmodalSfSB.sign-in-modal [type="radio"]:checked:disabled+label:before {
  border: 1px solid #E5E5E5;
  background-color: #E5E5E5;
}

#headerSISUmodalSfSB.sign-in-modal [type="radio"]:checked:disabled+label:after {
  background-color: #666;
}

#headerSISUmodalSfSB.sign-in-modal [type="radio"]:checked+label:before {
  border: 1px solid #0467C6;
  background: #0467C6;
}

#headerSISUmodalSfSB.sign-in-modal [type="radio"]:checked+label:after {
  opacity: 1;
  transform: scale(0.5);
}
#headerSISUmodalSfSB.sign-in-modal input[type="button"], #headerSISUmodalSfSB.sign-in-modal input[type="reset"], #headerSISUmodalSfSB.sign-in-modal input[type="submit"], #headerSISUmodalSfSB.sign-in-modal button, #headerSISUmodalSfSB.sign-in-modal .button {
    color: #fff;
    background-color: #0467C6;
    border-radius: 0.125rem;
    border: 0.125rem solid #0467C6;
    line-height: 1.25rem;
    font-size: 1rem;
    width: 100%;
}
#headerSISUmodalSfSB.sign-in-modal .forgot-username-password {
    margin-bottom: 0;
}

#headerSISUmodalSfSB.sign-in-modal a {
    text-decoration: none;
    color: #0467C6;
}
#headerSISUmodalSfSB.sign-in-modal .cpc-sign-in-footnotes {
    margin-top: 1.25rem;
    margin-bottom: 0;
    font-size: .875rem;
    line-height: 1rem;
    color: #666;
}
#headerSISUmodalSfSB.sign-in-modal .sign-in-modal-content .content {
	color: #333;
    font-family: "Roboto",sans-serif;
    font-weight: 300;
    font-size: 1rem;
    letter-spacing: 0.5px;
    line-height: 1.5;
}
#headerSISUmodalSfSB.sign-in-modal .right-area-heading {
    max-width: 18rem;
}
#headerSISUmodalSfSB.sign-in-modal .signup-text {
    margin: 1.5rem 0;
}
#headerSISUmodalSfSB.sign-in-modal .sign-in-up-buttons a {
    color: #fff;
}

#headerSISUmodalSfSB.sign-in-modal [class*="column"]+[class*="column"]:last-child {
    float: right;
}

#headerSISUmodalSfSB.sign-in-modal .tingle-modal-box__close-icon.close-reveal-modal {
    position: absolute;
    top: 1.25rem;
    right: 1.25rem;
    width: 1rem;
    height: 1rem;
    z-index: 210;
    text-indent: -9999px;
    background: url(https://www.canadapost.ca/cpc/assets/cpc/img/icons/Cancel_mobile.svg) 50% 50% no-repeat transparent !important;
    border: none;
}
@media only screen and (max-width: 40em) {
	#headerSISUmodalSfSB.sign-in-modal  {
		top: 0 !important;
		width: 100%;
		display: -ms-flexbox;
		display: flex;
	}
	#headerSISUmodalSfSB.sign-in-modal {
		padding: 5vw 0;
		background: #5c5c5c;
	}
	#headerSISUmodalSfSB.sign-in-modal .tingle-modal-box  {
		width: auto;
		border-radius: 0;
		padding-left: 5vw !important;
		padding-right: 5vw !important;
	}
	#headerSISUmodalSfSB .flex-row {
		display: -ms-flexbox;
		display: flex !important;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap !important;
	}
	#headerSISUmodalSfSB.sign-in-modal .tingle-modal-box__content {
		margin: 0;
		padding: 5vw 0;
	}
	#headerSISUmodalSfSB.sign-in-modal .sign-in-modal-content .left-area {
		padding-left: 5vw;
		padding-right: 5vw;
	}
}
@media screen and (min-width: 64.0625em) {
	#headerSISUmodalSfSB.sign-in-modal {
		position: fixed;
	}
	#headerSISUmodalSfSB.sign-in-modal .tingle-modal-box {
		padding: 0;
		max-width: 47rem;
	}
	#headerSISUmodalSfSB.sign-in-modal .tingle-modal-box__content {
    	margin: 0 auto;
  	}
	#headerSISUmodalSfSB.sign-in-modal .sign-in-modal-content .left-area {
		padding-right: 2rem;
		margin-bottom: 0;
	}
	#headerSISUmodalSfSB.sign-in-modal .left-area:after {
		right: 0 !important;
	}
	#headerSISUmodalSfSB.sign-in-modal .sign-in-modal-content .content {
		margin-bottom: 0;
		padding-left: 2rem;
	}
} */

  /* #headerSISUmodalSfSB .tingle-modal-box__content {
  	padding: 2.75rem 1.75rem 2.75rem 1.75rem !important;
  }
  #headerSISUmodalSfSB.sign-in-modal .left-area:after {
  	left: -1.75rem;
  }

  #headerSISUmodalSfSB.sign-in-modal input[type="button"], #headerSISUmodalSfSB.sign-in-modal input[type="reset"], #headerSISUmodalSfSB.sign-in-modal input[type="submit"], #headerSISUmodalSfSB.sign-in-modal button, #headerSISUmodalSfSB.sign-in-modal .button {
  	width: auto;
    padding: 0.625rem 1.25rem;
  }
}
@media only screen and (min-width: 40.0625em) {
	#headerSISUmodalSfSB.sign-in-modal .left-area:after {
		right: -1.75rem;
  	}
}
@media only screen and (min-width: 40.0625em) {
	#headerSISUmodalSfSB.sign-in-modal .left-area:after {
		top: -2.75rem;
  	}
}
@media only screen and (min-width: 90.0625em) {
  #headerSISUmodalSfSB .tingle-modal-box {
    padding-left: 8.5rem;
    padding-right: 8.5rem;
  }
}
@media screen and (max-width: 64em) {
	#headerSISUmodalSfSB.sign-in-modal.shipping-modal {
		display: -ms-flexbox;
		display: flex;
	}
	#headerSISUmodalSfSB .flex-row {
  		display: -ms-flexbox;
  		display: flex !important;
  		-ms-flex-wrap: wrap;
    	flex-wrap: wrap !important;
	}
	#headerSISUmodalSfSB.sign-in-modal .sign-in-modal-content .content {
		margin-top: 1.125rem;
	}
	#headerSISUmodalSfSB.sign-in-modal .sign-in-up-buttons {
		margin-bottom: 0;
	}
} */
/* SFSB SIGN IN MODAL WINDOW END */