:root{

	--rf_style_border:  1px solid var(--rf_theme_border);
	--rf_style_borderRadius:  4px;
	--rf_style_dropShadow:  0 2px 4px 0px var(--rf_theme_dropShadow);

	--rf_style_base_overlay: rgba(var(--rf_theme_base_overlay_rgb),.5);
	--rf_style_base_overlay_invert: rgba(var(--rf_theme_base_overlay_invert_rgb),.5);




	--rf_style_sanSerif_thin: rf_proximaNovaThin;
	--rf_style_sanSerif_light: rf_proximaNovaLight;
	--rf_style_sanSerif_regular: rf_proximaNovaRegular;
	--rf_style_sanSerif_bold: rf_proximaNovaMedium;

}





.whatever{
	border: var(--rf_style_border);
}


.RFbody {
	font-family:'RFgothamExLight',Helvetica,Arial,sans-serif;
	font-size: 12px;
	line-height: 24px;
	letter-spacing: .5px;
	overflow: scroll;
	color: var(--rf_theme_text);
}
body {
	margin: 0px;
	padding: 0px;
}
a{	
	color: var(--rf_theme_text);
	//	text-decoration: none;
}
a:hover{
	//text-decoration: underline;
}

img {
	padding: 0px;
	margin: 0px;
}
img.optionMobileResponsive{
	height: 72px;	
}
@media screen and (max-width: 1170px){
	img.optionMobileResponsive{
		height: 56px;		
	}
}


input{
	border-width: 1px!important;
	border-style: none;
}

p {
	margin-block-start: 0px;
	margin-block-end: 0px;
}


a.aBlue > *, a.aBlue, a *{
	cursor: hand!important;
	//	background-color: #ff00ff;
}

.navMobileContainer{
	position: fixed;
	top: 0px;
	left: -102%;
	width: 300px;
	height: 100%;
	overflow: visible;
	transition: all .35s ease;
	box-shadow: 0 0 0 0 #000000;
	border: thin solid #cccccc;
	z-index: 5000;
	overflow-x: visible;
}
@media screen and (max-width: 767px) {
	.navMobileContainer{
		width: 375px;
	}
}
@media screen and (max-width: 480px) {
	.navMobileContainer{
		width: 100%;
	}
}
.navMobileContainer * img{
	height: 20px;
	display: inline-block;
	vertical-align: middle;
	padding-right: 10px;
}
.navMobileCard{
	position: absolute;
	top:0px;
	left: 0px;
	width: 100%;
	background-color: #fdfdfd;
	transition: all .35s ease;
	height: 100%;
	border-left: thin solid #cccccc;
	overflow: hidden;

}
.navMobileOffScreen{
	left: 100%;
	overflow: hidden;
}
.navMobileHeader, .navMobileItem, .navMobileFooter {
	height: 64px;
	line-height: 64px!important;
	text-transform: uppercase
}
.navMobileHeader{
	box-shadow: 0 2px 4px 0 rgba(204,204,204,.5);
	text-align: center;
}
.navMobileFooter{
	position: absolute;
	height: 64px;
	width: 100%;
	left: 0px;
	bottom: 0px;
	text-align: left;

}
.navMobileLeft{
	position: absolute;
	padding-left: 20px;
	padding-right: 20px;
	left: 0px;
	text-align: center;
}
.navMobileRight{
	position: absolute;
	padding-left: 20px;
	padding-right: 20px;
	right: 0px;
	text-align: center;
	line-height: 64px;
}
.navMobileRight img{
	padding-right: 0px;

}
.navMobileItem{
	text-align: left;
	border-bottom: thin solid #cccccc;
	padding-left: 16px;
	cursor: pointer;
	text-transform: uppercase;
}











.rf_HR{
	height: 1px;
	margin-top: 0px;
	margin-bottom: -1px;
	border: none;
	background-color: #dcdcdc;
	width: 100%;
	position: relative;
	text-align: left;
}





.borderBottomHover{
	position: relative;
	text-decoration: none!important;
}
.borderBottomHover:after {
	content: ""; 
	display: block;
	width: 0%; 
	left: 0px;
	position: absolute;
	right: 0px;
	bottom: -5px; 
	border-bottom: 0px solid #7bafd4; 
	transition: all .3s ease!important;
}
.borderBottomHover:hover:after {
	width: 100%;
	border-bottom-width: 3px;    

}
.rf_bottomBorder{
	position: relative;
	background-color: #ff00ff;
}
.rf_bottomBorder:after{
	position: absolute;
	bottom: 0px;

	left: 0px;
	right: 0px;
	height: 1px;
	background-color: #dcdcdc;
	content: "aa";
}



.RF_borderBottom{
	border: none;
	border-bottom: 1px solid rgba(34,34,34,.2)!important;
}

.RF_linkPrimary{
	text-transform: uppercase;
	color: var(--rf_theme_text);
	font-family: "RFgothamBook",Helvetica,Arial,sans-serif;
	font-size: 14px;
	letter-spacing: 1px;
	text-decoration: none!important;
	position: relative;
	cursor: pointer;
}
.RF_linkPrimary:after{
	position: absolute;
	content: "";
	bottom: -4px;
	height: 2px;
	width: 100%;
	left: 0px;
	background-color: rgba(34,34,34,.5);
	transition: all .3s ease;
}
.RF_linkPrimary:hover:after, .RF_linkPrimary.optionHover:after {
	background-color: rgba(34,34,34,1);
}

.paraInner p {
	margin-bottom: 24px;
}

.aBlueInner a, .RF_linkSecondary, .aBlue, .RF_linkBlue{
	color: var(--rf_theme_link)!important;
	cursor: pointer;
	text-decoration: none!important;
}
.aBlueInner a:hover, .RF_linkSecondary:hover, .aBlue:hover, .RF_linkBlue:hover, .aBlue:hover > *{
	color: #004c7b!important;
}
.aBlueTextBG{
	background-color: var(--rf_theme_link);
}
.aBlueHoverTextBG{
	background-color: #004c7b;
}


.RF_linkSecondary{
	color: var(--rf_theme_link)!important;
	cursor: pointer;
	text-decoration: none!important;
	text-transform: uppercase;
	font-family: "RFgothamBook",Helvetica,Arial,sans-serif;
	font-size: 14px;
	letter-spacing: 1px;
	text-decoration: none!important;
	position: relative;
	cursor: pointer;
}
.RF_linkSecondary:after{
	position: absolute;
	content: "";
	bottom: -4px;
	height: 2px;
	width: 100%;
	left: 0px;
	background-color: rgba(0,110,179,0);
	transition: all .3s ease;
}
.RF_linkSecondary:hover:after, .RF_linkSecondary.optionHover:after {
	background-color: rgba(0,110,179,1);
}

.RF_linkTertiary{
	color: var(--rf_theme_link)!important;
	cursor: pointer;
	text-decoration: none!important;
	text-transform: capitalize;
	font-family: "RFgothamBook",Helvetica,Arial,sans-serif;
	font-size: 14px;
	letter-spacing: 1px;
	text-decoration: none!important;
	position: relative;
	cursor: pointer;
}
.RF_linkTertiary:after{
	position: absolute;
	content: "";
	bottom: -4px;
	height: 2px;
	width: 100%;
	left: 0px;
	background-color: rgba(0,110,179,0);
	transition: all .3s ease;
}
.RF_linkTertiary:hover:after, .RF_linkTertiary.optionHover:after {
	background-color: rgba(0,110,179,1);
}




.RF_linkQuaternary{
	color: var(--rf_theme_text);
	//	font-family: "RFgothamBook",Helvetica,Arial,sans-serif;
	letter-spacing: .5px;
	text-decoration: none!important;
	position: relative;
	cursor: pointer;
}
.RF_linkQuaternary:after{
	position: absolute;
	content: "";
	bottom: -4px;
	height: 2px;
	width: 100%;
	left: 0px;
	background-color: transparent;
	transition: all .3s ease;
}
.RF_linkQuaternary:hover:after, .RF_linkQuaternary.optionHover:after {
	background-color: rgba(34,34,34,1);
}













.RF_linkNav{
	text-transform: uppercase;
	color: var(--rf_theme_text);
	font-family: "RFgothamBook",Helvetica,Arial,sans-serif;
	font-size: 14px;
	letter-spacing: 1px;
	text-decoration: none!important;
	position: relative;
}
.RF_linkNav:after{
	position: absolute;
	content: "";
	bottom: -5px;
	height: 0px;
	width: 0%;
	left: 0px;
	background-color: #7bafd4;
	transition: all .3s ease;
}
.RF_linkNav:hover:after{
	width: 100%;
	height: 2px;
}

.pointer{
	cursor: pointer;
}




form{
	//	position: relative;
	//	padding:0px;
	//	margin:0px;


}


.input{
	border-radius: 10px;
	position: relative;
	left: 0px;
	width: 100%;
	height: 32px;
	font-size: 16px;
	padding: 0px;
	line-height: 32px;
	border: none;
	transition: all .3s ease;
	-webkit-appearance: none;
	-moz-appearance: none;
	-webkit-border-radius:0px;
	z-index: 0!important;
	//	text-align: left!important;
}


/*    SAFARI REMOVE AUTOFILL ICON   */


.input:focus::-webkit-textfield-decoration-container {
	//	visibility: hidden;
	top: 0px;
	position: relative;
	//	pointer-events: none;
}


.input:focus, .input:active {
	outline: none;
	border: none;
}

.inputWarning {
	border-bottom: 2px solid #fff6e6;
}
.inputError {
	border-bottom: 2px solid #ffbfbf;
}
.inputSuccess{
	border-bottom: 2px solid #f4fff2;
}




























.toggleContent{
	height: 0px;
	overflow: hidden;
	transition: all .3s ease;
}

.padInner{
	padding: 16px;
}










.checkboxToggleContainer{
	display: inline-block!important;
	//	font-size: 0px;
	position: relative;
	//	overflow: hidden;
	min-height: 24px;
	min-width: 36px;
	width: 100%;
	padding: 0px;
	margin: 0px;
	//	vertical-align: bottom;

}
.checkboxToggleContainer * {
	cursor: pointer;
}
.checkboxToggleContainer.alignRight {
	position: relative;
	width: 100%;
}




.checkboxToggle ~ .checkboxToggleLabel{
	padding-left: 48px;
	line-height: 24px;
	//	width: calc(100% - 48px);
	display: inline-block;
	
}
.checkboxToggleContainer.alignRight > .checkboxToggle ~ .checkboxToggleLabel {
	text-align: left;
	padding-left: 0px;
	padding-right: 64px;
	left: 0px;
	width: calc(100% - 64px);
}
.checkboxToggle ~ .checkboxToggleLabel:before{
	content: " ";
	height: 18px;
	border-radius: 9px;
	width: 36px;
	background-color: var(--rf_theme_accent);
	position: absolute;
	top: 3px;
	left: 0px;
	transition: all .3s ease;
	z-index: 1;

}
.checkboxToggleContainer.alignRight > .checkboxToggle ~ .checkboxToggleLabel:before {
	left: auto;
	right: 0px;
}





.checkboxToggleLink{
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
	height: 0px;
	width: 0px;
	margin: 0px;
	padding: 0px;
	cursor: crosshair;
}
.checkboxToggleLink ~ .checkboxToggleLabel {
	position: relative;
	top: 0px;
	left: 0px;
}

.checkboxToggleChevron{
	display: inline-block;
	position: relative;
	top: 4px;
	transition: all .3s ease;
	height: 14px;
	line-height: 16px;
	width: 24px;
	transform: rotate(0deg);
	transform: scale(1,-1);
	text-align: center;
	float: right;
	transform-origin: center center;
	
}
.toggleContentFlyoutActive ~ .checkboxToggleLabel > .checkboxToggleChevron{
	//	transform: rotate(90deg);
	transform: scale(1,1);
	
}
.checkboxToggle{
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
	transition: all .3s ease;
	position: absolute;
	height: 14px;
	width: 14px;
	border-radius: 7px;
	top: 2px;
	left: 0px;
	background-color: var(--rf_theme_base);
	box-shadow: 0 2px 2px 0 rgba(0,0,0,.5);
	z-index: 3;
	outline: none;

}
.checkboxToggleContainer.alignRight > .checkboxToggle {
	//	border-radius: 0px;
	left: auto;
	right: 17px!important;
}
.checkboxToggleContainer.alignRight > .checkboxToggle:checked {
	left: auto;
	right: -1px!important;
}
.checkboxToggle:checked + .checkboxToggleLabel:before{
	background-color: var(--rf_theme_text)!important;
}

.checkboxToggle:checked{
	left: 17px;
	background-color: var(--rf_theme_base)!important;
}

input::-webkit-input-placeholder{
	//	color: #ff00cc;
}










.passwordValidation {
	position: absolute;
	bottom: -8px;
	width: 100%;
	text-align: center;
	margin: 0px;
}
.passwordValidation span:not(:first-of-type){
	margin-right: 4px;
}
.passwordValidation span:not(:last-of-type){
	margin-left: 4px;

}
.iconFullHeight{
	height: 24px;
}








.blockNotification{
	position: relative;
	font-family: rf_proximaNovaLight,"RFgothamLight",Helvetica,Arial,sans-serif;
	line-height: 20px;
	font-size: 14px;
	padding: 14px 16px;
	box-sizing: border-box;
}
.blockNotification > .rf-icon{
	float: left
	width: 24px;
	height: 24px;
	vertical-align: top;
}
.blockNotification p{
	margin: 0px;
	display: inline-block;
	vertical-align: top;
}

.blockNotification > .rf-icon ~ p{
	width: calc(100% - 24px);
}



.toastContainer{
	height: auto;
	width: 100%;
	box-shadow: 0 0 4px 0 rgba(0,0,0,.1);
	position: absolute;
	top: 172px;
	
}
.toastContainer * {
	//	z-index: 1!important;
}
.toastOuter{
	transition: all .3s ease;
	height: 0px;
	overflow: hidden; 
	border-top: 0px solid #dcdcdc;
	
}
.toastOuter:not(:first-of-type){
	border-top: 1px solid #dcdcdc;
}
.toastInner{
	font-size: 12px;
	letter-spacing: .5;
	line-height: 16px;
	transition: all .3s ease;
	position: relative;
	width: calc(100% - 48px);
	max-width: 1140px;
	min-width: 268px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	margin-top: 16px;
	margin-bottom: 16px;
}
.toastInner p {
	position: relative;
	text-align: left;
	margin-left: 24px;
	margin-right: 40px;
}
.toastIcon, .toastIconClose{
	position: absolute;
	
	height: 16px;
	width: 16px;
	top: calc(50% - 8px);
	top: 0px;
	font-size: 14px;
	line-height: 20px;
}
.toastIcon {
	left: -24px;
}
.toastIconClose{
	right: -16px;
}

.toastBarDismiss{
	position: relative;
	height: 14px;
	width: 0px;
	display: inline-block;
	left: 16px;
	opacity: .05;
	top: 2px;
	right: 0px;
	padding: 0px;
	margin: 0px;
}
.toastBarDismissed{
	width: 0px;
}

.toastUndo{
	position: relative;
	cursor: pointer;
	text-transform: uppercase;
}
.toastUndo:hover, .toastUndo:active {
	text-decoration: underline;
}





.RF_tooltipIcon{
	position: relative;
	width: 16px;
	height: 16px;
}
.RF_tooltipContainer{
	position: relative;
}
.RF_tooltip{
	font-family: RFgotham;
	position: absolute;
	height: auto;
	max-height: 0px;
	width: 304px;
	left: -152px;
	text-align: left;
	transition: max-height .3s ease;
	transition: left 0s;
	background-color:  #F2FAFF;
	overflow: hidden;
	z-index: 200;
	box-shadow: 0 0 0 0 rgba(0,0,0,0), 0 0 1px 0 rgba(0,0,0,1) inset;
}
.RF_tooltip > div {
	padding: 16px;
}

.RF_tooltipActive {
	opacity: 1;
	height: 100px;
	width: 100px;
	box-shadow: 0 0 5px 0 rgba(0,0,0,.1), 0 0 0 1px #dcdcdc inset;
	max-height: 400px;
	overflow: auto;
}

.RF_tooltipSpan{
	position: relative;
}
.RF_tooltipDiv {
	position: absolute;
	background-color: #ff00ff;
}




.padInnerSmall > * {
	padding-left: 4px;
	padding-right: 4px;
}
.padInnerMedium > * {
	padding-left: 8px;
	padding-right: 8px;
}











.fontExSmall, .fontExSmall * {
	font-size: 10px!important;
	line-height: 18px;
}
.fontSmall, .fontSmall *{
	font-size: 12px!important;

}

.fontRegular, .font12{
	font-size: 12px;
	line-height: 20px;
}
.font14{
	font-size: 14px;
	line-height: 22px;
}
.fontMedium, .font16{
	font-size: 16px;
	line-height: 24px;
}

.fontLarge, .font32 {
	font-size: 32px;
	line-height: 40px;

}
.fontExLarge {
	font-size: 48px;
	line-height: calc(96px - 4.8px);
	padding: 0px;
	overflow: hidden;
}


.fontExLarge .RFbodoni, .fontExLarge .RFbankGothic, .fontExLarge .RFgotham{
	position: relative;
	bottom: -6px;
	z-index: 2;
}









.baseline{
	vertical-align: baseline;
	position: relative;
	//	top: 3px;
}
.alignTop {
	vertical-align: top;
	position: relative;	
}

.clearP {
	margin: 00px;
	padding: 0px;
}


.baselineBorder{
	position: relative;
	border-bottom: 2px solid #D1FAFF;
	border-top: 2px solid #D1FAFF;
	background-color: #eeeeee
	opacity: .5;
}

.baselineBorderBase, .baselineBorderMid, .baselineBorderCapHeight{
	height: 1px;
	width: 100%;
	background-color: #ff00cc;
	position: absolute;
	left: 0px;
	z-index: 0;
	opacity: .25;
}
.baselineBorderCapHeight{
	top: calc(50% - 23px);
}
.baselineBorderBase{
	top: calc(50% + 24px);
}
.baselineBorderMid{
	top: 50%;
}


.fontSuper{

}
.ltrSpaceLarge{
	letter-spacing: 4px!important;
}
.italic{
	font-style: italic
}





.noPadding{
	padding: 0px!important;
	margin: 0px!important;
}
.invert, .invert * {
	background-color: #595959;
	color: var(--rf_theme_offBase)!important;

}
.invertDark, .invertDark * {
	background-color: var(--rf_theme_text);
	color: var(--rf_theme_base)!important;
}
.invertMedium, .invertMedium * {
	background-color: #666666;
	color: var(--rf_theme_base)!important;
}


.layer2{
	box-shadow: 1px 2px 2px 0 rgba(0,0,0,.1);
	z-index: 2;
}
.layer4{
	box-shadow: 2px 4px 4px 0 rgba(0,0,0,.1);
	z-index: 4;
}
.layer8{
	box-shadow: 4px 8px 8px 0 rgba(0,0,0,.1);
	z-index: 8;
}
.layer16{
	box-shadow: 8px 16px 16px 0 rgba(0,0,0,.1);
	z-index: 16;
}
.layer32{
	box-shadow: 16px 32px 32px 0 rgba(0,0,0,.1);
	z-index: 32;
}


.fontSmall{
	font-size: 12px;
}
.highlight{
	background-color: #ffcc00!important;
	//	mix-blend-mode: screen;
}
.highlightHover{
	transition: all .3s ease;
	background-color: transparent;

}

.highlightHover:hover{
	background-color: #4b82a8;
	background-position: 0px 0%;

}

.br4, .br8, .br10, .br12, .br16, .br24, .br32, .br48, .br56, .br64, .br80, .br40, .br96 {
	width: 100%;
	//	padding: 0px;
	//	margin: 0px!important;
	display: block;

}
@media screen and (max-width: 375px) {
	.br16 {
		height: 4px!important;
	}	
	.br24 {
		height: 4px!important;
	}	
}

.br4 {
	height: 4px;
}
.br8 {
	height: 8px;
}
.br10 {
	height: 10px;
}
.br12 {
	height: 12px;
}
.br16 {
	height: 16px;
}
.br24 {
	height: 24px;

}
.br32 {
	height: 32px;
}
.br40{
	height: 40px;
}
.br48 {
	height: 48px;
}
.br56 {
	height: 56px;
}
.br64 {
	height: 64px;
}
.br72 {
	height: 72px;
}
.br80{
	height: 80px;
}
.br96{
	height: 96px;
}







.checkboxContainer{
	position: relative;
	line-height: 16px;
	font-family: RFgothamLight;
	font-size: 12px;
}
.checkboxContainer > .checkbox{

	margin-right: 4px;
}



.checkboxContainer > span{
	display: inline-block;
	padding-left: 24px;
}


.RF_checkbox{
	border: 1px solid rgba(0,0,0,.5);
	box-shadow: 0 0 0 8px rgba(255,255,255,1) inset;
	background-color: var(--rf_theme_text);
	top: 0px;
	left: 0px;
	height: 14px;
	width: 14px;
	border-radius: 0px;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
	transition: all .3s ease;
	position: relative;
	//	transform: rotate(-90deg);
	display: inline-block;
	vertical-align: top;
	z-index: 2;
	overflow: hidden;
	//	margin-right: 8px;
	margin: 0px;
	margin-top: 5px;
}
.RF_checkbox:focus{
	//	border-color: #00ff00!important;
	//	box-shadow: 0 0 5px 5px #007d99!important;
}
.RF_checkbox:before{
	font-family: "rf-icons";
	content: "\e912";
	position: absolute;
	top: 1px;
	left: 1px;
	height: 12px;
	width: 12px;
	font-size: 10px;
	color: var(--rf_theme_base);
	//	transform: rotate(90deg);
	transition: all .3s ease;
	z-index: 1;
}
.RF_checkbox:hover, .RF_checkbox:active {
	//	box-shadow: 0 0 2px 0 rgba(0,0,0,.5) inset;
	opacity: 1;
	border-color: var(--rf_theme_text);

}
.RF_checkbox:checked{
	box-shadow: 0 0 0 0 rgba(255,255,255,1) inset;
	//	transform: rotate(0deg);
}
.RF_checkbox.error{
	border-color: #D91E18;
	box-shadow: 0 0 0 8px #fff5f3 inset;
	

}
.RF_checkbox.error:checked{
	border-color: var(--rf_theme_text);
	box-shadow: 0 0 0 8px #000000 inset;
}
.RF_checkbox:checked:before{
	//	transform: rotate(0deg);	
}

.RF_checkbox.error  ~ label {
	color: var(--error);
}


label > p {
	padding: 0px;
	margin: 0px;
}
.RF_checkbox ~ label{
	position: relative;
	display: inline-block;
	top: 0px;
	vertical-align: top;
	left: 0px!important;
	line-height: 24px;
	width: calc(100% - 25px);
}

.RF_checkbox:disabled{
	border-color: #808080!important;
	opacity: .5;
}
.RF_checkbox:disabled ~ *{
	opacity: .5;
}






.cartUpsellContainer{
	width: calc(100% - 2px);
	border: 1px solid;
	margin-bottom: 16px;
}
.cartUpsellContainer > p{
	margin: 0px;
	padding: 16px;
	text-align: left;
	position: relative;
	line-height: 24px;
	font-size: 14px;
}
.cartCheckOutPCUpsellContainer{
	position: relative;
	height: auto;
	overflow: visible;
	transition: all .3s ease;
}
.cartCheckOutPCUpsellTop{
	position: relative;

	height: 100%;
	//	padding-bottom: 16px;
}
.cartCheckOutPCUpsellHeader{
	font-size: 14px;
	margin: 80px;
}
.cartCheckOutPCUpsellLeft{
	position: absolute;
	top: 16px;
	left: 16px;
	width: 16px;
	height: 16px;
}
.cartCheckOutPCUpsellRight{
	position: relative;
	top: 16px;
	left: 48px;
	width: calc(100% - 64px);
	margin-bottom: 16px;
	text-align: left;
	padding: 0px;
}



.checkoutMobileSticky > .btnPrimary {
	position: relative;
	top: 16px;
	margin-top: 16px;
	margin-bottom: 16px;
}
@media screen and (max-width: 375px) {
	.checkoutMobileSticky{
		position: fixed;
		width: 100%;
		height: 79px;
		border-top: 1px solid var(--rf_theme_accent);
		bottom: 0px;
		left: 0px;
		margin-bottom: 0px;
		z-index: 1;
		background-color: var(--rf_theme_base);
	}
	.checkoutMobileSticky > .btnPrimary {
		margin-right: auto;
		margin-left: auto;
		max-width: calc(100% - 16px);
		position: absolute;
		left: 8px;
		top: 16px;
	}
}

.cartPromoTopContainer{
	position: relative;
	font-size: 0px;
	height: 48px;
	
}
.cartPromoInput, .cartPromoInput:active, .cartPromoInput:hover, .cartPromoInput:focus {
	width: calc(60% - 26px)!important;
	margin: 0px;
	padding: 0px;
	position: relative;
	left: 0px!important;
	float: left;
	height: 46px;
	border: 1px solid var(--rf_theme_border);
	padding-left: 16px;
	font-size: 12px;
	letter-spacing: 1.5px;
}
.cartPromoInput::placeholder{
	letter-spacing: 0px;
}
.cartPromoButton  {
	position: relative;
	margin-left: 16px;
	margin: 0px!important;
	padding: 0px;
	width: 40%!important;
	right: 0px;
	float: right;

}
.cartPromoContainer{
	overflow: visible;
	transition: all .3s ease;
	height: auto;
	margin-bottom: 0px!important;
	text-align: left;

}

.coupon{
	position: relative;
	height: 0px;
	display: inline-block;
	overflow: hidden;
	width: 0px;
	box-shadow: 0 2px 4px 0 var(--rf_theme_border);
	transition: all .3s ease;
	top: 16px;
	margin-bottom: 16px;
	margin-right: 16px;
	vertical-align: top;
}
.coupon:first-of-type{
	margin-left: 0px;
	//	margin-top: 16px;
}
.couponInner{
	position: relative;
	
	font-size: 14px;
	line-height: 16px;
	padding: 16px;
	padding-right: 24px;
}
.couponActive {
	height: 100px;
}
.couponRemove{
	position: absolute;
	top: 14px;
	right: 4px;
	background-color: var(--rf_theme_base);
	color: var(--rf_theme_text);
	border-radius: 100%;
	text-align: center;
	height: 16px;
	width: 16px;
	font-size: 16px;
	line-height: 16px;
	
}
.cartSubHiddenLine{
	position: relative;
	width: 100%;
	margin: 0px;
	height: 0px;
	overflow: hidden;
	transition: all .3s ease;
	//	margin-bottom: 0px;

}


.cartCheckoutFreeShipping{
	position: relative;
	height: 0px;
	overflow: hidden;
	transition: all .3s ease;

}
.cartCheckoutFreeShipping > div:first-of-type{
	position: relative;
	padding: 16px;

}
.progressBarOuter{
	position: relative;
	height: 10px;
	border-radius: 16px!important;
	overflow: hidden;
	z-index: 4;
}
.progressBarInner{
	position: absolute;
	height: 100%;
	width: 25%;
	top: 0px;
	left: 0px;
	z-index: 5;
	border-radius: 16px;
	transition: all .5s ease;
}
.progressBarOuter:hover > .progressBarInner{
	width: 100%;
}




.pcPerkTooltip > div{
	margin-bottom: 8px;
}
.pcPerkCheck{
	width: 16px;
	position: absolute;
	left: 12px;
	font-size: 16px!important;
	font-weight: 700;
	color: #31C2E8;

}
.pcPerkText{
	width: calc(100% - 32px);
	position: relative;
	left: 24px;
}

.cartCheckoutFreeShippingNotice{
	margin-bottom: 16px;
}
.cartCheckoutNotice > div {
	padding: 8px;
}
.cartCheckoutNotice:after {
	border-top: 8px solid #000000;
	border-left: 8px solid transparent; 
	border-right: 8px solid transparent; 
	bottom: -8px;
	content: "";
	position: absolute;
	right: 0px;
	width: 0; 
	height: 0;
	background-color: transparent;
}
.cartCheckoutFreeShippingIcon:hover > .cartCheckoutNotice, {

}
.cartCheckoutNoticeActive {
	opacity: 1;
	box-shadow: 0 5px 10px 0 var(--rf_theme_border), 0 0 0 1px #dcdcdc inset;
	max-height: 300px;
	overflow: auto;
}



.cardConsultantWithImage{
	position: relative;
	width: 100%;

}
.cardConsultantWithImage img{
	position: absolute;
	height: 60px;
	width: 60px;
	border-radius: 30px;
	left: 5px;
	top: calc(50% - 30px);
}
.cardConsultantWithImage > div{
	position: relative;
	left: 72px;
	width: calc(100% - 72px);
}
.cardConsultantWithImage > div > p{
	line-height: 20px;
	font-size: 14px;
}
.cardConsultantWithImage > div > p:first-of-type{
	font-size: 16px;
}




.cardSelectContainer{
	box-shadow: 0 0 4px 0 rgba(0,0,0,.1);
	position: relative;
}

.cardSelectInner{
	position: relative;
	height: 100%;
	font-size: 14px;
	letter-spacing: 0;
	padding: 16px;
}


.cardSelectInner > div:first-of-type{
	position: absolute;
	top: 0px;
	left: 16px;
	width: 16px;
	height: 100%;
}
.cardSelectImage{
	left: 0px!important;
	width: 64px!important;
}
.cardSelectImage > img {
	position: absolute;
	top: calc(50% - 25px);
	left: 5px;
	border-radius: 25px;
	height: 50px;
	width: 50px;
}
.cardSelectInner > div:last-of-type{
	position: relative;
	top: 0px;
	left: 48px;
	width: calc(100% - 48px);
}
.cardSelectInner input {
	position: absolute;
	top: calc(50% - 7px);
	z-index: 500;
}
.cardSelectInner p {
	//	background-color: #ddccee;
}
.cardSelectContainer{
	margin-left: auto;
	margin-right: auto;
	width: 500px;
	max-width: 320px;
}
.cardSelectInner{
	max-width: 304px;
	border-bottom: 1px solid rgba(0,0,0,.1);
	border-left: 1px solid rgba(0,0,0,.1);
	border-right: 1px solid rgba(0,0,0,.1);
}

.cardSelectAdd {
	padding: 16px;
}
.cardSelectAdd > *{
	margin-top: auto;
	margin-bottom: auto;
}

.cardSelectAddress{
	margin: 0px;
}
.cardSelectAddress p {

	line-height: 20px;
}
.cardSelectAddress p:first-of-type {
	font-size: 14px!important;
	line-height: 20px;
}
.cardSelectAddress p:not(:first-of-type) {
	font-size: 12px!important;
	line-height: 20px;
}



.checkoutCustomerDetailsInner button{
	margin: 0px;
	margin-top: 16px;
}
.cardSelectInner > .inputRadio {
	position: relative;
	top: 2px;
	margin: 0px;
	padding: 0px;

}
.inputRadio{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid #000000;
	height: 14px;
	width: 14px;
	border-radius: 8px;
	background-color: var(--rf_theme_base);
	color: var(--rf_theme_base);
	transition: all .3s ease;
}
.inputRadioHidden{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: none;
	height: 14px;
	width: 14px;
	border-radius: 8px;
	background-color: transparent;
	color: transparent;
	transition: all .3s ease;
}

.inputRadio:not(:checked){
	box-shadow: 0 0 0 6px var(--rf_theme_base) inset;
}

.inputRadio:checked{
	background-color: #000000;
	box-shadow: 0 0 0 2px var(--rf_theme_base) inset;
}
.cardSelectInner:hover, .cardSelected{
	background-color: #F7F7F7;
}
.inputRadio:hover ~ p {
	color: #ff00cc;
}



.blendOverlay{
	mix-blend-mode: screen;

}

.imageFullWidth{
	width: 100%;
	max-width: 100%;
}
.imageFullHeight{
	//	height: 100%;
	//	max-height: 100%;
	max-width: 100%;
}

.video169Responsive {
	width: 1140px;
	height: 641px;
	max-width: 100vw;
	max-height: calc(100vw / 16 * 9);
}

.video169Responsive2 {
	width: 1100px;
	height: calc(1100px / 16 * 9);
	max-width: calc(100vw - 348px);
	max-height: calc((100vw - 348px)  / 16 * 9);
}
@media screen and (max-width: 1024px){
	.video169Responsive2{
		max-width: calc(100vw - 96px);
		max-height: calc((100vw - 96px)  / 16 * 9);
	}
}
iframe.video169Responsive {
	margin-bottom: -6px!important;
}

.container169{
	width: 100%;
	position: relative;
	padding-top: 56.25%;
}

.container169overlay{
	position: absolute;
	top: 0px;
	bottom: 0px;
	right: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	//	display: table;	
	opacity: 1;
	transition: opacity .1s ease;
}
.container169overlay.optionDisable{
	pointer-events: none;
	opacity: 0;
	transition: opacity .3s ease;
}
.container169overlayInner {
	display: table;
	position: absolute;
	vertical-align: middle;
	text-align: center;
	//	background-color: var(--rf_theme_accent);
	height: 100%;
	width: 100%;
}
.container169video{
	width: 100%;
	height: 100%;
	margin: 0px!important;
	padding: 0px!important;
	position: absolute;
	top: 0px;
	bottom: 0px;
}



.autoshipDashboardContainer{
	position: relative;
	width: calc(100% -2px);
	border: 1px solid #e5e5e5;
	margin-bottom: 16px;
}
.autoshipDashboardHeader{
	background-color: #F7F7F7;
	padding: 16px;

	text-align: left;
}
.autoshipDashboardInnerHeader{
	padding: 16px; 
	margin-bottom: 16px;
}
.autoshipDashboardInnerHeader div:first-of-type{
	text-align: left;
	float: left;
}
.autoshipDashboardInnerHeader div:last-of-type{
	text-align: right;
	float: right;
}
@media screen and (max-width: 950px){
	.autoshipDashboardInnerHeader div:first-of-type{

		text-align: left;
		float: none;
	}
	.autoshipDashboardInnerHeader div:last-of-type{
		text-align: left;
		float: none;
	}
}
.autoshipDashboardLowerOuter{
	overflow: visible;

}
.autoshipDashboardLowerInner{
	width: calc(33% - 2px);
	//	width: calc(50% - 2px);
	max-width: 302px;
	min-width: 150px;
	height: 100%;
	//	padding: 16px;
	//	border: 1px solid #e5e5e5;
	font-size: 0px;

	display: inline-block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 16px;
	top: 0px;
	position: relative;
	vertical-align: top;
}
@media screen and (max-width: 1050px) and (min-width: 768px) {
	.autoshipDashboardLowerInner{
		max-width: calc(100% - 64px);
		width: calc(100% - 64px);
		margin-bottom: 32px;
	}
}
@media screen and (max-width: 550px) {
	.autoshipDashboardLowerInner{
		max-width: calc(100% - 64px);
		width: calc(100% - 64px);
		margin-bottom: 32px;
	}
}
.autoshipDashboardLowerInner p{
	max-width: 100%;
	padding: 0px;
	padding-left: 16px;
	padding-right: 16px;
	padding-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;

}
.autoshipDashboardLowerInner:first-of-type{
	//	margin-left: 8px;
	//	margin-right: 8px;
	//	margin-right: calc(100% - 512px);

}
.autoshipDashboardLowerInner:last-of-type{
	//	margin-left: 16px;
	//	margin-right: 8px;
	//	margin-left: calc(100% - 512px);

}
.autoshipDashboardLowerInner p{
	margin-bottom: 0px;
}
.autoshipDashboardLowerCircle{
	height: 40px;
	width: 40px;
	background-color: #f7f7f7;
	border-radius: 22px;
	overflow: hidden;
	border: 1px solid #E8E8E8;
	margin-right: auto;
	margin-left: auto;

}
.autoshipDashboardLowerCircle div{
	position: relative;
	top: -1px;
	left: 1px;
	line-height: 42px;
	font-weight: 900;
}

.rotateLeft90{
	transform: rotate(-90deg);
}









.calendarContainer{
	position: absolute;
	z-index: 50;
	width: 0px;
	height: 100px
	left: 50%;
	background-color: var(--rf_theme_base);
	overflow: hidden;
	transition: all .3s ease;	
	box-shadow: 0 0 0 1px #b3b3b3 inset, 0 2px 4px 0 #b3b3b3;
}
.calendarContainerOuter{
	//	background-image: url("https://claritydeignsystem.com/images/swirls.mp4");
	background-blend-mode: multiply;
	background-repeat: none;
	background-size: 200% 200%;
	overflow: hidden;
	width: 375px;
	left: -187.5px;
	position: relative;
	transition: left .3s ease;
	//	margin-bottom: 16px;
}
.calendarContainer * {
	//	mix-blend-mode: darken;
}
.calendarContainerInner{
	min-height: 42px;
	line-height: 42px;
	padding: 0px;
	margin: 0px;
	width: 100%;

}
.calendarToday{

	font-family: RFgothamBlack;
}
.calendarNotification{
	height: auto;
	font-size: 12px;
	margin-top: 16px;
	font-family: RFgothamExLight;
}
.calendarSuper{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
}
.calendarSuperRotate{
	transform: rotate(-90deg);
}
.calendarSuperRotate p{
	top: 2px;
}
.calendarSuper p{
	text-align: center;
	padding: 0px;
	padding-left: 0px;
	font-size: 9px;
	line-height: 9px;
	font-family: RFgotham;
	color: rgba(0,0,0,.5);
	position: absolute;
	top: -4px;
	right: 0px;
	left: 0px; 
	margin: 0px;

}

.calendarContainerCalendarDisplay{
	height: 0px;
	margin-top: 8px;
	//	transition: all .15s ease;

}
.calendarContainerInner:not(:first-of-type){
	//border-top: 1px solid #d9d9d9;
}
.calendarContainerDays{
	border-top: 1px solid #d9d9d9;
	border-bottom: 1px solid #d9d9d9;
}
.calendarHeaderP{
	position: relative;
	margin: 0px;
	font-size: 12px;

}
.calendarHeaderP span:first-of-type, .calendarHeaderP span:last-of-type{
	position: absolute;
	line-height: 42px;
	font-size: 20px;
	transition: all .3s ease;
	color: #808080;
}
.calendarHeaderDisplay{
	transition: all .3s ease;
}

.calendarHeaderP span:hover{
	color: #000000;
}
.calendarHeaderP span:first-of-type{
	left: 16px;
}
.calendarHeaderP span:last-of-type{
	right: 16px;
}
.calendarContainerApplyButton{
	padding-right: 16px;
	padding-left: 16px;
	padding-top: 16px;
}
.calendarContainerClose{
	line-height: 42px;
}
.calendarRow{
	position: relative;
	font-size: 0px;
	height: 42px;
	margin: bottom: 0px;
	border: none;
}
.calendarColumn{
	display: inline-block;
	border: none;
	height: 42px;
	min-width: 42px;
	width: calc((100% / 7) - 1px);
	font-size: 12px;
	position: relative;
	margin: 0px;
	padding: 0px;
}

.calendarItem{

	position: absolute;
	border: 1px solid transparent;
	top: 6px;
	bottom: 6px;
	left: 6px;
	right: 6px;
	width: 30px;
	height: 30px;
	line-height: 30px;
	border-radius: 18px;
	transition: all .3s ease;
	text-align: center;


}
.calendarColumn:nth-of-type(2n){
	//	background-color: #ffcc00;
}
.calendarItemUnselectable{
	color: #a9a9a9;
	font-family: RFgothamExLight;
}
.calendarItemNextPrevMonth{
	color: var(--rf_theme_base);	
	
}
.calendarItemFull, .calendarItemRight, .calendarItemLeft, .calendarItemSingle{
	border: none;
	background-color: rgba(250,250,250,.5);
	//	background-image: url("https://claritydeignsystem.com/images/icons/slice1.png");
	color: #efefef;
	margin: 0px;
	padding: 0px;
	background-size: 16.8px 16.8px;

}
.calendarItemSingle{
	border-radius: 18px;
}
.calendarItemFull{
	left: 0px;
	right: 0px;
	width: 100%;
	border-radius: 0px;
}
.calendarItemRight, .calendarItemLeft{
	width: calc(100% - 5px);
}
.calendarItemRight{
	left: 0px;
	border-radius: 0px;
	border-top-right-radius: 18px;
	border-bottom-right-radius: 18px;
}
.calendarItemLeft{
	position: absolute;
	background-position: 0px 10px, right;
	right: 100px;
	border-radius: 0px;
	border-top-left-radius: 18px;
	border-bottom-left-radius: 18px;
}
.calendarItemSelectable:hover {
	border: 1px solid #3082ab;
	background: var(--rf_theme_base);
	box-shadow: 0 0 6px 0 rgba(152,190,217,1);
	color: #3082ab;
	//	font-family: RFgotham;
	cursor: pointer;
}
.calendarItemSelected{
	border: 1px solid #3082ab;

	background: var(--rf_theme_base);
	//	box-shadow: 0 0 6px 0 rgba(152,190,217,1);
	cursor: pointer;
	color: #3082ab;
	font-family: RFgothamBold;
}
.calendarItemCurrent{
	border: 1px solid #ffccaa;

	background: var(--rf_theme_base);
	//	cursor: pointer;
	color: #3082ab;
	font-family: RFgothamBold;
}
.calendarItemAutoShip{
	border: 1px solid #ffccaa;

	background: var(--rf_theme_base);
	cursor: pointer;
	color: #3082ab;
	font-family: RFgothamBold;
}












.leftNavMainContainer{
	//	background-color: #ffcc00;
	position: relative;
	clear: both;
	overflow: visible;
	transition: all .3s ease;
}
.leftNavLeftContainer{
	float: left;
	margin: 0px;
	padding-left: 16px;
	padding-right: 16px;
	width: 168px;
	left: 0px;
	text-align: left;
	position: relative;
	height: 100%;
	display: inline-block;
}
.leftNavRightContainer{
	position: relative;
	left: 200px;
	width: calc(100% - 304px);
	text-align: left;
	overflow: visible;
	//	height: 100px;


}
.leftNavCardContainer{
	transition: all 1s ease;
	perspective: 1000px;

}
@media screen and (max-width: 768px){
	.leftNavRightContainer{
		left: 0px;
		width: 100%;
	}
}
.leftNavCard, .leftNavCardAdd{
	//	right: 16px;
	height: 150px;
	width: 304px;
	position: absolute;
	background-color: var(--rf_theme_base);
	margin-bottom: 16px;
	margin-right: 16px;
	display: inline-grid;
	transition: all 1s ease;
	box-shadow: 0 2px 4px 0 var(--rf_theme_border);
	overflow: visible;
	z-index: 1;

}
.leftNavCardAdd{
	//	top: -10px;
}

.lefNavCardInner{
	position: relative;
	top: 0px;
	height: calc(100% - 32px);
	margin: 16px;
	//	background-color: var(--rf_theme_base);
	line-height: 22px;
	font-size: 16px;
}
.lefNavCardInner > div:first-of-type {
	width: 20px;
	height: 20px;

}
.lefNavCardInner p {
	width: calc(100% - 32px);
	margin: 0px;

}
.leftNavCardEditImageContainer{
	width: 272px;
	position: absolute;
	top: 0px;
	left: 16px;
	z-index: 2;
	height: 0px;
	overflow: hidden!important;
	transition: all 1s ease;
}
.leftNavCardEditImage{
	width: 272px;
}
.leftNavInnerDots{
	position: absolute;
	height: 48px;
	width: 32px;
	top: 0px;
	right: 0px;
	overflow: visible;

}

.leftNavInnerDots img {
	position: absolute;
	width: 8px;
	left: calc(50% - 4px);

}

.leftNavInnerDotsMenu{
	position: absolute;
	border: 0px solid transparent;
	top: 0px;
	right: 32px;
	width: 0px;
	height: 0px;
	overflow: hidden;
	box-shadow: 0 0 0 0 var(--rf_theme_border);
	transition: all .3s ease;
	background-color: var(--rf_theme_base);
}

.leftNavInnerDotsMenuItem{
	height: 48px;
	line-height: 48px;
}
.leftNavInnerDotsMenuItem p{
	padding-left: 8px;
	width: calc(100% - 8px);
}
.leftNavInnerDotsMenuItem:not(:first-of-type){
	height: 47px;
	border-top: 1px solid rgba(0,0,0,.1);
}
.leftNavInnerDotsMenuItem span{
	margin-right: 8px;
}
.leftNavInnerDotsActive > .leftNavInnerDotsMenu{
	width: 180px;
	height: 144px;
	border: 1px solid rgba(0,0,0,.2);
	box-shadow: 2px 2px 4px 0 var(--rf_theme_border);
}
.leftNavInnerDefault{
	position: absolute;
	height: 32px;
	width: 32px;
	bottom: 0px;
	right: 0px;
	text-align: center;
}
.leftNavInnerDefault p {
	line-height: 32px;
	font-size: 16px;
	color: transparent;
	width: 100%;
	transition: all .3s ease;
}
.leftNavInnerDefault:hover p {
	color: #C9C9C9;
}
.leftNavCardFly{
	animation-name: cardFly;
	animation-duration: 1s;
	animation-iteration-count: 1;
	animation-timing-function: ease;


	-moz-animation-name: cardFly;
	-moz-animation-duration: 1s;
	-moz-animation-iteration-count: 1;
	-moz-animation-timing-function: ease;
	//	transform-origin: 0px 0px;
}



@keyframes cardFly {
	0%{
		
	}
	50%{
		//		left: 200px;
		transform: scale(1.5);
		box-shadow: 5px 5px 15px 0 rgba(0,0,0,.75);
		z-index: 100;
		//		transform: rotate(-5deg);
		transform: rotate3d(1, 0, 0, 10deg)

	}
	75%, 25% {
		//		transform: scale(.9);
		
	}
	100%{

	}
}

.contentCardContainer{
	margin-left: auto;
	margin-right: auto;
	max-width: 1128px;
	width: 100%;
	clear: both;
	overflow: auto;
	

}
@media screen and (max-width: 1128px) {
	.contentCardContainer{
		width: 752px;

	}
}
@media screen and (max-width: 752px) {
	.contentCardContainer{
		width: 376px;
	}
}
@media screen and (max-width: 376px) {
	.contentCardContainer{
		max-width: 320px;
	}
	.contentCardSmall{
		width: 320px;
	}
	.contentCardSmallImg {
		height: 320px;
		width: 320px;
	}
}
@media screen and (max-width: 320px) {
	.contentCardContainer{
		width: 304px;
	}
	.contentCardSmall{
		width: 304px;
		background-color: #ffffcc;
	}
	.contentCardSmallImg {
		height: 304px!important;
		width: 304px!important;

	}
}

.contentCardSmall{
	max-width: 360px;
	position: relative;
	margin-left: 8px;
	margin-right: 8px;
	margin-bottom: 16px;
	float: left;

}
.contentCardSmallImg {
	position: relative;
	width: 360px;
	height: 360px;
}

.contentCardSmallBodyHide{
	height: 48px;
	overflow: hidden;
	white-space: wrap;
	text-overflow: ellipsis;
}




.bioModalCarouselContainer{
	width: 240px;
	height: 40px;
	position: relative;
}
.bioModalCarouselPrev, .bioModalCarouselNext {
	height: 40px;
	width: 28px;
	position: absolute;
	text-align: center;
	line-height: 40px;
	font-size: 16px;
	top: 0px;
}
.bioModalCarouselNext{
	right: 0px;
}
.bioModalCarouselPrev{
	left: 0px;
}

.bioModalCarouselThumbContainer{
	position: absolute;
	height: 40px;
	width: 184px;
	left: 28px;
	display: inline-block;
	font-size: 0px;
	overflow: hidden;
}
.bioModalCarouselThumbSlider{
	text-align: left;
	width: 600px;
	transition: all .3s ease;
	position: relative;
	left: 0px;
}
.bioModalCarouselThumbSlider:hover {
}
.bioModalCarouselThumb{
	font-size: 0px;
	display: inline-block;
	margin-right: 8px;
	height: 40px;
	width: 40px;
	transition: all .3s ease;
}

.bioModalCarouselThumbImage{
	height: 38px;
	width: 38px;
	z-index: 0;
	border: 1px solid transparent;
	transition: all .3s ease;
}
.bioModalCarouselThumbImage:hover, .bioModalCarouselThumbImageActive{
	border: 1px solid #000000;	
}







.bioModalContainer{
	
	position: relative;
	clear: both;
	overflow: auto;
	max-width: 718px;
}
.bioModalImageContainer{
	width: 240px;
	float: left;
}
.bioModalContentContainer{
	position: relative;
	text-align: left;
	float: right;
	width: calc(100% - 256px);
	max-height: 400px;
	overflow: auto;
}
.bioModalImg{
	height: 240px;
	width: 240px;
}

@media screen and (max-width: 600px){
	.bioModalImageContainer{
		float: none;
		margin-left: auto;
		margin-right: auto;
		position: relative;
	}
	.bioModalContentContainer{
		text-align: center;
		float: none;
		width: calc(100% - 16px);
		max-height: 400px;
	}
	.bioModalImg{
		height: 240px;
		width: 240px;
	}	
}
.bioModalImgPrev, .bioModalImgNext{
	position: absolute;
	height: 240px;
	width: 24px;
	line-height: 240px;
	font-size: 16px;
	top: 0px;
}
.bioModalImgPrev{
	left: -24px;
}
.bioModalImgNext{
	right: -24px;
}




.cardHeader{
	position: relative;
	background-color: #f7f7f7;
	font-size: 14px;
	line-height: 16px;
	padding: 16px;
	text-transform: uppercase;
	font-family: 'RFgothamBook';
}
.RF_100pc{
	height: 100%;
	width: 100%;
}
.RF_table{
	display: table;
	width: 100%;
	//	border-collapse: collapse;
}
.RF_tableCell{
	display: table-cell;
}
.RF_tableCell.optionMiddle{
	vertical-align: middle;
}
.RF_inlineBlock{
	display: inline-block;

}
.RF_tableRow{
	display: table-row;
}
.RF_tableRow.optionAlternate:nth-of-type(2n - 2){
	background-color: #eeeeee;
}
.RF_tableRow.optionAlternate:nth-of-type(2n - 1){
	background-color: #dddddd;
}


.RF_columnExSmall{
	width: 48px;
}
.RF_columnExSmall{
	width: 56px;
}
.RF_columnMedium{
	width: 200px;
}

@media screen and (max-width: 768px){
	.RF_tableRow > .RF_tableCell{
		display: block;
	}
	.RF_tableRow > .RF_tableCell:not(:first-of-type){
		background-color: var(--rf_theme_base);
		padding-left: 48px!important;
	}
}

.RF_table.tableRowBorderBottom > .RF_tableRow{
	border: none;
	border-bottom: 1px solid var(--rf_theme_accent)!important;
}


.splitFloatContainer{
	height: 100%;
	padding: 16px;
	position: relative;
	overflow: auto;
}
.splitNoFloat{
	position: relative;
	width: 494px;
	
	margin-left: auto;
	margin-right: auto;
	left: 0px;
}


.splitNoFloat, .splitFloatRight {
	border: 1px solid #dcdcdc;
	box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);
	transition: all .3s ease;
}

.splitFloatContainer > div:not(:last-of-type){
	margin-bottom: 16px;
}
.splitFloatRight{
	position: relative;
	width: 496px;
	top: 0px;
	margin-left: auto;
	margin-right: auto;
	min-height: 197px;
}
@media screen and (max-width: 768px) {
	.splitNoFloat, .splitFloatRight {
		width: 100%;
	}
}
@media screen and (max-width: 375px) {

	.splitFloatContainer{
		padding: 0px;
		border-left: none;
		border-right: none;
	}
	.PWScontainerContactInner{
		padding: 16px;
	}
}
@media screen and (min-width: 1024px) {
	.splitNoFloat{
		float: left;
		left: 0px;
	}
	.splitFloatRight{
		float: right;
		width: calc(100% - 548px);
		right: 0px;
	}	
}


.PWSimageNoticeContainer{
	transition: all .3s ease;
	overflow: hidden;
	height: 0px;
	margin: 0px;
	
	padding: 0px;
}

.PWSimageNoticeInner{
	position: relative;
	text-align: left;
	//	transition: all .3s ease;
	
}
.PWSimageNoticeInner > p{
	//	padding: 8px!important;
	position: relative;
	margin: 0px;
	margin-left: 32px;
	top: 0px;
	padding: 0px;

}
.PWSimageNoticeInner > span{
	position: absolute;
	top: 0px;
	left: 8px;
}

.PWSthumbnailContainerWrapper{
	width: 516px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	overflow: auto;
	text-align: left;
}
@media screen and (max-width: 616px){
	.PWSthumbnailContainerWrapper{
		width: 344px;
	}
}
@media screen and (max-width: 500px){
	.PWSthumbnailContainerWrapper{
		width: 172px;
	}
}
.PWSthumbnailContainerWrapper:after{
	content: "";
	clear: both;
}
.PWSthumbnailOuter{
	width: 164px;
	margin-left: 4px;
	margin-right: 4px;
	display: inline-block;
	text-align: center;
}
.PWSthumbnailContainer{
	width: 156px;
	height: 156px;
	overflow: hidden;
	border: 4px solid transparent;
	position: relative;
	transition: all .3s ease;
	
}



.PWSthumbnailSelected{
	border-color: #7bafd4;
}
.PWSthumbnailImageContainer{
	width: 152px;
	height: 152px;
	position: absolute;
	top: 2px;
	left: 2px;
	z-index: 50;

}
.PWSthumbnailImage{
	width: 100%;
	z-index: 0;
}
.PWSthumbnailCircle{
	border-radius: 82px;

}
.PWSthumbnailCircle >.PWSthumbnailImageContainer  {
	border-radius: 100%;
	overflow: hidden;

}



.PWSthumbnailNotice{
	position: absolute;
	bottom: 0px;
	width: 100%;
	height: 50px;
	line-height: 50px;
	text-align: center;
	font-size: 14px;
	z-index: 2;
	text-transform: capitalize;

}
.rejected > * > .PWSthumbnailNotice{
	background-color: #fff6e6;
	color: #9D5B10;
	transition: all .3s ease;
}
.rejected.PWSactive {
	border-color: #9D5B10; 
}
.rejected.PWSactive > * > .PWSthumbnailNotice{
	background-color: #9D5B10;
	color: var(--rf_theme_base);
}
.rejected  > .PWSthumbnailNotice {
	border-color: #ffccaa;
}


.pending > * > .PWSthumbnailNotice{
	background-color: #F1FDFF;
	color: #31668C;
	transition: all .3s ease;
}
.pending.PWSactive{
	border-color: #31668C;
}
.pending.PWSactive > * > .PWSthumbnailNotice{
	background-color: #31668C;
	color: var(--rf_theme_base);
}



.PWSmyStoryEditorContainer{
	position: relative;

	width: calc(100% - 16px);
	max-width: 500px;
	margin-left: auto;
	margin-right: auto;
	//	height: 400px;

}
.PWSmyStoryEditor{
	height: 336px;
	width: calc(100% -2px);
	border: 1px solid var(--rf_theme_text);
}
.PWSmyStoryEditor > div {
	border-bottom: 1px solid var(--rf_theme_text);
}
.PWSeditOffset{
	top: 16px;
}

.inputTextLargeField{
	height: calc(100% - 82px);
	width: calc(100% - 32px);
	vertical-align: top;
	padding: 0px;
	border: none;
	font-size: 16px;
	line-height: 24px;
	resize: none;

	border: none;
	overflow: auto;
	outline: none;

	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	padding: 16px;

}



.PWScontainerContactInner{
	padding: 16px;
}
.PWScontainerMyStoryInner{
	padding: 32px;
}
.PWSavatarContainer{
	position: relative;
	width: 80px;
	text-align: center;
	display: inline-block;
	margin: 0px;

}
.PWSgalleryImageContainer{
	position: relative;

}
.PWSavatar {
	height: 80px;
	width: 80px;
	margin: 0px;
}
.PWSgalleryImage{
	height: 80px;
	width: 80px;
	display: inline-block;
	position: relative;
}
.PWSgalleryImage:nth-of-type(2){
	left: calc(25% - 20px);

	position: absolute;
}
.PWSgalleryImage:nth-of-type(3){
	left: calc(75% - 60px);
	position: absolute;
}
.PWSgalleryImage:nth-of-type(4){
	left: calc(100% - 80px);
	position: absolute;
}
.PWSavatar img, .PWSgalleryImage img{
	height: 100%;
	width: 100%;
	border-radius: 100%;
	//	margin-bottom: -10px;	
}

.PWScontactContainer{
	left: 16px;
	position: relative;
	width: calc(100% - 106px);
	text-align: center;
	display: inline-block;
	vertical-align: top;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;

}
.PWScontactContainer > *{
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.PWScontactContainerInner{
	position: relative;
	display: inline-block;
	vertical-align: middle;
	height: 60px;
}

.PWSmyFavoritesContainer{
	position: relative;

}
.PWSmyFavoritesImageContainer{
	position: relative;
	height: 80px;
	width: 80px;
	display: inline-block;
	font-size: 0px;

}
.PWSmyFavoritesImageContainer img{
	position: relative;
	height: 80px;
	width: 80px;
}
.PWSmyFavoritesTitleContainer{
	position: relative;
	margin-left: 16px;
	width: calc(100% - 116px);
	display: inline-block;
	font-size: 0px;

}
.PWSmyFavoritesEditContainer{
	position: absolute;
	right: -16px;
	top: 0px;
}

.PWSeditContact{
	position: relative;
	text-align: center;
	min-width: 304px;
	max-width: 800px;
	width: calc(100% - 16px);
	margin-right: auto;
	margin-left: auto;

}



.XXXXPWSeditContact{
	position: absolute;

	top: 75px;
	right: 128px;
	width: 300px;
	z-index: 400000;
	background-color: var(--rf_theme_base);
	border: none;
	transition: all .3s ease-out;
	height: 0px;
	box-shadow: 0 2px 4px 0 rgba(0,0,0,0);
	overflow: hidden;

}

.PWSmyGalleryCarouselContainer{
	max-width: 400px;


	width: 100%;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}
.PWSmyGalleryCarouselCaretLeft, .PWSmyGalleryCarouselCaretRight, .PWSmyGalleryCarouselWindow{
	
	font-size: 0px;
	padding: 0px;
	margin: 0px;
	top: 0px;
}
.PWSmyGalleryCarouselCaretLeft, .PWSmyGalleryCarouselCaretRight{
	position: absolute;
	width: 24px;
	font-size: 24px;
	height: 100%;
	
	text-align: center;
}
.PWSmyGalleryCarouselCaretLeft span, .PWSmyGalleryCarouselCaretRight span{
	line-height: 352px;
}
.PWSmyGalleryCarouselWindow{
	position: relative;
	width: calc(100% - 48px);
	height: 352px;
	background-color: var(--rf_theme_accent);
	left: 24px;
	overflow: hidden;
}

.PWSmyGalleryCarouselCaretRight{
	right: 0px
}
.PWSmyGalleryCarouselSlider{
	position: relative;
	left: 0px;
	height: 100%;
	width: 176px;
	font-size: 0px;
	transition: all .3s ease;
}
.PWSmyGalleryCarouselSliderInner{
	position: relative;
	top: 0px;
	height: 100%;
	display: inline-block;
}
.PWSmyGalleryCarouselSliderInner img{
	height: 100%;
}

.disabled{
	opacity: .1;
	pointer-events: none;
}
.transition{
	transition: all .3s ease;
}


.IUwrapper{
	min-width: 304px;
	width: calc(100% - 16px);
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
}
.IUcontainer {
	margin-left: auto;
	margin-right: auto;
	height: 400px;
	width: 400px;
	position: relative;
	overflow: hidden;
	cursor: move!important;	
	
	z-index: 4;
}
.IUmaskContainer{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;

	overflow: hidden;
}
.IUmaskContainer img{
	width: calc(100% - 32px);
	height: calc(100% - 32px);
	top: 0px;
	left: 0px;
	z-index: 2;
	padding: 0px;
	margin: -0px;
	border: 16px solid rgba(0,0,0,.5);
}
.IUimageBackground{
	position: relative;
}
.IUimage{
	position: absolute;
	z-index: 1;
}
.IUoverlay{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 1000;
}
.IUmask{
/*			height: 600px;
width: 400px;*/
position: absolute;
top: -100px;
left: 0px;
pointer-events: none;
}
.flexSpacer{
	width: 1%;
	min-width: 16px;
	height: 32px;
	//				background-color: #ccddcc;
	display: inline-flex;
}





.dropDownMenuContainer{
	position: relative;
	border: none;
	border-bottom: 1px solid var(--rf_theme_text);
	width: 100%;
	max-width: 304px;
	margin-left: auto;
	margin-right: auto;
	cursor: pointer;
}
.dropDownMenuContainer, .dropDownMenuContainer * {
	height: 32px;
	line-height: 32px;
	font-size: 14px;
	font-family: RFgothamLight;
}
.dropDownMenuHeader{
	//	padding-left: 16px;
	text-align: left;
	transition: all .3s ease;
}
.dropDownCarrot{
	transition: all .3s ease;
	position: absolute;
	right: 0px;
	font-size: 12px;
}
.dropDownDisabled{
	border-bottom: 1px solid #b5b5b5;
}
.dropDownDisabled, .dropDownDisabled *{
	color: #b5b5b5!important;
	pointer-events: none;
}
.dropDownMenuContainerActive .dropDownCarrot{
	//	transform: rotate(90deg);
}
.dropDownMenuContainerActive .dropDownMenu {
	height: 48px;
	box-shadow: 0 2px 4px 0 rgba(0,0,0,1)
}
.dropDownMenu{
	top: 32px;
	transition: all .3s ease;
	width: 100%;
	overflow: hidden;
	position: absolute;
	height: 0px;
	z-index: 20;
	//	max-height: 192px;
	//	overflow: auto;
}

.dropDownMenu::-webkit-scrollbar {
	width: 20px;  /* remove scrollbar space */
	margin-right: -20px;
	//  background: transparent;  /* optional: just make scrollbar invisible */
}
/* optional: show position indicator in red */
.dropDownMenu::-webkit-scrollbar-thumb {
	background: #FF0000;
}


.dropDownMenuItem{
	padding-left: 16px;
	background-color: #f7f7f7;
	z-index: 3;
	transition: all .3s ease;
	height: 48px;
	line-height: 48px;
	text-align: left;
}
.dropDownMenuItem:not(:last-of-type){
	//	height: 31px;
	//	border-bottom: 1px solid var(--rf_theme_accent);
}

.dropDownMenuItem:nth-of-type(2n){
	//	background-color: #f7f7f7;
}
.dropDownMenuItem:hover {
	font-family: RFgothamBook;
	background-color: #d5d5d5!important;
}












.cartMainContainer{
	width: 100%;
	position: relative;
	max-width: calc(100% - 96px);
	margin-left: auto;
	margin-right: auto;
	left: 0px;
	overflow: visible;
}

.cartHeader, .checkoutHeader{
	position: relative;
	height: auto;
	top: 0px;
	left: 0px;
	right: 0px;
	padding-bottom: 55px;
	padding-top: 55px;
}
.cartHeader p, .checkoutHeader p{
	margin-bottom: 0px;
	margin-top: 0px;
}
.cartHeader > div, .checkoutHeader > div{
	position: relative;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
}
.cartInnerContainer, .checkoutInnerContainer{
	position: relative;
	top: 0px;
	left: 0px;
	width: 100%;
	height: auto;
	//	min-height: 300px;
	margin-left: auto;
	margin-right: auto;	
	//	overflow: hidden;
	
}
.cartInnerContainer::after, .checkoutInnerContainer::after{
	content: "";
	position: absolute;
	height: 0px;
	width: 100%;
	left: 0px;
	

	clear: both;	
}

.cartLeftContainer{
	//	float: left;
	min-width: 300px;
	width: calc(100% - 422px);
	overflow: visible;
	vertical-align: top;
	position: relative;
	display: inline-block;
}

.cartItemWrapper{
	border-left: 1px solid var(--rf_theme_border);
	border-right: 1px solid var(--rf_theme_border);
}
.cartItemWrapper:last-of-type{
	border-bottom: 1px solid var(--rf_theme_border);
}

.cartItemContainer{
	position: relative;
	transition: all .3s ease;
	height: auto;
	overflow: hidden;
	border: none;
	border-top: 1px solid var(--rf_theme_border);
}
.cartItemContainer:not(:first-of-type) {
	border-top: none;
}

.cartItemContainerInner {
	padding:24px;
}
.cartItemDeletedContainer {
	position: relative;
	left: 0px;
	width: 100%;
	height: 0px;
	transition: all .3s ease;
	opacity: 0;
	overflow: hidden;
	border: none;
}
.cartItemDeletedContainer div:first-of-type {
	padding: 16px;
	width: calc(100% - 100px);
	left: 0px;
	text-align: left;
}
.cartItemDeletedContainer div:last-of-type {
	position: absolute;
	width: 100px;
	right: 16px;
	top: 16px;
	text-align: right;
}
.cartItemContainer:not(:first-of-type){
	border-top: none;
}
.cartItemLeftContainer{
	position: absolute;
	height: 104px;
	width: 104px;
}
.cartItemLeftContainer img{
	height: 104px;
	width: 104px;
	left: 0px;
	top: 0px;
}
.cartItemCenterContainer{
	position: relative;
	left: 128px;
	width: calc(100% - 128px);
}
.cartItemName{
	font-size: 14px;
	line-height: 22px;
	font-family: RFgotham;
	margin-bottom: 8px;
}
.cartItemSKU, .cartItemShade, .cartSV, .cartItemPrice {
	position: relative;
	font-size: 12px;
	line-height: 16px;
	height: auto;
	font-family: RFgotham;
	margin-bottom: 8px;
}
.cartItemPrice{
	//	background-color: #ffccaa;
}
.cartItemPrice p {

	margin: 0px;
	padding: 0px;
	line-height: 16px;
	height: 16px;
}
.cartItemPrice p:first-of-type {
	margin-top: 16px;

}
.cartItemDiscount p:first-of-type {
	margin-top: 6px;
	text-decoration: line-through;
	color: var(--rf_theme_border)
}
.cartSelectedShade{
	display: inline-block;
	vertical-align: middle;
	position: relative;
	height: 16px;
	width: 16px!important;
	top: -1px;
	padding: 0px;
	border-radius: 2px;
	content: "A";
}




.cartQtyContainer{
	height: 44px;
	position: relative;
}

.cartQtyContainer ~ *{
	height: 46px;
	line-height: 48px;
	
}
.cartQtyInnerContainer{
	position: relative;
	width: 144px;
	font-size: 0px;
	height: 48px;
	border: 1px solid var(--rf_theme_border);
	border-radius: 2px;
}

.cartQtyInner{
	position: relative;
	height: 46px;
	line-height: 48px;
	width: 46px;
	text-align: center;
	font-size: 16px;	
	transition: all .3s ease;
	background-color: var(--rf_theme_base)!important;
	display: inline-block;
	margin: 0px;
	color: var(--rf_theme_text);

}
.cartQtyInner > input {
	background-color: var(--rf_theme_base);
	color: var(--rf_theme_text);
	top: 0px;
	border: none;
}
.cartQtyInner, .cartQtyInner * {
	height: 46px;
	line-height: 48px;
	font-family: 'RFgothamExLight'
}
.cartQtyInner:first-of-type {
	border-top-left-radius: 2px;
	border-bottom-left-radius: 2px;
	border-right: none;
}
.cartQtyInner:last-of-type {
	border-top-right-radius: 2px;
	border-bottom-right-radius: 2px;
	border-left: none;
}
.cartQtyInner:first-of-type:hover, .cartQtyInner:last-of-type:hover {
	cursor: pointer;
	//	background-color: rgba(0,0,0,.05);

}
.cartQtyInner:nth-of-type(2){
	width: 48px;
	border-left: none;
	border-right: none;

}

.cartQtyInner > input {
	position: relative;
	width: 48px!important;
	height: 46px!important;
	text-align: center;

}





.cartItemRightContainer{
	position: absolute;
	bottom: 24px;
	height: 100px;
	right: 24px;
	width: 60px;
	text-align: right;
	padding: 0px;
}
.cartItemPrice{
	position: absolute;
	bottom: 0px;
	margin: 0px;
	padding: 0px;
}
.cartItemDiscount, .cartItemDiscount *{
	line-height: 22px;
	margin: 0px;
	padding: 0px;
}
.cartContinueButton{
	position: relative;
	height: 50px;
	margin-top: 24px;
	margin-bottom: 24px;
}
.cartButton{
	position: absolute;
	top: 0px;
	right: 0px;
	margin: 0px;
	max-width: 100%!important;
}
.cartRightContainer{
	//	float: right;
	display: inline-block;
	position: relative;
	width: 390px;
	right: 0px!important;
	top: 0px;
	margin: 0px;

	padding: 0px;
	margin-left: 27px;
	margin-right: 0px;

	overflow: visible;
}
.cartRightContainer::after, .cartLeftContainer::after{
	content: "";
	position: absolute;
	right: 0px;
	width: 100%;

	bottom: 0px;
	clear: both;	

}



.cartRightOuterContainer{
	border: 1px solid var(--rf_theme_border);
}
.cartRightInnerContainer{
	padding: 16px;
}
.cartRightInnerContainer p {
	margin: 0px;
	padding: 0px;
}
.cartSubtotal, .cartTotalSV, .cartEstimatedTotal, .cartShipping{
	position: relative;
	line-height: 32px;
	height: 32px;
}
.cartSubtotal p, .cartTotalSV p, .cartEstimatedTotal p, .cartShipping p{
	margin-bottom: 0px;
}
.cartRightContainer p{
	margin-right: 16px;
	margin-left: 16px;
}
.cartRightContainer hr{
	margin-right: 0px;
	margin-left: 0px;
	border: none;
	background-color: var(--rf_theme_border);
	height: 1px;
	width: auto;
}
.cartSummary{
	background-color: #f7f7f7;
	padding: 0px;
	font-size: 14px;
	font-family: 'RFgothamBook';
	letter-spacing: 2px;
	text-transform: uppercase;
}
.cartSummary p {
	margin: 0px;
	padding: 0px;
}



.cartPCPerks {
	border: 1px solid var(--rf_theme_border);
	height: 0px;
	transition: height .3s ease
}

@media screen and (max-width: 900px) {
	.cartRightContainer{
		width: 300px;
		margin-left: 0px;
		margin-top: 16px;
	}
	.cartLeftContainer{
		width: calc(100% - 322px);
	}
}


@media screen and (max-width: 768px) {
	.cartItemContainer{
		padding: 16px;
	}
	.cartRightContainer {
		position: relative;
		float: none;
		width: calc(100% - 32px);
		max-width: 600px;
	}
	.cartLeftContainer{
		position: relative;
		float: none;
		margin-right: auto;
		margin-left: auto;
		width: calc(100% - 32px);
		max-width: 600px
	}
	.cartMainContainer{
		max-width: 100%;
		left: 0px;
	}
	.cartButton{
		position: relative;
	}
}
@media screen and (max-width: 500px) {
	.cartRightContainer, .cartLeftContainer{
		width: 100%;
	}
	.cartItemContainer{
		padding: 12px;
	}
	.cartItemCenterContainer{
		left: 92px;
		width: calc(100% - 92px);
	}
	.cartItemLeftContainer img{
		height: 80px;
		width: 80px;
	}
	.cartItemLeftContainer {
		width: 80px;
		height: 80px;
	}
	.cartHeader, .checkoutHeader{
		font-size: 24px;
	}
}




.formContainer{
	position: relative;
}





.cartCheckoutFullWidth{
	position: relative;
	width: 100%;
	margin: 0px;
	margin-bottom: 16px;
	transition: all .3s ease;

}
.cartCheckoutFullWidth p{
	margin: 0px;
}
.cartCheckoutLeftAlign{
	position: relative;
	left: 0px;
	top: 0px;
	width: calc(100% - 84px);
	min-width: 136px;
	text-align: left;
	margin: 0px;
}
.cartCheckoutRightAlign{
	position: absolute;
	top: 0px;
	right: 0px;
	text-align: right!important;
	width: 88px;
	margin: 0px;
}
.cartCheckoutLeftAlign p, .cartCheckoutRightAlign p{
	margin: 0px;
}
.cartCheckoutFullWidth:last-of-type{
	margin-bottom: 0px;
}


.checkoutMainContainer{
	width: calc(100% - 64px);
	position: relative;
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
	clear: both;
	overflow: auto;
}
.checkoutLeftContainer{
	float: left;
	width: 100%;
	max-width: 390px;
	margin-left: auto;
	margin-right: auto;
	counter-reset: checkoutCustomerDetailsCounter;
}


.checkoutCustomerDetailsContainer{
	border: 1px solid #F7F7F7;
	background-color: #F7F7F7;
	width: calc(100% - 34px);
	position: relative;
	margin-bottom: 18px;
	text-align: left;
	padding: 16px;
	transition: all .3s ease;
	overflow: hidden;
}
.cardEditing {
	border: 1px solid rgba(0,0,0,.1);
	background-color: var(--rf_theme_base);
}
.cardEditing > .checkoutCustomerDetailsInner > .checkoutCustomerDetailsCounter{
	background-color: #000000;
	color: var(--rf_theme_base);
}
.cardEditing > .checkoutCustomerDetailsInner > .checkoutCustomerDetailsTitle{
	color: #000000;
}
.cardEditing > .checkoutCustomerDetailsInner > .checkoutEdit{
	opacity: 1;
	overflow: visible;
}
.cardEditing > .checkoutCustomerDetailsInner > .checkoutNoEdit{
	opacity: 0;
	overflow: hidden;
	height: 0px;

}
.checkoutEdit{
	position: absolute;
	overflow: hidden;
	height: 0px;
	width: 100%;
	left: 0px;
	top: 0px;
	transition: all .3s ease;
	background-color: var(--rf_theme_base);
	opacity: 0;
	z-index: 200;
}
.checkoutNoEdit{
	opacity: 1;
	transition: all .3s ease;
}
.checkoutCustomerDetailsContainer:hover #billing{
	height: 0px;

}
.checkoutCustomerDetailsContainer .checkoutCustomerDetailsCounter{
	background-color: var(--rf_theme_accent);
	color: var(--rf_theme_base);
}


.checkoutRightContainer{
	float: right;
	width: 356px;
	right: 0px;
	top: 0px;
	margin: 0px;
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
}


.checkoutOverflowHidden{
	overflow: hidden!important;
	transition: all .3s ease;
	height: auto;
}
.height0{
	height: 0px;
}
.height16{
	height: 16px;
}
.height24{
	height: 24px;
}
.height32{
	height: 32px;
}
.height48{
	height: 48px;
}
.height64{
	height: 64px;
}

.height128{
	height: 128px!important;
}






.lineHeight16{
	line-height: 16px!important;
}
.lineHeight24{
	line-height: 24px!important;
}
.lineHeight32{
	line-height: 32px!important;
}
.lineHeight48{
	line-height: 48px!important;
}
.lineHeight64{
	line-height: 64px!important;
}





.checkoutCustomerDetailsInner{
	position: relative;
	top: 0px;
	padding: 0px;
	margin-bottom: 16px;
	transition: all .3s ease;
}
.checkoutCustomerDetailsInner:last-of-type{
	margin-bottom: 0px;
}
.checkoutCustomerDetailsInner p{
	padding: 0px;
	line-height: 24px;
	margin: 0px;
	font-size: 16px;
	font-weight: 100;
	font-family: RFgotham;
}
.checkoutCustomerDetailsTitle{
	position: absolute;
	left: 44px;
	top: 0px;
	line-height: 32px;
	font-family: RFgotham;
	text-transform: uppercase;
	font-size: 16px;
}

.checkoutCustomerDetailsCounter{
	transition: all .3s ease;
	height: 32px;
	width: 32px;
	border-radius: 100%;
	line-height: 32px;
	text-align: center;

}
.checkoutCustomerDetailsCounter p{
	line-height: 32px;
	font-size: 14px;
	font-family: RFgotham;
}
.checkoutCustomerDetailsCounter p:before{
	counter-increment: checkoutCustomerDetailsCounter;
	content: counter(checkoutCustomerDetailsCounter);
}
.checkoutCustomerDetailsEdit{
	position: absolute;
	right: 0px;
	top: 0px;
	line-height: 32px;
	font-size: 14px;
}
.checkoutSummary{
	font-size: 14px;
	line-height: 44px;
	height: 44px;
	
}
.checkoutSummary p{
	margin-bottom: 0px;
}
.checkoutRightOuterContainer{
	padding: 16px;
	position: relative;
}
.checkoutRightInnerContainer{
	position: relative;
}
.checkoutRightOuterContainer{
	border: 1px solid var(--rf_theme_border);
}
.checkoutRightOuterContainer:not(:first-of-type){
	border-top: none;
}
.checkoutItemContainer{
	position: relative;
}
.checkoutItemImageContainer{
	height: 80px;
	width: 80px;
}
.checkoutItemImageContainer img{
	height: 80px;
	width: 80px;
}
.checkoutItemPriceContainer{
	position: absolute;
	top: 0px;
	right: 0px;
	width: 88px;
	height: 80px;
}
.checkoutItemPriceContainer p{
	margin: 0px;
	text-align: right;
}
.cartCheckoutItemInner{
	position: relative;
	margin-top: 8px;
}

.checkoutRightContainer{
	width: calc(100% - 440px);
	min-width: 300px;
}


@media screen and (max-width: 750px){
	.checkoutLeftContainer{
		float: none;
	}
	.checkoutRightContainer{
		width: 100%;
		max-width: 390px;
		float: none;
	}
}
@media screen and (max-width: 400px){
	.checkoutLeftContainer{
		width: 100%;
		float: none;
		margin: 0px;
	}
	.checkoutRightContainer{
		width: 100%;
		float: none;
		margin: 0px;
	}
	.checkoutMainContainer{
		max-width: 100%;
		width: 100%;
	}
}













.strikethrough{
	text-decoration: line-through;
	color: var(--rf_theme_border);
}







.containerMainLoadingAnimation{
	position: fixed;
	top: 50%;
	bottom: 50%;
	left: 50%;
	right: 50%;
	background-color: rgba(255,255,255,0);
	z-index: 9999;
	-webkit-backdrop-filter: blur(0px);
	backdrop-filter: blur(0px);
	transition: background-color .3s ease;
	overflow: hidden;
}
.loadingAnimation{
	position: absolute;
	top: calc(50% - 48px);
	left: calc(50% - 48px);
	height: 80px;
	width: 80px;
	background-color: transparent;
	border-radius: 100%;
	border-color: #7bafd4 var(--rf_theme_accent) var(--rf_theme_accent) var(--rf_theme_accent);
	border-width: 8px;
	border-style: solid;
	display: none;
}

.containerMainLoadingAnimation.loadingAnimationActive{
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-color: rgba(255,255,255,.9);
	-webkit-backdrop-filter: blur(2px);
	backdrop-filter: blur(2px);

}
.loadingAnimationActive > .loadingAnimation{
	animation: loadingAnimation .9s linear infinite;
	-webkit-animation: loadingAnimation .9s linear infinite;
	display: block;
}

@keyframes loadingAnimation{
	0% {
		transform: rotate(0deg);		
	}
	100% {
		transform: rotate(360deg);
	}
}








.containerMainModal{
	position: fixed;
	top: 50%;
	bottom: 50%;
	right: 50%;
	left: 50%;
	overflow: hidden;
	background-color: transparent;
	-webkit-backdrop-filter: blur(0px);
	backdrop-filter: blur(0px);
	z-index: 1000;	
	transition: opacity .3s ease, top 0s .3s, right 0s .3s, bottom 0s .3s, left 0s .3s;
	padding: 0px;
	opacity: 0;
	pointer-events: none;
}
.containerMainModalOverlay{
	height: 100%;
	width: 100%;
	position: absolute;
}
.containerMainModal.optionActive{
	top: 0%;
	bottom: 0%;
	right: 0%;
	left: 0%;
	background-color: rgba(96,96,96,.7);
	//background-color: rgba(255,255,255,.9);
	transition: opacity .3s ease, top 0s, right 0s, bottom 0s, left 0s;
/*	-webkit-backdrop-filter: blur(2px);
backdrop-filter: blur(2px);*/
opacity: 1;
pointer-events: all;
}
.containerMainModalPadTD{
	height: 48px;

}
.containerMainModalFrame{
	/*width: 100%;
	max-width: 740px;	
	min-width: 320px;*/
	max-height: calc(100% - 96px);
	position: relative;
	background-color: var(--rf_theme_base);
	margin-left: auto;
	margin-right: auto;
	display: inline-block;
	overflow: hidden;
	box-shadow: 0 0 8px 0 rgba(0,0,0,.5);
}
@media screen and (max-width: 500px){
	.containerMainModalFrame{
		//		margin-top: 0px;
		//		margin-bottom: 0px;
	}


}
.containerMainModalHeader{
	height: 16px;
	padding: 16px;
	margin: 0px;
	box-shadow: 0 2px 2px 0 rgba(0,0,0,.1);
	z-index: 1;
	position: relative;
}
.containerMainModalTertiary{
	padding: 0px;
	max-width: calc(100% - 64px);
	text-align: left;	
	font-size: 14px;
	line-height: 16px;
	position: absolute;
	left: 16px;	
}
.containerMainModalClose{
	padding: 0px;
	width: 16px;
	text-align: right;
	font-size: 16px;
	line-height: 16px;
	position: absolute;
	right: 16px;
}
.containerMainModalFooter{
	height: 48px!important;
	padding: 16px;
	position: relative;
	width: calc(100% - 32px);
	box-shadow: 0 -2px 2px 0 rgba(0,0,0,.1);
	background-color: transparent;
}
.containerMainModalFooter button{
	/*display: block;
	position: relative;
	margin: 0px;
	margin-right: 0px;
	margin-left: auto;*/
}

.containerMainModalContent{
	position: relative;
	height: 1px;
	min-width: 320px;
	height: calc(100% - 128px);
	overflow-y: scroll;
	overflow-x: hidden;
	padding: 16px;
	z-index: 0;
}
.containerMainModalContent * p {
	margin: 0px;
}
.containerMainModalContent * p:not(:last-of-type) {
	//	margin-bottom: 16px;
}

/*.containerMainModalContent::-webkit-scrollbar {
	-webkit-appearance: none;
	width: 8px;
}
.containerMainModalContent::-webkit-scrollbar-thumb {
	border-radius: var(--rf_style_borderRadius);
	background-color: rgba(0, 0, 0, 1);
	-webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 1);
	box-shadow: 0 0 1px rgba(255, 0, 255, .5);
	}*/

	@media screen and (max-width: 375px){
		.containerMainModalInner{

			margin: 0px!important;

		}
		.containerMainModalContent{
			//		height: 100%;
			overflow: scroll;
		}
	}



	.containerMainModalOuter{
		overflow: auto;
		height: auto;
		width: auto;
	}
	.containerMainModalInner{
		position: relative;
		margin: auto;
		max-width: 624px;
		width: auto;
		background-color: var(--rf_theme_base);
		box-shadow: 0 0 10px 0 var(--rf_theme_border);
		border: 1px solid #bfbfbf;
		padding: 32px;
		padding-top: 16px;
		max-height: 100%;
		margin: 16px;
	}




	.modalContentSmall{
		width: 100%;
		max-width: 320px;
		position: relative;
	}
	.modalContentMedium{
		width: 100%;
		max-width: 650px;
		position: relative;
	}
	.modalContentLarge{
		width: 100%;
		max-width: 940px;
		position: relative;
	}
	.RFmin320{
		min-width: 300px;
	}










	.containerMainOverlay{
		opacity: 0;	
		position: fixed;
		top: 50%;
		bottom: 50%;
		right: 50%;
		left: 50%;
		background-color: transparent;
		transition: background-color .3s ease;
		z-index: -1;
		-webkit-backdrop-filter: blur(0px);
		backdrop-filter: blur(0px);
		pointer-events: none;
	}
	.containerMainOverlay.optionActive{
		-webkit-backdrop-filter: blur(.1px);
		backdrop-filter: blur(.1px);
		top: 0%;
		bottom: 0%;
		right: 0%;
		left: 0%;
		opacity: 1;
		z-index: 500;
		pointer-events: all;
		background-color: rgba(0,0,0,.1);
		//	background-color: transparent;
	}










	.mobile{
		overflow: hidden!important;
		display: none!important;
	}
	.tablet{

	}
	.desktop {

	}
	@media screen and (max-width: 768px) {
		.desktop{
			height: 0px!important;
			overflow: hidden!important;
			display: none!important;
		}
		.mobile{
			overflow: auto!important;
			display: inline-block!important;
		}

	}
	@media screen and (max-width: 600px) {
		.tablet{
			height: 0px!important;
			overflow: hidden!important;
			display: none!important;
		}


	}

	.noShadow {
		box-shadow: none!important	
	}



	@media screen and (min-width: 768px) {
		.noShadow{
			box-shadow: none!important
		}
	}






	.iconExSmall{
		font-size: 12px;
	}
	.iconSmall{
		font-size: 14px;
	}
	.iconMedium{
		font-size: 16px;
	}
	.iconLarge{
		font-size: 18px!important;
	}
	.iconExLarge{
		font-size: 22px;
	}

/*

NAVIGATION START

*/
.menuConsultantContainer{
	height: 74px;
	display: table;
}
.menuConsultantCopy{
	display: table-cell;
	vertical-align: middle;
}



.navContainer * {
	text-align: center;
}
.navContainer > *:not(.toastContainer) {
	pointer-events: all;

}
.navContainer >  * {
	//	pointer-events: none!important;
}

.navContainer{
	width: 100%;
	position: fixed;
	height: auto;
	z-index: 1;
	top: 0px;
	left: 0px;
	right: 0px;
}


/*Promo Start*/
.navPromo{
	position: relative;
	min-height: 30px;
	transition: all .3s ease;
	overflow: hidden;
	line-height: 14px;
	z-index: 3;
	font-size: 12px;
}
.navPromo p {
	line-height: 16px;
	margin-top: 16px;
	margin-bottom: 16px;
}
.navPromoNext{
	position: absolute;
	top: 0px;
	right: 0px;
}
.navPromo > * {
	margin-top: auto;
	margin-bottom: auto;
	vertical-align: center;
	line-height: 30px;
}
.promoCenter{
	max-width: 80%;
	margin-right: auto;
	margin-left: auto;
}
/*Promo end*/



/*Navhead start*/
.navHead{
	position: relative;
	background-color: var(--rf_theme_base);
	height: 74px;
	top: 0px;
	line-height: 75px;
	border-bottom: thin solid var(--rf_theme_text);

}
@media screen and (max-width: 768px){
	.navHead{
		box-shadow: 0 2px 4px 0 rgba(0,0,0,.1); 
	}
	.navHead{
		height: 60px;
		line-height: 60px;
	}
}
.navHead span{
	height: 100%;
}
/*Navhead End*/




/*Navbar start*/
.navBar{
	position: relative;
	height: 60px;	
	right: 0px;
	left: 0px;	
	background-color: rgba(255,255,255,.95);
	box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);
	transition: all .3s ease;
	z-index: 2;
	top: 0px;
}
.navBar:hover, .navBar:focus{
	background-color: rgba(255,255,255,.98);
}
.navBar > div {
	display: inline-flex;
	height: 100%;
}

.navLogo{
	margin-top: auto;
	margin-bottom: auto;
	font-size: 24px;
	transition: all .3s ease;
	font-family: bankGothicBold !important;
}
@media screen and (max-width: 374px) {
	.navLogo img{
		content: url("https://claritydeignsystem.com/images/icons/rf-stamp-logo.svg");
	}
}
.navLogo img{
	//	vertical-align: middle;
	margin-top: 30px;
}
.navBarLeft{
	position: absolute;
	left: 25px;
	top: 0px;
	height: 100%;
	//	background-color: #ffaacc;
}
.navBarLeft > * {
	margin-top: auto;
	margin-bottom: auto;
	margin-right: 5px;
	margin-left: 5px;
	
}
.navBarCenter{
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	top: 0px;
	height: 100%;
}
.navBarRight{
	position: absolute;
	right: 25px;
	top: 0px;
	height: 100%;
}
.navBarRight * {
	margin-top: auto;
	margin-bottom: auto;
	margin-right: 2px;
	margin-left: 2px;
	display: inline-block;
	vertical-align: middle;
}



/*Navtoplevel start*/

.navTopLevel{
	margin: 0px;
	padding: 0px;
	margin-left: 16px;
	margin-right: 16px;
	text-transform: uppercase;	
	height: 100%;
	clear: both;
}
.navTopLevel > * {
	transition: all .3s ease;
}
.navTopLevelContent{
	height: 100%;
	cursor: pointer;
	line-height: 60px;
	font-family: "RFgothamBook";

}
.navTopLevel > hr {
	position: relative;
	height: 3px;
	top: -9px;
	border: none;
	background-color: #7bafd4;
	width: 0%;
	left: 0px;
	float: left;
	transition: all .3s ease;
}
.navTopLevel:hover > hr, .navTopLevel:focus > hr  {
	width: 100%;
	left: 0px;
	height: 3px;
}
.navTopLevel:hover > .navTopLevelContent, .navTopLevel:focus > .navTopLevelContent{
	color: #000000;
}
.navTopLevel:hover > .navSubLevel{
	opacity: 1;
	max-height: 700px;
	box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);
	padding-bottom: 40px;
	pointer-events: all;
}


/*Navtoplevel end*/





/*navsublevel start*/

.navSubLevel{
	position: absolute;
	left: 0px;
	right: 0px;
	top: 60px;
	background-color: rgba(255,255,255,.95);
	box-shadow: 0 0 0 0;
	max-height: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	overflow: hidden;
	-webkit-backdrop-filter: blur(2px);
	backdrop-filter: blur(2px);
	display: inline-block;
	justify-content: center;
	z-index: 2;
	border-top: 1px solid var(--rf_theme_accent);
	opacity: 0;
	margin: 0px;
	pointer-events: none;

}
.navSubLevel:hover{
	background-color: rgba(255,255,255,.98);
}
.navSubLevelCard{
	margin-left: 8px;
	margin-right: 8px;
	margin-top: 20px;
	margin-bottom: 0px;
	width: 20%;
	max-width: 304px;
	//	min-width: 285px;
	top: 0px;
	line-height: 20px;
	vertical-align: top;
	display: inline-block;
	
}
.navSubLevelCardFull{
	width: 100%;
}


.navSubLevelHeader{
	margin-top: 10px;
	margin-bottom: 10px;
	text-transform: uppercase;
	width: 100%;
	text-align: left;
	font-weight: 700;
	//	line-height: 16px;
	font-size: 12px;
}
.navSubLevelContent{
	line-height: 24px;
	font-size: 12px;
	letter-spacing: 1px;
	text-align: left;
	position: relative;
	cursor: pointer;
	width: 100%!important;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	//	background-color: #ff00ff;
	font-family: "RFgothamLight",Helvetica,Arial,sans-serif;
}
.navSubLevelContentSpan {
	position: relative;
	cursor: pointer;
}
.navSubLevelContentSpan:after {
	content: ""; 
	display: block;
	width: 0%; 
	left: 0px;
	position: absolute;
	right: 0px;
	bottom: -5px; 
	border-bottom: 0px solid #7bafd4; 
	transition: all .3s ease!important;
}
.navSubLevelContentSpan:hover:after {
	width: 100%; /* Change this to whatever width you want. */
	border-bottom-width: 3px;    
}





.navSubLevelContent > hr{
	position: absolute;
	top: 10px;
	height: 2px;
	left: 0px;
	border: none;
	background-color: #7bafd4;
	width: 0px;
	margin-left: auto;
	margin-right: auto;
	transition: all .3s ease;


}
.navSubLevelContent:hover > hr{
	width: 100%;
	//	height: 2px;

}

/*Navsublevel end*/





.cartIcon{
	position: relative;
	cursor: pointer;
}
.cartIconCount{
	position: absolute;
	background-color: #000000;
	z-index: 3;
	right: calc(1px - 6px);
	bottom: calc(28px - 6px);
	border-radius: 100%;
	height: 12px;
	width: 12px;
	height: 0px;
	width: 0px;
	transition: all .3s ease;
}
.cartIconCount p {
	font-size: 8px!important;
	text-align: center;
	position: absolute;
	top: calc(50% - 6px);
	width: 100%;
	left: -1.5px;
	line-height: 12px;
	color: #ffccaa;
	transition: all .3s ease;
}



.noDecoration{
	text-decoration: none;
}
.noDecoration:hover{
	text-decoration: none;	
}
/*Country Start*/

.country{
	border: none;
	position: relative;
	right:0px;
	height: 73px;
	margin-top: 0px;
	padding-left: 5px;
	padding-right: 5px;
	transition: all .3s ease;
	clear: all;
}
.country * {
	position: relative;
	z-index: 50;
}
.country img {
	vertical-align: middle;
	margin: 0px;
	margin-right: 5px;
}
.flag{
	//	box-shadow: 0 0 0 1px rgba(0,0,0,.2) inset;
	padding: 2px;
}
.countryTriangle{
	position: absolute;
	top: 33px;
	//	width: 0px;
	//	transform: rotate(90deg);
	transition: all .3s ease;
}
.countryLower{
	z-index: 5;
	transition: all .3s ease;
	position: absolute;
	height: 0px;
	right: 0px;
	top: 75px;
	text-align: right;
	margin: 0px;
	overflow: hidden;
	background-color: var(--rf_theme_base);

}
.countryLower img{
	display: block;
	//	box-shadow: 0 0 0 1px rgba(0,0,0,.2) inset;
	padding: 1px;
	height: 15px;
	margin-right: auto;
	margin-left: auto;
}
.countryLower div {	
	transition: all .3s ease;
	margin: 0px;
	display: block;
	padding: 10px;
	border: none;
	border-top: 1px solid #bbbbbb;	
}
.countryLower div:hover {
	background-color: var(--rf_theme_offBase);
}
.countryLower div:first-of-type{
	border: none;
}
.countryLower div:last-of-type{
	border-bottom: none;
}
.countryLower div:nth-of-type(2n) {
	//	background-color: var(--rf_theme_offBase);
}

.country:hover > .countryTriangle{
	transform: rotate(0deg);
}

.containerMain {
	position: absolute;
	top: 165px;
	width: 100%;
	//	transition: all .3s ease;
	z-index: 0;
	font-family:'RFgothamMedium',Helvetica,Arial,sans-serif;
	font-size: 12px;
	line-height: 24px;
	letter-spacing: .5px;
	overflow: scroll;
	color: var(--rf_theme_text);
}



.navContainer.micro ~ .containerMain, .navContainer.mini ~ .containerMain {

	top: 75px;
}

@media screen and (max-width: 768px) {
	.containerMain{
		top: 90px;
	}
}


.socialIconBorder {
	border: 1px solid var(--rf_theme_text);
	border-radius: 100%;
	height: 24px!important;
	width: 24px!important;
	font-size: 12px;
	display: inline-block;
	margin-left: 16px;
	margin-right: 16px;
}


/*Country End*/







/*

NAVIGATION & HEADER END

*/














/*

MINI CART START

*/




.miniCartDropDown{
	position: fixed;
	top: 100px;
	right: -301px;
	z-index: 3;
	bottom: 0px;
	width: 300px;
	transition: all .3s ease;
	background-color: var(--rf_theme_base);
	border-top: thin solid #000000;
	border-left: thin solid #000000;
	box-shadow: 0 0 0 0 rgba(0,0,0,0);
	overflow: hidden;
	//	visibility: hidden;
}


.miniCartHeader{
	height: 40px;
	background-color: var(--rf_theme_base);
	line-height: 40px;
}
.miniCartNotice{
	padding-left: 20px;
	padding-right: 20px;
}
.miniCartContents{
	position: absolute;
	bottom: 157px;
	top: 130px;
	left: 0px;
	right: 0px;
	overflow: auto;
}
.miniCartFooter{
	position: absolute;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-color: var(--rf_theme_base);
	box-shadow: -1px 0 5px 0 #e5e5e5;
}
.miniCartSubtotal{
	width: 100%;
	display: flex;
	height: 40px;
}
.miniCartSubtotal p{
	font-size: 16px;
	font-weight: bolder!important;
	line-height: 40px;
}
.miniCartSubtotal > div:first-of-type p {
	text-align: left;
	padding-left: 20px;
}
.miniCartSubtotal > div:last-of-type p{
	text-align: right;
	padding-right: 20px;
}
.miniCartSubtotal > div {
	line-height: 14px;
	width:50%;
}
.miniCartQV{
	width: 100%;
	display: flex;
	height: 40px;
}
.miniCartQV p{
	font-size: 10px;
	line-height: 40px;
}
.miniCartQV > div:first-of-type p {
	text-align: left;
	padding-left: 20px;
}
.miniCartQV > div:last-of-type p{
	text-align: right;
	padding-right: 20px;
}
.miniCartQV > div {
	line-height: 14px;
	width:50%;
}
.miniCartHeader div:nth-of-type(2){
	height:40px;
	width:40px;
	position: absolute;
	right: 0px;
	top: 0px;
}
.miniCartItem{
	height: 100px;
	position: relative;
	border-bottom: thin solid #e5e5e5;
}
.miniCartItem:last-of-type{
	border-bottom: thin solid #e5e5e5;
}
.miniCartImage{
	width: 50px;
	position: absolute;
	top: 0px;
	left: 5px;
	top:10px;
}
.miniCartName{
	position: absolute;
	top: 0px;
	left: 60px;
	right: 0px;
	height: 40px;
	line-height: 40px;
}
.miniCartName p {
	text-align: left;
	padding-left: 5px;
}
.miniCartQty{
	position: absolute;
	top: 38px;
	left: 62px;
	height: 40px;
	width: 120px;
	display: inline-flex;
	border: 1px solid var(--rf_theme_offBase);
}
.miniCartQty > div {
	height: 40px;
	width: 33%;
	line-height: 40px;
	text-align: center;
}
.miniCartPrice{
	position: absolute;
	top: 40px;
	left: 180px;
	right: 0px;
	height: 40px;
	display: inline-flex;
}
.miniCartPrice > div {
	height: 40px;
	width: 33%;
	line-height: 40px;
	text-align: center;
}
.miniCartPrice > div:nth-of-type(1) p{
	font-size: 10px;
}
.miniCartPrice > div:nth-of-type(2) p{

}
.miniCartPrice > div:nth-of-type(3) p{
	font-weight: 700;
	//background-color: var(--rf_theme_offBase);
}



/*

MINI CART END

*/







/* Search Start */


.searchContainer2{
	border: none;
	position: absolute;
	right: 32px;
	margin-top: 0px;
	height: 0px;
	overflow: hidden;
	width: 100%;
	max-width: 400px;
	z-index: 5;
	padding: 0px;
	opacity: 1;
	transition: height .3s ease;
	background-color: var(--rf_theme_base);
	box-shadow: 0 2px 4px 0 var(--rf_theme_border);
	top: 75px;
}
.searchContainer2 * {
	font-family:'RFgothamBook',Helvetica,sans-serif;
	transition: all .3s ease;
	z-index: 2!important;
}


@media screen and (max-width: 768px){
	.searchContainer2{
		max-width: calc(100% - 64px);
		top: 61px;
	}
}

@media screen and (max-width: 510px){
	.searchContainer2{
		right: 0px;
		max-width: calc(100% - 0px);
	}
}



.searchInputContainer{
	height: 32px;
	margin: 0px;
	padding: 0px;
}

.spanTarget{
	cursor: pointer;
	z-index: 100;
}



.hide{
	display: none!important;
	height: 0px!important;
	width: 0px!important;
	overflow: hidden;
	box-shadow: 0 0 0 0 transparent;
}
.searchContainer{
	border: none;
	position: absolute;
	right: 0px;
	margin-top: 0px;
	height: 60px;
	width: 400px;
	z-index: 0;
	padding: 0px;
	opacity: 1;
	transition: all 3s ease!important;

}
.searchContainer * {
	font-family:'gotham',Helvetica,sans-serif;
	transition: all 3s ease;
	z-index: 2!important;
}
.searchForm{
	position: relative;
	right: 0px;
	height: 32px;
	width: 100%;
	z-index: 2;
	opacity: 1;
	padding: 0px;
	margin: 0px;
	border: none;
	max-width: 100%;


}
.searchInput{
	-webkit-appearance: none;
	appearance: none;
	outline: none;
	height: 30px!important;
	padding: 0px;
	margin: 0px;
	padding-left: 16px;
	width: 100%;
	position: relative;
	width: calc(100% - 16px);
	line-height: 16px;
	border: 1px solid var(--rf_theme_border);
	border-radius: var(--rf_style_borderRadius);
	text-transform: uppercase;
	text-align: left;
	top: 0px;
	box-shadow: none;
	background-color: transparent;
	color: var(--rf_theme_text);
}
.searchInput:active{
	box-shadow: none;
}
.positionZero{
	top: 0px!important;
	bottom: 0px!important;
	left: 0px!important;
	right: 0px!important;
}

.searchInput::placeholder{
	text-transform: uppercase;
}
.searchForm:hover > .seachInput, .searchInput:hover, .searchInput:focus, .searchActive{
	border: 1px solid var(--rf_theme_border);
}
.searchIconContainer{
	position: absolute;
	right: 8px;
	top: 8px;
	height: 18px;
	line-height: 18px;
}
.searchIconContainer > *{
	padding: 0px;
	margin: 0px;
}
@media screen and (max-width: 768px) {
	.searchForm img {
		//right: 25px;
	}
}


.searchResultsContainer{
	position: relative;
	left: 16px;
	width: calc(100% - 32px);

	z-index: 2;
	//	height: 40px;
	//	overflow: hidden;
	line-height: 16px;
	max-height: 550px;
	padding: 0px;

	
}
.searchResults{
	text-transform: uppercase;
	overflow-y: scroll;
	overflow-x: hidden;
	//	height: auto;
	max-height: 392px;
	
}
.searchResultsInner{
	position: relative;
	transition: all 0;

}
.searchTerm, .searchCount {
	position: relative;
	top: 0px;
	padding: 0px;

	line-height: 48px;
	text-align: left;
}
.searchInvalid{
	background-color: var(--rf_theme_offBase);
	padding: 16px;
	height: 200px;
}

.searchResultsNone{
	position: relative;
	bottom: 0px;
	padding: 10px;
	left: 0px;
	right: 0px;
	margin-bottom: -20px;
	background-color: var(--rf_theme_offBase);
}
.results{
	position: relative;
	height: 80px;
	width: calc(100% - 2px);

	
}
.results, .results *{
	//	background-color: #ffeedd;
	//	border: 1px solid #ffccaa;
}
.resultsImage {
	position: absolute;
	//	left: 24px;
	top: 0px;
	height: 80px;
	width: 80px;
}
.resultsText{
	position: absolute;
	left: 96px;
	max-height: 48px;
	bottom: 0px;
	right: 20px;
	overflow: hidden;
}

.resultsImage img{
	position: absolute;
	max-width: 80px;
	max-height: 80px;
	left: 0px;
	top: 0px;
}
.resultsText p {
	font-size: 12px;
	line-height: 24px;
	text-align: left;
	//	vertical-align: bottom;
	padding-left: 5px;
	margin: 0px;
}



.searchPageHeader{
	position: relative;
	font-family: RFgotham;
	text-transform: uppercase;

}
.searchPageHeader p {
	font-size: 24px;
	padding: 32px;
	width: auto;
}
.searchPageResults{
	font-size: 16px;
	line-height: 28px;
}
.searchPageResults p{
	//margin: 24px;

}
.searchPageResults hr{
	width: 100%;
	border: none;
	background-color: var(--rf_theme_border);
	height: 1px;
	margin: 24px;
}










/* Search End */



/*UserLogin Start*/


.userLogIn{
	position: absolute;
	top: 75px;
	right: 32px;
	width: 300px;
	z-index: 5;
	background-color: var(--rf_theme_base);
	border: none;
	transition: all .3s ease-out;
	height: 0px;
	box-shadow: 0 2px 4px 0 rgba(0,0,0,0);
	overflow: hidden;

}
.userAccount{
	position: absolute;
	line-height: 24px;
	height: 0px;
	top: 75px;
	right: 32px;
	width: 221px;
	padding-left: 16px;
	z-index: 5;
	background-color: var(--rf_theme_base);
	border: none;
	transition: all .3s ease-out;
	box-shadow: 0 0 0 0 transparent;
	overflow: hidden;

}
.userAccount p{
	text-align: left;
}

.userLogIn input{
	//	width: 268px!important;
	//	position: relative;
	right: 0px;
	left: 0px;
}
.userLogIn a {
	padding: 0px;
	padding-right: 16px;
	vertical-align: top;

}

.userLogIn:hover > .formNotice{
	height: 100px;
}

.userLogInClose{
	position: absolute;
	height: 60px;
	width: 60px;
	line-height: 60px;
	right: 0px;
	text-align: center;
}
.userLogInForm{
	position: relative;
	width: 100%;
	max-width: 400px;

}

.userLogInFormField{

	
}
.XXXuserLogInFormField{
	position: absolute;
	height: 32px;
	left: 0px;
	top: 0px;
	padding: 0px;
	background-color: #ffccaa;
}
.userLogInLabel{
	transition: all .3s ease;
	color: #a6a6a6;
	position: absolute;
	left: 0px;
	top: 24px;
	font-size: 12px;
	text-align: left;
	height: 12px;
	line-height: 12px;
}
.userLogInFormField:hover ~ .userLogInLabel, .userLogInFormField:focus ~ .userLogInLabel, .userLogInLabelAbove, .userLogInLabel:hover {
	top: 4px;
	left: 0px;
	transform: scale(.75);
	transform-origin: left;

}
.userLogInErrorContainer{
	height: 0px;
	overflow: hidden;
	transition: all .3s ease;
	line-height: 24px;
	padding: 0px;
	;

}
.userLogInErrorInner{
	position: relative;
	top: 0px;
	padding: 0px!important;
	margin: 0px!important;

}
.userLogInErrorInner p{
	text-align: left;
	position: relative;
	top: 0px;
	left: 32px;
	width: calc(100% - 48px);
	font-size: 10px;
	line-height: 20px;
	font-family: 'RFgothamMedium';
	text-transform: uppercase;
	padding: 0px;
	margin: 0px;

}
.userLogInErrorInner span{
	position: absolute;
	top: 16px;
}

.inputValidateCircle{
	border-radius: 100%;
	height: 10px;
	width: 10px!important;
	display: inline-block;
	background-color: #8a8a8a;
}
.inputValidateSpan{
	margin-right: 16px;
}



.success > .inputValidateCircle, .error > .inputValidateCircle, .info > .inputValidateCircle, .warning > .inputValidateCircle{
	background-color: transparent;
}
.success > .inputValidateCircle:before{
	content: "\e917";
}
.error > .inputValidateCircle:before{
	content: "\e925";
}







.notificationBlock{
	height: 0px;
	overflow: hidden;
	transition: height .3s ease;
}

.notificationBlock > p {
	padding: 16px;
	padding-left: 32px;
	padding-right: 16px;
	position: relative;
}

.notificationBlock > p:before {
	content: "\e925";
	font-family: 'rf-icons' !important;
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	position: absolute;
	top: 16px;
	left: 16px;
	height: 16px;
	width: 16px;
}



.inputTextField{
	position: absolute;
	top: 16px;
	border-bottom: 2px solid var(--rf_theme_border);
	transition: all .3s ease;
	font-size: 16px;
	line-height: 30px;
	height: 31px;
	color: var(--rf_theme_text);
	background-color: var(--rf_theme_base);
	font-family: rf_proximaNovaLight, 'RFgothamLight';
	letter-spacing: .5px;
	z-index: 1;
	text-align: left!important;
	
}
.inputTextField.inputTextFieldCCvalid{
	transition: color 0s linear;
	color: rgba(0,0,0,0);
}
.inputTextField.inputTextFieldDisabled{
	pointer-events: none!important;
}

.inputTextField:active, .inputTextField:focus{
	border-bottom: 2px solid #4b82a8;
	height: 30px;
}
.inputTextField::placeholder {
	color: transparent;
	transition: all .3s ease;
	font-size: 13px;
	line-height: 32px;
	text-align: left;
}
.inputTextField:focus {
	text-align: left!important;
}
.inputTextField:focus::placeholder{
	color: #a6a6a6;
}

.inputTextField:invalid{
	//	border-bottom: 2px solid #dcdcdc;
	height: 30px;
}
.inputTextField:valid{
	//	border-bottom: 2px solid #dcdcdc;
	height: 30px;
}
.inputTextField:required{
	//	border-bottom: 2px solid #dcdcdc;
	height: 30px;
}
.inputTextField:not(:required) ~ .inputTextFieldLabel:after {
	content: " (optional)";
}



.inputTextField:disabled{
	pointer-events: none;
	border-bottom: 2px dotted #dcdcdc;
	height: 30px;
	border-image: url(../images/20170306_190728_042393.jpg) slice 20px 0 repeat|initial|inherit;
}
.inputTextField:disabled ~ *{
	opacity: .5
}

.inputTextFieldLabel{
	position: absolute;
	top: 16px;
	left: 0px;
	text-align: left;
	line-height: 32px;
	font-size: 14px;
	color: #8a8a8a;
	transition: all .3s ease;
	font-family: "rf_proximaNovaLight", 'RFgothamLight',Helvetica,Arial,sans-serif;
	letter-spacing: 0px;
	transform-origin: left;
	width: calc(100% - 32px);

}
.inputTextFieldCVVExpContainer{
	position: absolute;
	height: 64px;
	width: 0px;
	right: 0px;
	top: 0px;
	overflow: hidden;
	opacity: .5;
	pointer-events: none;
	transition: all .3s ease;
	z-index: 200;
	//	background-color: #ffcc00;
	overflow: hidden;
}

.inputTextFieldCVV, .inputTextFieldExp{
	background-color: #ffccaa;
	width: 60px!important;
	display: inline-block;
	right: 0px;
	position: absolute;
}
.inputTextFieldCVV{
	left: 0px;
}
.inputTextFieldExp{
	left: 60px;
}
.inputTextFieldCVV > .inputTextField, .inputTextFieldExp > .inputTextField {
	border: none!important;
}
.inputTextFieldCCvalid ~ .inputTextFieldCVVExpContainer{
	width: 170px;
	opacity: 1;
	pointer-events: all;
}
input:focus ~ .inputTextFieldCVVExpContainer{
	width: 0px;
	opacity: .5;
	pointer-events: none;
}
.inputTextFieldInlineIcon, .inputTextFieldDropDownIcon, .inputTextFieldPasswordIcon{
	font-family: 'rf-icons' !important;
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transition: all .3s ease;
	color: var(--rf_theme_text);

}
.inputTextFieldDropDownIcon{
	font-size: 12px!important;
}
.inputTextFieldActive:focus{
	color: var(--rf_theme_text)!important;

}
.inputTextFieldActive:focus ~ .inputTextFieldCCmask > div{
	left: 0px!important;
	color: transparent;
}
.inputTextFieldCCmask{
	position: absolute;
	left: 40px;
	width: calc(100% - 40px);
	top: 16px;
	transition: color 0s ease;
	font-size: 16px;
	line-height: 30px;
	height: 31px!important;
	color: transparent;
	font-family: 'RFgothamLight';
	letter-spacing: .5px;
	pointer-events: none;
	overflow: hidden;
	opacity: 1;
}

.inputTextFieldCCmask div{
	height: 31px!important;
	position: relative;
	display: inline-block;
	left: 0px;
	top: 0px;
	overflow-wrap: hidden;
	overflow: hidden;
	vertical-align: top;
	transition: left .3s ease;
}

.inputTextFieldDropDownIcon:before{
	color: var(--rf_theme_text);
	content: "\e906";
}


.inputTextField.inputError ~ .inputTextFieldInlineIcon:before{
	color: #d91e18;
	content: "\e925";
}

.inputTextField.inputError ~ .inputTextFieldHelperContainer > .inputTextFieldError{
	color: #d91e18;
	top: 0px;
	opacity: 1;
	width: 100%;

}

.inputTextField.inputError{
	border-color: #d91e18;
}




.inputTextField.inputWarning ~ .inputTextFieldInlineIcon:before{
	color: #9D5B10;
	content: "\e971";
	transition: all .3s ease;
}
.inputTextField.inputWarning{
	border-color: #9D5B10;

}
.inputTextField.inputWarning ~ .inputTextFieldHelperContainer > .inputTextFieldError{
	color: #9D5B10;
	height: 15px;
	background-color: #ffccaa;
}



.inputTextField.inputInfo ~ .inputTextFieldInlineIcon:before{
	color: #31668C;
	content: "\e93d";
	transition: all .3s ease;
}
.inputTextField.inputInfo{
	border-color: #31668C;
	
}
.inputTextField.inputSuccess ~ .inputTextFieldInlineIcon:before{
	color: var(--rf_theme_success_text);
	content: "\e917";
	transition: all .3s ease;
}
.inputTextField.inputSuccess{
	border-color: var(--rf_theme_success_text);
	
}
.inputTextField[type="password"] ~ .inputTextFieldPasswordIcon:before{
	content: "\e93b";
	transition: all .3s ease;
	
}
.inputTextField[type="text"] ~ .inputTextFieldPasswordIcon:before{
	content: "\e96f";

}
.inputTextFieldPasswordIcon:before{
	color: var(--rf_theme_text);
}
.inputTextFieldCCvalid.inputTextField{
	color: transparent;
}

.inputTextFieldCCvalid ~ .inputTextFieldCCmask{
	color: var(--rf_theme_text);
}

.inputPreceedingIcon{
	//	width: 280px!important;
	//	left: 24px!important;
}
.inputTextFieldPreceedingIcon{
	font-family: 'rf-icons' !important;
	position: absolute;
	left: -4px;
	width: 40px;
	height: 32px;
	line-height: 32px;
	top: 16px;
	text-align: center;
}

.inputContainer.inputPreceedingIcon > .inputTextField{
	padding-left: 36px;
	width: calc(100% - 40px);
}
.inputContainer.inputPreceedingIcon > .inputTextFieldLabel{
	left: 36px;
}



.inputTextFieldPreceedingIcon:before{
	content: "\e911";
	font-size: 24px;
}
.inputTextField.ccVisa ~ .inputTextFieldPreceedingIcon{
	background-image: url('../images/icons/svg-sprite.svg#icon-cc-visa');
}
.inputTextField.ccMastercard ~ .inputTextFieldPreceedingIcon{
	background-image: url('../images/icons/svg-sprite.svg#icon-cc-mastercard');
}
.inputTextField.ccAmex ~ .inputTextFieldPreceedingIcon{
	background-image: url('../images/icons/svg-sprite.svg#icon-cc-amex');
}
.inputTextField.ccDiscover ~ .inputTextFieldPreceedingIcon{
	background-image: url('../images/icons/svg-sprite.svg#icon-cc-discover');
}
.inputTextField.ccVisa ~ .inputTextFieldPreceedingIcon, .inputTextField.ccAmex ~ .inputTextFieldPreceedingIcon, .inputTextField.ccMastercard ~ .inputTextFieldPreceedingIcon, .inputTextField.ccDiscover ~ .inputTextFieldPreceedingIcon{
	background-repeat: no-repeat;
	background-size: 24px auto;
	background-position: 8px 6px;

}
.inputTextField.ccVisa ~ .inputTextFieldPreceedingIcon:before, .inputTextField.ccAmex ~ .inputTextFieldPreceedingIcon:before, .inputTextField.ccMastercard ~ .inputTextFieldPreceedingIcon:before, .inputTextField.ccDiscover ~ .inputTextFieldPreceedingIcon:before{
	content: "";
}


.inputPasswordView ~ .inputTextFieldInlineIcon, .inputPasswordHide ~ .inputTextFieldInlineIcon {
	cursor: pointer;

}


.inputTextFieldActive ~ .inputTextFieldLabel, .inputTextField:focus ~ .inputTextFieldLabel{
	top: 0px;
	line-height: 16px;
	transform: scale(calc(10/14));

}
.inputTextFieldHelperContainer{
	position: absolute;
	top: 49px;
	text-align: left;
	font-size: 10px;
	line-height: 15px;
	height: 15px;
	width: 100%;
	color: #8a8a8a;
	font-family: 'rf_proximaNovaLight','RFgothamLight';
	letter-spacing: 0px;
	overflow: hidden;
}
.inputTextFieldHelper, .inputTextFieldError{
	position: absolute;
	display: block;
	transition: all .3s ease;
	top: 0px;
	height: 15px;
	overflow: hidden;
	z-index: 0;
}
.inputTextFieldError{
	top: -15px;
	opacity: 0;
	background-color: var(--rf_theme_base);
	z-index: 1;
}
.inputTextFieldInlineIcon, .inputTextFieldDropDownIcon, .inputTextFieldPasswordIcon{
	float: right;
	transition: all 3s ease;
	height: 16px;
	width: 16px;
	line-height: 16px;
	font-size: 16px;
	text-align: center;
	position: relative;
	margin-right: 8px;
	top: 24px;
}
.inputTextFieldInlineIcon:before{
	content: "";
	color: transparent;
	transition: all .3s ease;
}
.inputTextFieldValidate{
	position: absolute;
	top: 46px;
	left: 0px;
	right: 100%;
	//	width: 100%;
	height: 2px;
	background-color: #7bafd4;
	//	box-shadow: 0 0 5px 0 #7bafd4;

}

.inputTextField.inputTextFieldValidating{
	border-color: #dcdcdc!important;
}
.inputTextFieldValidating ~ .inputTextFieldInlineIcon:before{
	color: transparent!important;

}
.inputTextFieldValidating ~ .inputTextFieldValidate {
	animation-name: inputTextFieldValidate2;
	animation-duration: 1.5s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}
@keyframes inputTextFieldValidate{
	0%{
		left: 0px;
		width: 0%;
	}

	50%{
		left: 0%;
		width: 100%;
	}
	100%{
		left: 100%;
		width: 0%;
	}
}



@keyframes inputTextFieldValidate2{
	0%{
		left: 0%;
		right: 100%;
	}
	33%{
		left: 0%;
		right: 50%;
	}
	66%{
		left: 50%;
		right: 0%;
	}

	100%{
		left: 100%;
		right: 0%;
	}
}


.inputTextDropDownContainer{
	position: absolute;
	top: 48px;
	left: 0px;
	width: 100%;
	max-height: 192px;
	height: 0px;
	overflow: hidden;
	box-shadow: 0 2px 10px 0 rgba(0,0,0,.5);
	z-index: 4;
	transition: all .3s ease;
	pointer-events: none;
	background-color: var(--rf_theme_base);
}
.inputTextDropDownContainerActive{
	box-shadow: 0 2px 10px 0 rgba(0,0,0,.5);
	height: 192px;
	pointer-events: all;
	overflow: scroll;

}

.inputTextDropDownItem{
	text-align: left;
	padding-left: 16px;
	background-color: var(--rf_theme_base);
	height: 48px;
	line-height: 48px;
	font-family: 'rf_proximaNovaLight','RFgothamLight';
	font-size: 12px;
	transition: all .3s ease;
	cursor: pointer;

}
.inputTextDropDownItem:hover{
	background-color: #eeeeee;
}

.warning.inputTextDropDownItem:hover, .warning.inputTextDropDownItem{
	background-color:#fff6e6;
}



.userLogInErrorInner span{
	position: absolute;
	left: 16px;
	line-height: 20px;
	height: 20px;
	padding: 0px;
}

.formDiv, .inputContainer{
	position: relative;
	left: 0px;
	width: 100%;
	max-width: 304px;
	margin: 0px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	height: 64px;
	padding: 0px;
	overflow: visible;
}
.inputContainer:after ~ .inputTextFieldValidating{
	content: "";
	position: absolute;
	left: 50%;
	top: 48px;
	width: 50%;
	height: 10px;

}
.inputContainer:last-of-type{

}
.inputContainer:not(:last-of-type){
	margin-bottom: 8px;
}










.inputRadioButtonCardContainer, .inputRadioButtonContainer{
	position: relative;
	height: auto;
	min-width: 304px;
	line-height: 16px;
	overflow: auto;	
	transition: all .3s ease;
	margin: 0px;
	margin-left: auto;
	margin-right: auto;
}
.inputRadioButtonCardContainer{
	box-shadow: 0 2px 4px 0 var(--rf_theme_dropShadow);
}

.inputRadioButtonCardContainer:not(:last-of-type){
	margin-bottom: 0px;
}

.inputRadioButtonCard, .inputRadioButton{
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
	background-color: var(--rf_theme_text);
	border: 1px solid var(--rf_theme_text)!important;
	box-shadow: 0 0 0 8px var(--rf_theme_base) inset;
	border-radius: 100%;
	position: absolute;
	height: 16px;
	width: 16px;
	top: 16px;
	left: 8px;
	margin: 0px;
	z-index: 1;
	transition: all .3s ease;
}



.inputRadioButton.optionFlyout:checked ~ label{
	background-color: var(--rf_theme_offBase);
}
.flyoutContent{

}
.inputRadioButton.optionFlyout ~ label > .flyoutContent{
	transition: all .3s ease;
	height: 200px;
	padding-left: 32px;
	padding-right: 16px;
	padding-top: 16px;
}
.inputRadioButton.optionFlyout:not(:checked) ~ label > .flyoutContent{
	height: 0px;
	overflow: hidden;

}


.inputRadioButtonCard:checked, .inputRadioButton:checked{
	border-color: var(--rf_theme_text);
	box-shadow: 0 0 0 2px var(--rf_theme_base) inset;
}
.inputRadioButtonCard:active, .inputRadioButton:active{
	opacity: .5;
}




.inputRadioButtonCard + label, .inputRadioButton + label{
	position: relative;
	display: block;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	transition: all .3s ease;
	z-index: 0;
	background-color: var(--rf_theme_base);
	padding-top: 16px;
	padding-bottom: 16px;
	font-family: 'rf_proximaNovaLight',RFgothamLight;
}

.inputRadioButtonCard + label:hover, .inputRadioButtonCard:hover + label{
	background-color: var(--rf_theme_offBase);
}
.inputRadioButtonCard + label > p, .inputRadioButton + label > p  {
	width: calc(100% - 48px);
	margin: 0px;
	padding: 0px;
	margin-left: 32px;
	z-index: 200;
	line-height: 16px;
	text-align: left;
}
.inputRadioButtonCard + label > p:last-of-type, .inputRadioButton + label > p:last-of-type {	
	font-size: 12px;

}
.inputRadioButtonCard + label > p:first-of-type, .inputRadioButton + label > p:first-of-type  {	

	font-size: 14px;
}

.inputRadioButtonCard:checked + label {
	background-color: var(--rf_theme_offBase);
}
.inputRadioButtonCard:checked:hover + label, .inputRadioButtonCard:checked + label:hover {
	//	background-color: #2f82ab!important;
}















.contactCluster, .contactCluster.optionLeft{
	margin: 0px;
	margin-left: auto;
	margin-right: auto;
	width: 112px;
	height: 112px;
	position: relative;
	padding: 0px;
	transition: all .3s ease;
}
.contactCluster:hover > .contactClusterButtonContainer > .contactClusterButtonMain, .contactCluster.optionLeft:hover > .contactClusterButtonContainer > .contactClusterButtonMain{
	//	box-shadow: 0 0 0 2px var(--rf_theme_base);
}
.contactCluster > .contactClusterAvatar{
	right: 16px;
	font-family: 'rf_proximaNovaLight','RFgothamLight';
}
.contactCluster.optionLeft > .contactClusterAvatar{
	left: 16px;
}
.contactClusterAvatar{
	position: absolute;
	top: 0px;
	height: 96px;
	width: 96px;
	//	box-shadow: 0 0 0 2px var(--rf_theme_base);
	border-radius: 96px!important;
	overflow: hidden;
	z-index: 3;
	border: 1px solid var(--rf_theme_base);
}
.contactClusterAvatar p{
	padding: 0px;
	margin: 0px;
	font-size: 24px;
	line-height: 96px;
	text-align: center;
	background-color: #7bafd4;

	z-index: 1;
	display: block;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	position: absolute;
}
.contactClusterAvatar.optionPulse p{
	background-color: #c8f1fa;
}
.contactClusterAvatar img{
	display: block;
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	height: 96px;
	width: 96px;
	z-index: 3;
	transition: opacity .3s .9s ease;
}
.contactClusterCopy{
	position: relative;
	width: calc(100% - 128px);
	line-height: 24px
}
.contactCluster > .contactClusterCopy{
	left: 16px;
}
.contactCluster.optionLeft > .contactClusterCopy{
	left: 112px;
}
.contactClusterCopy p {
	margin: 0px;
	padding: 0px;

}
.contactClusterHeader{
	font-family: 'rf_proximaNovaLight','RFgothamLight';
	font-size: 16px;
}
.contactClusterBody{
	font-family: 'rf_proximaNovaLight','RFgothamExLight';
	font-size: 14px;
}
.contactClusterButtonContainer{
	position: absolute;
	height: 40px;
	width: 40px;
	top: 64px;
	z-index: 4;
	line-height: 40px;
	font-size: 16px;
	text-align: center;
}
.contactCluster > .contactClusterButtonContainer{
	right: 8px;
}
.contactCluster.optionLeft > .contactClusterButtonContainer{
	left: 8px;
}
.contactClusterButtonMain{
	background-color: #333333;
	height: 38px;
	width: 38px;
	border-radius: 100%;
	//	box-shadow: 0 0 0 2px var(--rf_theme_base);
	z-index: 30;
	transition: all .3s ease;
	border: 1px solid transparent;
}
.contactClusterButtonMain.optionDisabled, .contactClusterButtonMain.optionDisabled ~ .contactClusterButtonSub{
/*	background-color: #dcdcdc;
	border: 1px solid var(--rf_theme_text)!important;
	box-shadow: 0 2px 4px 0 rgba(0,0,0,0)!important;
	pointer-events: none;
	opacity: 0!important;*/
}
.contactClusterButtonMain span{
	position: absolute;
	top: 1px;
	right: 1px;
	bottom: 1px;
	left: 2px;
	height: 38px;
	width: 38px;
	display: block;
	transition: all .3s ease;
	text-align: center;
}
.contactClusterButtonMain.optionActive{
	background-color: var(--rf_theme_base);
	color: #000000;
	border-color: var(--rf_theme_text);
}
.activeShow{
	opacity: 0;
}
.activeHide{
	opacity: 1;
}
.optionActive > .activeShow{
	opacity: 1;
}
.optionActive > .activeHide{
	opacity: 0;
}
.contactClusterButtonSub{
	position: absolute;
	top: 0px;
	background-color: #333333;
	height: 38px;
	width: 38px;
	border: 1px solid transparent;
	border-radius: 100%;
	//	box-shadow: 0 2px 4px 0 rgba(0,0,0,0);
	z-index: -2;
	overflow: hidden;
	opacity: 0;
}
.optionDisabled.contactClusterButtonSub{
	background-color: #dcdcdc;
	border: 1px solid var(--rf_theme_text)!important;
	border: 1px solid transparent!important;
	//	box-shadow: 0 2px 4px 0 rgba(0,0,0,0)!important;
	pointer-events: none;
	opacity: 0!important;

}

.optionDisabled.contactClusterButtonSub a{
	color: var(--rf_theme_text)!important;
	//	filter: blur(1px);
}
.contactClusterButtonSub a{
	color: var(--rf_theme_base);
	text-transform: none;
	text-decoration: none;
	display: block;
	position: absolute;
	top: 0px;
	bottom: 0px;
	right: 0px;
	left: 0px;

}
.optionActive ~ .contactClusterButtonSub{
	//	box-shadow: 0 0 10px 2px var(--rf_theme_border);
	opacity: 1;
}
.contactCluster > * > .contactClusterButtonSub{
	right: 0px;
}
.contactCluster.optionLeft > * > .contactClusterButtonSub{
	left: 0px;
}



.contactClusterButtonSub:nth-of-type(2){
	transition: all .1s ease; 

}
.contactClusterButtonSub:nth-of-type(3){
	transition: all .2s ease; 
}
.contactClusterButtonSub:nth-of-type(4){
	transition: all .4s  ease; 
}


.optionActive ~ .contactClusterButtonSub{
	border: 1px solid rgba(255,255,255,.25);
	border: 1px solid transparent;
	//	box-shadow: 0 2px 4px 0 rgba(0,0,0,1);
}




.optionActive ~ .contactClusterButtonSub:nth-of-type(4){
	transition: all .1s .3s ease; 
}
.optionActive ~ .contactClusterButtonSub:nth-of-type(3){
	transition: all .2s .1s ease; 
}
.optionActive ~ .contactClusterButtonSub:nth-of-type(2){
	transition: all .3s  ease; 
	transform: rotate(0deg)
}







.contactCluster > * > .optionActive ~ .contactClusterButtonSub{
	transform: rotate(0deg)
}




.contactCluster > * > .optionActive ~ .contactClusterButtonSub:nth-of-type(2){
	right: 56px;
	top: 0px;
}
.contactCluster > * > .optionActive ~ .contactClusterButtonSub:nth-of-type(3){
	right: 39.5px;
	top: -39.5px;
}
.contactCluster > * > .optionActive ~ .contactClusterButtonSub:nth-of-type(4){
	right: 0px;
	top: -56px;
}


.contactCluster.optionLeft > * > .optionActive ~ .contactClusterButtonSub:nth-of-type(2){
	left: 56px;
	top: 0px;
}
.contactCluster.optionLeft > * > .optionActive ~ .contactClusterButtonSub:nth-of-type(3){
	left: 39.5px;
	top: -39.5px;
}
.contactCluster.optionLeft > * > .optionActive ~ .contactClusterButtonSub:nth-of-type(4){
	left: 0px;
	top: -56px;
}







.spanBreak{
	display: inline-block
}
.spanBreak:after{
	content: "_";
	color: transparent;
	font-size: 50%
}





.passwordVisibility{
	position: absolute;
	right: 25px;
	bottom: 20px;
	height: 18px;
	padding: 0px;
	margin: 0px;
	line-height: 20px;
	font-size: 20px;
}





.modalMediumImage{
	max-width: 100%;
	max-height: 250px;
}

.modalLargeImage{
	width: 100%;
	max-height: 500px;	
}


@media screen and (max-height: 768px){
	.modalImageHideSmallHeight {
		max-height: 150px;
	}
}
@media screen and (max-height: 600px){
	.modalImageHideSmallHeight {
		display: none;
	}
}



.testDiv{
	position: relative;
	background-color: #ddccdd;
	left: 16px;
}




.formNotice{
	position: relative;
	width: 268px;
	left: 16px;
	right: 16px;
	text-align: left;
	line-height: 16px;
	margin-top: 0px;
	//	box-shadow: 0 0 0 2px inset;
	height: 0px;
	overflow: hidden;
	border-radius: 2px;
	transition: all .3s ease!important;
}
.formNotice > p, .formNotice h3 {
	margin-left: 5px;
}





/*userlogin end*/










.containerCenter{
	position: relative;
	width: 100%;
	margin-bottom: -3px;
	padding: 0px;
}
.containerCenter img{
	position: relative;
	width: 100%;
	top: 0px;
	left: 0px;
	right: 0px;
}
.containerCenterInner{
	position: absolute;
	width: 50%;
	height: 50%;
	top: 25%;
	left: 25%;
	background-color: rgba(255,255,255,.5);
}

.containerCenterInner > div{
	position: absolute;
	display: block;
	height: 50%;
	top: 25%;
	width: 100%;
}







.RF_containerBottomPopout{
	position: relative;
	width: 100%;
	padding: 0px;
	margin-bottom: -50px;
}
.RF_containerBottomPopoutUpper {
	margin: 0px;
	padding: 0px;
	width: 100%;

	position: relative;
}

.RF_containerBottomPopoutLower{
	position: relative;
	margin: 0px;
	margin-left: auto;
	margin-right: auto;
	top: -50px;
	width: 100%;
	max-width: 568px;
	background-color: var(--rf_theme_base);
	border: 1px solid var(--rf_theme_accent);
	min-width: 304px!important;
}


.RF_containerBottomPopoutInner{
	position: relative;
	width: 50%;
	min-width: 340px!important;
	//	top: -100px;
	background-color: rgba(255,255,255,1);
	display: table-cell;
	border: thin solid #cccccc;
	margin-bottom: 0px;
	max-width: 570px;
}
@media screen and (max-width: 600px) {
	.RF_containerBottomPopoutInner {
		top: -40px;
	}
	.RF_containerBottomPopoutLower{
		max-width: calc(100% - 32px);
	}
}










.RFcontainerSpacerResponsive{
	width: 100%;
	height: 56px;
	position: relative;
	background-color: rgba(0,0,255,.0)
}
.RFcontainerSpacerResponsive:hover{
	//	background-color: rgba(0,0,255,.02)
}
@media screen and (max-width: 768px){
	.RFcontainerSpacerResponsive{
		height: 48px;
	}
}



.containerDesktopWidth{
	max-width: 1140px;		
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
}
@media screen and (max-width: 1172px) {
	.containerDesktopWidth {
		padding-left: 16px;
		padding-right: 16px;
	}
	.containerDesktopWidth.optionNoGutter{
		padding: 0px;
	}
}
.containerFullWidth{
	margin-top: 0px;
	margin-bottom: 0px;
	height: auto;
	overflow: visible;
	padding: 0px;
	margin: 0px;
	margin-left: auto;
	margin-right: auto;
}


.optionCapHeight{
	max-height: 80vh;
}


.padGutter{
	padding-left: 5%;
	padding-right: 5%;
}
.padGutterLarge{
	padding-left: 10%;
	padding-right: 10%;
}
.padTop {
	padding-top: 24px;
}
.textLeft{
	text-align: left;
}
.textCenter{
	text-align: center;
}
.textRight{
	text-align: right!important;
}
.alignLeft{
	margin-right: auto!important;
	margin-left: 0px!important;
	left: 0px;
}
.alignRight{
	margin-right: 0px!important;
	margin-left: auto!important;
	right: 0px!important;
}
.alignCenter {
	margin-right: auto!important;
	margin-left: auto!important;
	display: block!important;
}
.vAlignBottom{
	vertical-align: bottom!important;
}
.vAlignTop{
	vertical-align: top!important;
}
.vAlignMiddle{
	vertical-align: middle!important;
}
.alignVertical{
	top: 50%;
	transform: translate(0, -50%);
	position: relative!important;
}
.alignVerticalContainer{
	position: relative;
	height: 100%!important;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
}
.alignVerticalContainer >.alignVerticalContent{
	//	top: 50%;
	//transform: translate(0, 50%);
	//	position: relative!important;
}


.centerContent {
	height: 100%;
	width: 100%;
}
.forceSquare {
	padding: 0px;
	margin: 0px;
	overflow: visible;
	//	margin-bottom: -8px;
	position: relative;
}

@media screen and (min-width: 1140px){
	.forceSquare {
		height: calc(1140px / 2);
	}
}
@media screen and (max-width: 1140px){
	.forceSquare {
		height: calc(100vw / 2);
	}
}

@media screen and (max-width: 768px){
	.forceSquare {
		height: calc(100vw);
	}
}


.forceSquareDesktopWidth {
	padding: 0px;
	margin: 0px;
	overflow: visible;
	//	margin-bottom: -8px;
	position: relative;
}

@media screen and (min-width: 1140px){
	.forceSquareDesktopWidth {
		height: calc(1140px / 2);
	}
}
@media screen and (max-width: 1140px){
	.forceSquareDesktopWidth {
		height: calc(100vw / 2);
	}
}

@media screen and (max-width: 768px){
	.forceSquareDesktopWidth {
		height: calc(100vw);
	}
}






.forceSquareImg{
	content: url('../images/transparent.png');
	width: 100%;
	z-index: -1000;
	position: relative;
	padding: 0px!important;
	margin: 0px!important;
	pointer-events: none;
	margin-bottom: -6px!important;
}
.forceSquareCenterContent{
	position: absolute;
	max-width: calc(100% - 32px)!important;
	max-height: calc(100% - 32px)!important;
	top: 50%;
	left: 16px;
	right: 16px;
	transform: translate(0, -50%);
}
.border *{
	border: thin solid #ccffcc;
}
.borderWhite * {
	border: 1px solid var(--rf_theme_base);
}
.noBorder{
	border: none!important;
	box-shadow: 0 0 0 0 transparent inset!important;
}
.bgDarkGrey{
	background-color: #e3e7ea;
}



.gridSquareTopBottom{
	width: 100%;
	position: relative;
	padding-bottom: calc(50% - 0px);
	margin-bottom: 16px;
}
.gridSquareTopBottom:after{
	content: "";
	display: block;
	//	padding-bottom: calc(50% - 8px);
}
.gridSquareTopBottom > .splitLeft {
	position: absolute;
	display: block;
	height: 100%;
	width: calc(50% - 8px);
}

.gridSquareTopBottom > .splitTop {
	position: absolute;
	display: block;
	height: calc(50% - 8px);
	width: calc(50% - 8px);
	right: 0px;
}

.gridSquareTopBottom > .splitBottom {
	position: absolute;
	display: block;
	height: calc(50% - 8px);
	width: calc(50% - 8px);
	right: 0px;
	bottom: 0px;
}
.e6LeftGrad{
	background-image: linear-gradient(to right, rgba(230,230,230,1), rgba(230,230,230,0));
}

@media screen and (max-width: 768px){
	.gridSquareTopBottom{
		//		display: table;
		padding-bottom: 0px;

	}
	.gridSquareTopBottom:after{
		padding-bottom: 0px;
	}
	.gridSquareTopBottom > [class*="split"]:not(:last-of-type) {
		margin-bottom: 24px;
	}
	.gridSquareTopBottom > .splitLeft {
		position: relative;
		width: 100%;
		height: auto;
		padding-top: 100%;
	}
	.gridSquareTopBottom > .splitLeft:after {
		padding-bottom: 100%;
	}

	.gridSquareTopBottom > .splitTop {
		position: relative;
		width: 100%;
		height: 25%;
		padding-bottom: 50%;
	}

	.gridSquareTopBottom > .splitBottom {
		position: relative;
		width: 100%;
		padding-bottom: 50%;
	}
}



.posAbs100 {
	table-layout: fixed;
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;

}



.split5050 {
	padding: 0px;
	left: 0px;
	right: 0px;
	display: table;
	margin: 0px;
	clear: both;
	width: 100%;
	overflow: visible;

}
.split5050:after{
	clear: both;
}


.split5050:not(:first-of-type) {
	margin-top: 24px;
}



.split5050.split5050padSmall > .splitLeft {
	padding-right: 8px;
	width: calc(50% - 8px);
}

.split5050.split5050padSmall > .splitRight {
	padding-left: : 8px;
	width: calc(50% - 8px);
}


.splitLeft.split5050padSmall > *{
	margin-right: 8px;
}
.splitRight.split5050padSmall > *{
	margin-left: 8px;
}
.splitLeft > .split5050padSmall {
	padding-right: 8px!important;
}
.splitRight > .split5050padSmall {
	padding-left: 8px!important;
}


.split5050 > .splitLeft > .split5050padMedium {
	padding-right: 16px!important;
}
.split5050 > .splitRight > .split5050padMedium {
	padding-left: 16px!important;
}
.split5050 > .splitLeft {
	//	padding-right: 8px!important;
	float: left;
}
.split5050 > .splitRight {
	//	padding-left: 8px!important;
	float: right;
	
}
.split5050 > .splitLeft, .split5050 >.splitRight {
	
	display: table-cell;
	width: 50%;
}
@media screen and (max-width: 768px){
	.split5050 {
		display: block;
		width: 100%;
		margin-bottom: 8px;
	}
	.split5050 > .splitLeft, .split5050 > .splitRight {
		float: none;
		width: 100%!important;
		display: block;
		padding-left: 0px;
		padding-right: 0px;
		margin-bottom: 16px!important;
	}
	.split5050 > .splitLeft{
		margin-bottom: 16px;
	}

}





.splitLeft, .splitRight, .splitCenter {
	//	overflow: visible;
	//	display: inline-block;
	position: relative;

}




.splitThirds{
	padding: 0px;
	left: 0px;
	right: 0px;
	display: table;
	margin: 0px;
	clear: both;
	width: 100%;
	overflow: visible;
	//	font-size: 0px;
	min-width: 960px;
}
.splitThirds > .splitLeft, .splitThirds > .splitCenter, .splitThirds > .splitRight, .splitThirds > .splitInner{
	width: 33%;
	margin: 0px;
	padding: 0px;
	position: relative;
	top: 0px;
	display: inline-block;
	vertical-align: top;
}
.splitThirds > .splitCenter{
	width: 33.9%;
	margin-right: auto;
	margin-left: auto;
}
.splitThirds > .splitLeft {
	float: left;
}

.splitThirds > .splitRight {
	float: right;
}


.splitThirds > .splitInner.optionSpanTwo {
	width: calc((100% / 3) * 2);
}
.splitInner.optionSpanTwo > div  {
	width: calc(100% - 60px);
}


@media screen and (min-width: > 960px){
	.optionSpanTwo > .pad16 {
		padding-left: 32px!important;
		padding-right: 32px!important;
	}	
}



@media screen and (max-width: 960px) {
	.splitThirds{
		min-width: auto;
	}
	.splitThirds > .splitLeft, .splitThirds > .splitCenter, .splitThirds > .splitRight, .splitThirds > .splitInner{
		display: block;
		margin-left: auto!important;
		margin-right: auto!important;
		width: auto;
		margin-bottom: 16px;
		float: none;
	}
	.splitThirds > .splitLeft > .alignRight, .splitThirds > .splitCenter  > .alignRight, .splitThirds > .splitRight  > .alignRight {
		margin-right: auto!important;
		margin-left: auto!important;
	}
}
.splitThirds.optionScrollTablet{
	width: 100%!important;
	//	min-width: 960px!important;
	overflow: auto;
}
.RF_containerHorizontalScroll{
	position: relative;
	width: 100%;
	height: auto;
	overflow-y: hidden;
	overflow-x: scroll;
	margin: 0px;
	padding: 0px;
	margin-bottom: 20px;
}
.RF_containerHorizontalScroll > .splitThirds {
	min-width: 960px!important;
	margin-bottom: 4px;
}
.RF_containerHorizontalScroll > .splitThirds > .splitLeft, .RF_containerHorizontalScroll > .splitThirds > .splitCenter, .RF_containerHorizontalScroll > .splitThirds > .splitRight{
	min-width: 304px!important;
	margin: 0px!important;
	padding: 0px!important;
	position: relative!important;
	top: 0px!important;
	display: inline-block!important;
	vertical-align: top!important;
	width: calc((100% / 3) - 1px);
}






.splitQuarters{
	position: relative;
	font-size: 0px;
	margin: 0px;
	padding: 0px;

}
.splitQuarters > .splitInner{
	position: relative;
	width: 24.9%;
	margin: 0px!important;
	padding: 0px;
	display: inline-block;
	
	margin-bottom: 240px;
}
@media screen and (max-width: 1216px){
	.splitQuarters > .splitInner{
		//		background-color: #ff00ff;
		width: 49.9%;
		padding-bottom: 24px;
	}
}
@media screen and (max-width: 608px){
	.splitQuarters > .splitInner{
		//		background-color: #ffff00;
		width: 100%;
	}
}

.RF_height24{
	height: 24px;
}
.RF_height40{
	height: 40px;
}

.maxWidth200{
	max-width: 200px;
}
.maxHeight340{
	max-height: 340px;
	max-width: 100%;
	//	height: 100%;
}

.splitExSmallAuto{
	padding: 0px;
	left: 0px;
	right: 0px;
	display: inline-block;
	margin: 0px;
	clear: both;
	width: 100%;
	overflow: visible;
}
.splitExSmallAuto > .splitLeft, .splitExSmallAuto > .splitRight {
	margin: 0px;
	padding: 0px;
	position: relative;
	top: 0px;
	display: inline-block;
	vertical-align: top;
}
.splitExSmallAuto > .splitLeft {
	max-width: 112px;
	min-width: 112px;
}
.splitExSmallAuto > .splitRight {
	max-width: calc(100% - 136px);
	width: 100%;
}



.splitSmallAuto{
	padding: 0px;
	left: 0px;
	right: 0px;
	display: inline-block;
	margin: 0px;
	clear: both;
	width: 100%;
	overflow: visible;
}
.splitSmallAuto > .splitLeft, .splitSmallAuto > .splitRight {
	margin: 0px;
	padding: 0px;
	position: relative;
	top: 0px;
	display: inline-block;
	vertical-align: top;
}
.splitSmallAuto > .splitLeft {
	max-width: 200px;
	min-width: 200px;
}
.splitSmallAuto > .splitRight {
	max-width: calc(100% - 220px);
	width: 100%;
}



.splitMediumAuto{
	padding: 0px;
	left: 0px;
	right: 0px;
	display: inline-block;
	margin: 0px;
	clear: both;
	width: 100%;
	overflow: visible;
}
.splitMediumAuto > .splitLeft, .splitMediumAuto > .splitRight {
	margin: 0px;
	padding: 0px;
	position: relative;
	top: 0px;
	display: inline-block;
	vertical-align: top;
}
.splitMediumAuto > .splitLeft {
	max-width: 304px;
	min-width: 304px;
}
.splitMediumAuto > .splitRight {
	max-width: calc(100% - 320px);
	width: 100%;
}






.split112Auto{
	padding: 0px;
	left: 0px;
	right: 0px;
	display: inline-block;
	margin: 0px;
	clear: both;
	width: 100%;
	overflow: visible;
}
.split112Auto > .splitLeft, .split112Auto > .splitRight {
	margin: 0px;
	padding: 0px;
	position: relative;
	top: 0px;
	display: inline-block;
	vertical-align: top;
}
.split112Auto > .splitLeft {
	max-width: 112px;
	min-width: 112px;
}
.split112Auto > .splitRight {
	max-width: calc(100% - 120px);
	width: 100%;
}






.splitMinMax{
	padding: 0px;
	left: 0px;
	right: 0px;
	display: table;
	margin: 0px;
	clear: both;
	width: 100%;
	overflow: visible;
}
.splitMinMax > .splitLeft, .splitMinMax > .splitRight {
	margin: 0px;
	padding: 0px;
	position: relative;
	top: 0px;
	display: table-cell;
	vertical-align: top;
}
.splitMinMax > .splitLeft {
	max-width: 320px;
	min-width: 304px;
}
.splitMinMax > .splitRight {
	max-width: calc(100% - 320px);
	width: 100%;
}

.splitMaxMin{
	padding: 0px;
	left: 0px;
	right: 0px;
	display: inline-block;
	margin: 0px;
	width: 100%;
	overflow: visible;
}



.splitMaxMin > .splitLeft, .splitMaxMin > .splitRight {
	margin: 0px;
	padding: 0px;
	position: relative;
	top: 0px;
	display: inline-block;
	vertical-align: top;
}


.splitMaxMin > .splitRight {
	display: inline-block;
	max-width: 320px;
	min-width: 304px;
	width: 319px;
	padding:0px;
}
.splitMaxMin > .splitLeft {
	display: inline-block;
	max-width: calc(100% - 324px);
	width: 100%;
}



@media screen and (max-width: 656px){
	.splitMaxMin > .splitLeft, .splitMaxMin > .splitRight{
		min-width: 100%!important;
		max-width: 100%!important;
		width: 100%!important;
		display: block;
	}
}




.splitAutoMin {
	position: relative;
	width: 100%;
	font-size: 0px;
	display: table;
}
.splitAutoMin > .splitLeft, .splitAutoMin > .splitRight{
	display: table-cell;
	vertical-align: middle;
}
.splitAutoMin > .splitLeft {
	//	width: 100%;
	max-width: calc(100% - 321px)!important;
	top: 0px!important;
	bottom: 0px!important;

}
.splitAutoMin > .splitRight{
	width: 320px!important;
	top: 0px;
	bottom: 0px;
	text-align: center;
}

@media screen and (max-width: 640px) {
	.splitAutoMin > .splitLeft, .splitAutoMin > .splitRight{
		width: 100%!important;
		max-width: 100%!important;
	}
}




.RF_containerBlockQuote{
	display: table;
	width: 100%;
	height: 100%;
	position: relative;
}
.RF_containerBlockQuoteContent{
	max-width: 320px;
	max-height: 320px;
	display: table-cell;
	vertical-align: top;
	height: 100%!important;
}

.RF_squareSmall {
	height: 304px;
	width: 304px;
}
@media screen and (max-width: 960px){
	.RF_containerBlockQuoteContent{
		display: block;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 16px;
	}
}


.RF_column2, .RF_column3, .RF_column4, .RF_column5 {
	display: table;
	width: 100%;
}

.RF_column3 > .RF_columnInner {
	width: calc((100% / 3) )!important;
	display: table-cell;
}



.RF_column5 > .RF_columnInner {
	width: calc((100% / 5) );
	display: table-cell;
}



.alignVerticalContainer2 {
	background-color: #00ff00;
	height: 100%!important;
	width: 100%;
	position: relative;
	display: table;
}
.alignVerticalContent2{
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	//	height: 300px!important;
	background-color: #ff0000;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}












.transparentBackgroundGrid{
	background-image: url("https://claritydeignsystem.com/images/transparentBackgroundGrid.png");
	background-blend-mode: soft-light;
	transition: background-color .9s ease, background-size .9s ease;
	background-color: #888b8d;
	background-position: 50% 50%;
	background-repeat: repeat;
	background-size: 40px 40px;
}
.transparentBackgroundGrid:hover{
	background-color: #53565a;
	background-size: 80px 80px;
}



.splitFlex{
	padding: 0px;
	left: 0px;
	right: 0px;
	display: inline-block;
	margin: 0px;
	clear: both;
	width: 100%!important;
	overflow: visible;
}
.splitFlex > .splitLeft, .splitFlex > .splitRight{
	width: auto;
	display: inline-block;
}
.splitFlex > .splitLeft {

}

.splitFlex.optionRight > .splitLeft{
	//	width: calc(100% - 304px);
	width: 304px;
	text-align: right;
}

.hoverOpacityTrigger:hover * .hoverOpacity100{
	opacity: 1;
}
.hoverOpacityTrigger:hover * .alignVertical{
	//	transform: translate(0,0);
	//	top: 0px;
}
.hoverOpacityTrigger * .alignVertical{
	transition: all .3s ease;
}

.hoverOpacity100{
	opacity: .05;
	transition: opacity .3s ease;
}
.hoverOpacity100:hover{
	opacity: 1;
}
.padLeft16, .marginLeft16{
	margin-left: 16px!important;
}


.marginLeft32{
	margin-left: 32px!important;
}


.splitWidth96px {
	width: 96px!important;
	height: 100%;
	position: relative;
	bottom: 0px;
}
.clearFloat{
	clear: both;
}



{
	stroke: #22cc22!important;
}
.testSVGhover > svg path{
	stroke: #22cc22!important;
	transition: all .3s ease;
	transform: scale(1,-1);
	transform-origin: center center;
}
.testSVGhover:hover > svg path{
	stroke: #ff00ff!important;
	d: path('M1 1 L 10 10 L 1 19');
	transform: scale(1,1);
}


.backgroundImageCenterVertical{
	background-size: 100% auto;
	background-position: left center;
	background-repeat: no-repeat;
	//	height: 50vh;
	//	max-height: 70vh;
	//	min-height: 33vw;
}

.backgroundImageCenterTopOffset{
	background-size: 100% auto;
	background-position: left center;
	background-repeat: no-repeat;
	height: 50vh;
	max-height: 70vh;
	min-height: 33vw;
}
.backgroundImageStretch{
	background-size: 100% 100%;
	background-position: center center;
	background-repeat: no-repeat;
}
.backgroundImageFullHeight {
	background-size: auto 100%;
	background-position: center center;
	background-repeat: no-repeat;
}


.backgroundImageBottomFullWidth{
	background-size: 100% auto;
	background-position: center bottom;
	background-repeat: no-repeat;	
}
.backgroundImageBottomFullWidthCenter{
	background-size: 100% auto;
	background-position: center center;
	background-repeat: no-repeat;	
}
.backgroundImageRightFullHeight{
	background-size: auto 100%;
	background-position: right center;
	background-repeat: no-repeat;
}


.imgFullWidth{
	max-width: 100%;
	max-height: 300px;
	height: 300px;
	display: inline-block;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}
.imgFullHeight{
	height: 100%;
	max-height: 300px;
	display: inline-block;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}


.width50{
	margin-right: auto;
	margin-left: auto;
	width: 50%;
	
}
.width75{
	margin-right: auto;
	margin-left: auto;
	width: 75%;
	
}
.width100per{
	width: 100%;
}
@media screen and (max-width: 1024px){
	.mobileLeftAlign{
		margin-left: -8px!important;	
		padding-left: 0px;
	}	
}

.splitAuto{
	position: relative;
	padding:0;
	left:0px;
	right:0px;
	display: flex;
	margin: 0px;
}
.splitAuto > div:last-of-type{
	position: absolute;
	right: 0px;

}

.stack50{
	display: inline-block;
}
.stack50 div {
	height: 50%;
}
.imageScale100{
	width: 100%;
	overflow: hidden;
}
.imageScale50{
	width: 50%;
}
.innerCenter{
	position: absolute;
	top: 25%;
	bottom: 25%;
	left: 15%;
	right: 15%;
	margin:auto;
	width: 70%;
	height: auto;
}
.split7030 {
	//	padding:1em;
	left:0px;
	right:0px;
	display: flex;
}
.split7030 > div:first-of-type{
	position: relative;
	width: 70%;
	float: left;
}
.split7030 > div:not(:first-of-type){
	position: relative;
	width: 30%;
}
.widthQuarter{
	width: calc(24% - 16px);
	padding-left: 8px;
	padding-right: 8px;
}
.widthThird{
	width: calc((100% / 3) - 16px);
	padding: 8px;
	vertical-align: top;
}
.widthThirdResponsive{
	width: calc((100% / 3) - 16px);
	padding: 8px;
	vertical-align: top;
	min-width: 304px;
	max-width: 350px;
}


.widthHalf{
	width: 50%!important;
}
.padRightMedium, .padRight16{
	pad-right: 16px;
}
.padLeftMedium, .padLeft16{
	margin-left: 16px;
}
.marginRight8{
	margin-right: 8px;
}
.marginRight4{
	margin-right: 4px;
}
.marginAfter16 {
	margin-bottom: 48px;
}


.floatLeft{
	float: left;
	display: inline-flex;
}
.floatRight {
	float: right;
	display: inline-flex;
}
.floatLeft:after, .floatRight:after {
	//clear: both;
}
.clearFloat{
	clear: both;
}

.inlineBlock{
	display: inline-block;
	position: relative;
	top: 0px;
	vertical-align: top;
	margin: 0px;
	padding: 0px;
}



.clearDecoration {
	text-decoration: none!important;
}




.btnSideBySide {
	text-align: right
}

.btnSideBySide > button {
	//	width: calc(50% - 11px)!important;
	//	width: 200px;
	/*display: inline-block;
	margin: 0px;*/
}
.btnSideBySide > button:not(:first-of-type) {
	//	margin-left: 32px;

}



.btnDual {
	margin: 0px!important;
	padding: 0px!important;
}
.btnDual > span{
	display: block;
}
.btnDual > span:first-of-type{
	font-size: 14px;
	line-height: 16px;
}
.btnDual > span:last-of-type{
	font-size: 10px;
	text-transform: none;
	line-height: 12px
}



.rf_buttonLargeRound{
	display: inline-block;
	box-sizing: border-box;
	outline-style:none;
	box-shadow:none;
	border-color:transparent;
	-webkit-appearance: none;
	-moz-appearance: none;
	width: 100%;
	max-width: 304px;
	height: 48px!important;
	border-radius: 24px!important;
	font-size: 16px;
	line-height: 16px;
	letter-spacing: 1px;
	text-transform: uppercase;
	text-align: center;
	text-decoration: none!important;
	font-family: rf_proximaNovaLight, RFgothamLight;
	cursor: pointer;
	border-width: 1px;
	border-bottom-style: solid;
	border-top-style: solid;
	border-left-style: solid;
	border-right-style: solid;
	border-style: solid!important;
	padding: 16px!important;
	transition: all .3s ease, font-size 0s ease!important;
}
.rf_buttonMediumRound{
	display: inline-block;
	box-sizing: border-box;
	outline-style:none;
	box-shadow:none;
	border-color:transparent;
	-webkit-appearance: none;
	-moz-appearance: none;
	max-width: 304px;
	height: 40px!important;
	border-radius: 20px!important;
	font-size: 14px;
	line-height: 16px;
	letter-spacing: 1px;
	text-transform: uppercase;
	text-align: center;
	text-decoration: none!important;
	font-family: rf_proximaNovaLight, RFgothamLight;
	cursor: pointer;
	border-width: 1px;
	border-bottom-style: solid;
	border-top-style: solid;
	border-left-style: solid;
	border-right-style: solid;
	border-style: solid!important;
	padding: 12px 32px!important;
	transition: all .3s ease, font-size 0s ease!important;
}
.rf_buttonSmallRound{
	display: inline-block;
	box-sizing: border-box;
	outline-style:none;
	box-shadow:none;
	border-color:transparent;
	-webkit-appearance: none;
	-moz-appearance: none;
	max-width: 304px;
	height: 32px!important;
	border-radius: 16px!important;
	font-size: 12px;
	line-height: 16px;
	letter-spacing: 1px;
	text-transform: uppercase;
	text-align: center;
	text-decoration: none!important;
	font-family: rf_proximaNovaLight, RFgothamLight;
	cursor: pointer;
	border-width: 1px;
	border-bottom-style: solid;
	border-top-style: solid;
	border-left-style: solid;
	border-right-style: solid;
	border-style: solid!important;
	padding: 8px 16px!important;
	transition: all .3s ease, font-size 0s ease!important;
}
.rf_buttonPrimary{
	background-color: var(--linkBlue);
	color: var(--rf_theme_base);
	border-color: var(--linkBlue);
}
.rf_buttonPrimary:hover{
	background-color: var(--linkBlueHover);
	color: var(--rf_theme_base);
	border-color: var(--linkBlue);
}

.rf_buttonSecondary{
	background-color: var(--rf_theme_base);
	color:  var(--linkBlue);
	border-color: var(--linkBlue);
}
.rf_buttonSecondary:hover{
	background-color: var(--rf_theme_base);
	color:  var(--linkBlueHover);
	border-color: var(--linkBlueHover);
}




.btnPrimary, .btnSecondary, .btnTertiary{
	display: inline-block;
	box-sizing: border-box;
	outline-style:none;
	box-shadow:none;
	border-color:transparent;
	-webkit-appearance: none;
	-moz-appearance: none;
	width: 100%;
	max-width: 304px;
	height: 48px;
	font-size: 16px;
	line-height: 16px;
	letter-spacing: 1px;
	text-transform: uppercase;
	text-align: center;
	text-decoration: none!important;
	font-family: rf_proximaNovaLight, RFgothamLight;
	cursor: pointer;
	border-width: 1px;
	border-bottom-style: solid;
	border-top-style: solid;
	border-left-style: solid;
	border-right-style: solid;
	border-style: solid!important;
	border-radius: var(--rf_style_borderRadius);
	padding: 16px;
	//	transition: all .3s ease, font-size 0s ease!important;
}
a[class*="btn"]:not(.btnSmall){
	
}
[class*="btn"]:not(:first-of-type){
	//	margin-left: 16px;
}
.btnModal{
	width: 100%;
}

.btnMedium{
	height: 40px!important;
	min-width: auto!important;
	width: auto!important;
	padding: 8px;
	font-size: 11px;
	line-height: 16px;
	letter-spacing: .5px;
}

.btnSmall{
	height: 32px!important;
	min-width: auto!important;
	width: auto!important;
	padding: 8px;
	font-size: 11px;
	line-height: 16px;
	letter-spacing: .5px;
}
button.btnSmall{
	//	height: 34px!important;
}


.btnDual{
	height: 48px;
}
.btnPrimary > span, .btnSecondary > span, .btnTertiary > span, .btnGhost > span, .btnDual > span, .btnLink > span{
	font-size: 12px;
	padding: 0px;
	margin: 0px;
	line-height: 16px;
}


.btnFull{
	max-width: 100%!important;
	width: 100%!important;
}


.btnDisabled, .btnActive:disabled{
	//filter: blur(1.5px);
	overflow: hidden;
}





.btnPrimary{
	background-color: var(--rf_theme_text);
	color: var(--rf_theme_base);	
	box-shadow: 0 0 0 0 rgba(102,102,102,1), 0 0 0 0 rgba(102,102,102,1) inset;
}
.btnPrimary:hover, .btnPrimary.btnHover{
	background-color: #444444;
	border-color: #666666;
	box-shadow: 0 0 0 0 rgba(102,102,102,1), 0 0 0 0 rgba(102,102,102,0) inset;
}
.btnPrimary:disabled, .btnPrimary:disabled:hover, .btnPrimary.btnDisabled, .btnPrimary.btnActive:disabled{
	color: var(--rf_theme_base);
	box-shadow: 0 0 0 0 rgba(0,0,0,0);
	border-color: var(--rf_theme_accent);
	background-color: var(--rf_theme_accent);
	pointer-events: none;
	cursor: none;
}
.btnPrimary:active, .btnPrimary:active:hover, .btnPrimary.btnActive{
	background-color: #444444;
	box-shadow: 0 0 5px 2px rgba(128, 174, 201,1), 1px 1px 6px 0 rgba(0,0,0,.5) inset;
}




.btnPrimary.btnConsultant{	
	background-color: var(--linkBlue);
	color: var(--rf_theme_base);
	border-color: var(--linkBlue);
}
.btnPrimary.btnConsultant:hover, .btnPrimary.btnConsultant.btnHover{
	background-color: var(--linkBlueHover);
	border-color: var(--linkBlueHover);
}




.btnPrimary.btnError:not(.btnLoading) {
	background-color: var(--error);
	color: var(--errorBG);
}
.btnPrimary.btnSuccess:not(.btnLoading) {
	background-color: var(--success);
	border-color: var(--success);
	color: var(--rf_theme_base);
}



.btnPrimary.btnGhost{
	background-color: transparent;
	color: var(--rf_theme_text);	
	border-color: var(--rf_theme_text);
}
.btnPrimary.btnGhost:hover, .btnPrimary.btnGhost.btnHover{
	background-color: rgba(var(--rf_theme_text_rgb),.8)!important;
	border-color: rgba(var(--rf_theme_text_rgb),0)!important;
	color: var(--rf_theme_base);
}
.btnPrimary.btnGhost:active, .btnPrimary.btnGhost:active:hover, .btnPrimary.btnGhost.btnActive{
	background-color: rgba(var(--rf_theme_text_rgb),.9)!important;
}










.btnSecondary{	
	background-color: var(--rf_theme_base);
	color: var(--rf_theme_text);
	border-color: var(--rf_theme_text);
	//	box-shadow: 0 2px 4px 0 rgba(0,0,0,.5), 0 0 20px 0 rgba(0,0,0,1) inset;
}
.btnSecondary:hover, .btnSecondary.btnHover{
	box-shadow: 0 0 0 0 rgba(0,0,0,1), 0 0 5px 0 var(--rf_theme_border) inset;
}
.btnSecondary:disabled, .btnSecondary:disabled:hover, .btnSecondary.btnDisabled, .btnSecondary.btnActive:disabled{
	color: #cccccc;
	box-shadow: 0 0 0 0 rgba(102,102,102,1), 0 0 0 0 rgba(0,0,0,0) inset;
	border-color: #cccccc;
	pointer-events: none;
	cursor: none;
}
.btnSecondary:active, .btnSecondary:active:hover, .btnSecondary.btnActive{
	box-shadow:  0 0 5px 2px rgba(128, 174, 201,1), 0 0 5px 0 rgba(0,0,0,.5) inset;

	
}




.btnSecondary.btnConsultant{	
	background-color: var(--rf_theme_base);
	color: var(--linkBlue);
	border-color: var(--linkBlue);
}
.btnSecondary.btnConsultant:hover, .btnSecondary.btnConsultant.btnHover{
	color: var(--linkBlueHover);
	border-color: var(--linkBlueHover);
}




.btnSecondary.btnSuccess:not(.btnLoading) {
	border-color: var(--success);
	color: var(--success);
}


.btnSecondary.btnError:not(.btnLoading) {
	border-color: var(--error);
	color: var(--error);
}


.btnSecondary.btnGhost{
	background-color: transparent;
	color: var(--rf_theme_base);	
	border-color: var(--rf_theme_base);
}
.btnSecondary.btnGhost:hover, .btnSecondary.btnGhost.btnHover{
	background-color: rgba(255,255,255,.85);
	border-color: var(--rf_theme_text);
	color: var(--rf_theme_text);

}

.btnSecondary.btnGhost:active, .btnPrimary.btnGhost:active:hover, .btnPrimary.btnGhost.btnActive{
	background-color: var(--rf_theme_base);
}













.btnTertiary{	
	background-color: var(--rf_theme_base);
	color: var(--rf_theme_text);
	border-color: var(--rf_theme_base);
	box-shadow: 0 0 0 0 rgba(0,0,0,0), 0 0 0 0 rgba(0,0,0,0) inset;
}
.btnTertiary:hover, .btnTertiary.btnHover{
	//box-shadow: 0 0 0 0 rgba(102,102,102,.1), 0 0 5px 0 rgba(0,0,0,.1) inset;
	background-color: var(--rf_theme_offBase);
}
.btnTertiary:disabled, .btnTertiary:disabled:hover, .btnTertiary.btnDisabled, .btnTertiary.btnActive:disabled{
	color: #cccccc;
	box-shadow: 0 0 0 0 rgba(102,102,102,1), 0 0 0 0 rgba(0,0,0,0) inset;
	pointer-events: none;
	cursor: none;
}
.btnTertiary:active, .btnTertiary:active:hover, .btnTertiary.btnActive{
	//	box-shadow: 0 0 5px 2px rgba(128, 174, 201,1), 0 0 5px 0 var(--rf_theme_border) inset;
	box-shadow: 0 0 0 0 rgba(128, 174, 201,0), 0 0 5px 0 rgba(0,0,0,.0) inset;
	//	border-color: #666666;
	
}























.btnLoading {
	font-size: 0px;
	overflow: hidden;
	pointer-events: none;
}

.btnLoading:after {
	position: relative;
	content: "\2b24 \00a0 \00a0 \2b24 \00a0 \00a0 \2b24 \00a0 \00a0 \2b24 \00a0 \00a0 \2b24";
	font-size: 12px;
	top: -2px;
	//line-height: 16px!important;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-color: inherit;
	background-image: linear-gradient( to right, rgba(127,127,127,.25) 40% , #000000 50%, rgba(127,127,127,.25) 60%);
	background-size: 300% 100%;
	-webkit-animation-name: btnLoadingAni; /* Safari 4.0 - 8.0 */
	-webkit-animation-duration: 4s; /* Safari 4.0 - 8.0 */
	animation-name: btnLoadingAni;
	animation-duration: 2s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;

}
.btnPrimary.btnLoading:after {
	background-color: inherit;
	background-image: linear-gradient( to right, rgba(255,255,255,.25) 40% , var(--rf_theme_base) 50%, rgba(255,255,255,.25) 60%);
}


@keyframes btnLoadingAni{
	0% {
		background-position: 100%;	
	}
	100% {
		background-position: 0%;
	}
}
.btnLoading:hover:before {
	//	background-position: 0%;	
}
.btnLoadingDot {
/*	position: relative;
	height: 12px;
	width: 12px;
	top: 0px;
	border: 1px solid transparent;
	margin-left: 8px;
	margin-right: 8px;
	display: inline-block;
	border-radius: 100%;	
	animation-duration: 5s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
//	transition: all .078s ease;
background-color: #888888!important*/
}
.btnLoadingDot:before {
	//	content: "\2022";
}
.btnLoadingDot:nth-of-type(5n+1){
	animation-name: btnLoadingDotsAnimation1;
}
.btnLoadingDot:nth-of-type(5n+2){
	animation-name: btnLoadingDotsAnimation2;
}
.btnLoadingDot:nth-of-type(5n+3){
	animation-name: btnLoadingDotsAnimation3;
}
.btnLoadingDot:nth-of-type(5n+4){
	animation-name: btnLoadingDotsAnimation4;
}
.btnLoadingDot:nth-of-type(5n+5){
	animation-name: btnLoadingDotsAnimation5;

}




@keyframes btnLoadingDotsAnimation {
	0%, 100% {
		height: 14px;
		width: 14px;
		top: calc(50% - 1px);
		background-color: transparent;
		border-color: transparent;
	}
	50%{	
		height: 14px;
		width: 14px;
		top: calc(50% - 7px);
		background-color: #888888;
	}

}








@keyframes btnLoadingDotsAnimation1 {
	0%, 12.5% {
		background-color: #888888;
	}
	6.25%{	
		height: 14px;
		width: 14px;
		top: calc(50% - 7px);
		background-color: var(--rf_theme_base);
	}

}
@keyframes btnLoadingDotsAnimation2 {
	0%, 12.5%, 25%, 87.5%, 100%{
		background-color: #888888;
	}
	18.75%, 93.75% {	
		height: 14px;
		width: 14px;
		top: calc(50% - 7px);
		background-color: var(--rf_theme_base);
	}

}
@keyframes btnLoadingDotsAnimation3 {
	0%, 25%, 37.5%, 68.75%, 87.5%, 100% {
		background-color: #888888;
	}
	31.25%, 75%{	
		height: 14px;
		width: 14px;
		top: calc(50% - 7px);
		background-color: var(--rf_theme_base);
	}

}
@keyframes btnLoadingDotsAnimation4 {
	0%, 31.25%, 43.75%, 56.25%, 68.75%, 100% {
		background-color: #888888;
	}
	37.5%, 62.5%{	
		height: 14px;
		width: 14px;
		top: calc(50% - 7px);
		background-color: var(--rf_theme_base);
	}

}
@keyframes btnLoadingDotsAnimation5 {
	43.75%, 56.25% {
		background-color: #888888;
	}
	50%{	
		height: 14px;
		width: 14px;
		top: calc(50% - 7px);
		background-color: var(--rf_theme_base);
	}

}







.btnLink{
	box-shadow: 0 0 0 0 rgba(102,102,102,0);
	letter-spacing: 1px;
}
.btnLink:hover{
	box-shadow: 0 0 10px 0 rgba(204,204,204,.5);	
	letter-spacing: 1.1px;
}






.miniCartContainer{
	height: 100vh;
	width: 375px;
	position: fixed;
	top: 0px;
	right: -375px;
	z-index: 500;
	background-color: var(--rf_theme_base);
	box-shadow: 0 2px 4px 0 rgba(34,34,34,.25);
	overflow: hidden;
	transition: right .3s ease;
}
.miniCartWrapper.optionActive .miniCartContainer{
	right: 0px;
}
.miniCartBackground{
	background-color: transparent;
	transition: background-color .3s 0s ease, height 0s .3s linear, width 0s .3s linear ;
	position: fixed;
	top: 0px;
	left: 0px;
	height: 0px;
	width: 0px;
	z-index: 500;
}
.miniCartWrapper.optionActive .miniCartBackground{		
	background-color: rgba(96,96,96,.7);	
	transition: background-color .3s 0s ease;
	top: 0px;
	left: 0px;
	height: 100vh;
	width: 100vw;
	z-index: 500;
}
.miniCartHeader{
	text-align: center;
	font-family: RFgothamExLight;
	text-transform: uppercase;
	font-size: 16px;
	line-height: 48px;
	height: 48px;
	box-shadow: 0 2px 4px 0 rgba(34,34,34,.25);
	//		position: relative;
}
.miniCartHeader span{
	position: absolute;
	right: 16px;
}
.miniCartContent{
	height: calc(100vh - 48px - 120px);
	//		width: calc(100% - 16px);
	overflow: scroll;
}
.miniCartContent .cartItem{
	padding-right: 32px;
}
.miniCartFooter{
	font-size: 16px;
	font-family: RFgothamExLight;
	line-height: 24px;
	padding: 16px;
	box-shadow: 0 -2px 4px 0 rgba(34,34,34,.25);
}

.cartItem{
	padding: 16px 8px;
}
.cartItem:not(:last-of-type) {
	//			margin-bottom: 24px;
	//border-bottom: solid 1px var(--rf_theme_accent);
}

.cartItem.cartItemNewest{
	-webkit-animation-name: cartItemNewestAni; /* Safari 4.0 - 8.0 */
	-webkit-animation-duration: 4s; /* Safari 4.0 - 8.0 */
	animation-name: cartItemNewestAni;
	animation-duration: 1.2s;
	//	animation-delay: .3s;
	animation-iteration-count: 1;
	animation-timing-function: linear;

}

@keyframes cartItemNewestAni{
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}

}



.resultsGraphContainer {
	-webkit-columns: 300px 2;
	-moz-columns: 300px 2;
	columns: 300px 2;
	
}
.resultsGraphInner{
	-webkit-column-break-inside: avoid;
	page-break-inside: avoid;
	break-inside: avoid;
}



.modalWrapper{
	position: fixed;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	height: 100%;
	width: 100%;
	background-color: rgba(96,96,96,.7);
	text-align: center;
	z-index: 500;
	opacity: 0;
	transition: opacity .3s ease;

}
.modalWrapper:before{
	content: ' ';
	display: inline-block;
	vertical-align: middle;
	height: 100%;
}
.modalWrapper.optionActive{
	opacity: 1;
}
.modalContainer{
	max-width: calc(100% - 32px);
	max-height: calc(100% - 32px);
	min-width: 320px;
	background-color: var(--rf_theme_base);
	position: relative;
	display: inline-block;
	vertical-align: middle;
	transform: scale(0);
	transition: all .0s;
}
.modalWrapper.optionActive > .modalContainer{
	transform: scale(1)
}








@media screen and (max-width: 768px){
	.modalContainer{
		width: 100vw;
	}
}


.modalContent{
	max-height: calc(100vh - 128px)!important;
	overflow: auto;
	padding: 16px;
	z-index: 0;
	width: calc(100% - 32px);
}
.modalContainer.modalWithSmallFooter .modalContent{
	max-height: calc(100vh - 128px - 48px)!important;
}
.modalHeader{
	height: 48px;
	line-height: 48px;
	box-shadow: 0 2px 4px 0 rgba(34,34,34,.25);
	position: relative;
	font-family: rf_proximaNovaLight, RFgothamLight;
}
.modalTertiary{
	float: left;
	padding-left: 16px;
	text-transform: capitalize;
}
.modalHeaderTitle{
	width: calc(100% - 96px);
	margin-left: 48px;
	text-align: center;
	text-transform: uppercase;		
	font-size: 16px;
	letter-spacing: 1px;
}
.modalHeaderClose{
	position: absolute;
	right: 0px;
	top: 0px;
	height: 48px;
	width: 48px;
	text-align: center;
}
.modalFooter{
	z-index: 10;
	padding: 0px;
	text-align: right;
	box-shadow: 0 -2px 4px 0 rgba(34,34,34,.25);
}
.modalContainer.modalWithSmallFooter .modalFooter{
	padding: 16px;
}






/*RF_MODAL*/




.rf_modalWrapper{
	position: fixed;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	height: 100%;
	width: 100%;
	text-align: center;
	z-index: 500;
	opacity: 0;
	pointer-events: none;
	transition: opacity .3s ease;
}
.rf_modalWrapper:before{
	content: ' ';
	display: inline-block;
	vertical-align: middle;
	height: 100%;
}
.rf_modalWrapper.optionActive{
	opacity: 1;
	pointer-events: all;
}

.rf_modalBackground{
	position: fixed;
	top: 0px;
	bottom: 0px;
	left:  0px;
	right: 0px;	
	background-color: var(--rf_style_base_overlay);
/*	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);*/
}


.rf_modalFrame{
	background-color: var(--rf_theme_base);
	position: relative;
	display: inline-block;
	vertical-align: middle;
	transform: scale(0);
	transition: transform .3s ease;
	overflow: hidden;
	box-shadow: 0 2px 4px 0 var(--rf_theme_dropShadow);
}
.optionActive > .rf_modalFrame{
	transform: scale(1.0);
	opacity: 1;
}



.rf_modalHeader{
	box-sizing: border-box;
	height: 48px;
	line-height: 16px;
	text-align: center;
	font-family: rf_proximaNovaRegular;
	letter-spacing: .5px;
	font-size: 16px;
	padding:  16px;
	border-bottom:  1px solid var(--rf_theme_border);
	color: var(--rf_theme_text);
}
.rf_modalHeaderTitle{
	max-width: calc(100% - 64px);
	margin: auto;
}

.rf_modalHeaderBack{
	position: absolute;
	top: 16px;
	left: 16px;
	font-size: 14px;
	cursor: pointer;
}
.rf_modalHeaderClose{
	position: absolute;
	top: 16px;
	right: 16px;
	font-size: 14px;
	cursor: pointer;
}
.rf_modalHeaderBack img, .rf_modalHeaderClose img{
	height: 18px;
	display: block;
}
.rf_modalContentWrapper{
	overflow-y: scroll;
}

.rf_modalFooter{
	border-top:  1px solid var(--rf_theme_border);
	box-sizing: border-box;
	height: 64px;
	line-height: 16px;
	text-align: right;
	padding: 12px 16px;
	font-size: 0px;
}

.rf_modalButton{
	display: inline-block;
	height: 40px;
	line-height: 16px;
	padding: 12px 12px;
	letter-spacing: 1px;
	font-size: 14px;
	font-family: rf_proximaNovaLight;
	text-transform: uppercase;
	box-sizing: border-box;
	border-radius: var(--rf_style_borderRadius);
	margin: 0px;
	cursor: pointer;
}
.rf_modalButton:nth-of-type(2){
	margin-left: 16px;
}
.rf_modalButton.rf_modalButtonPrimary{
	color: var(--rf_theme_base);
	background-color: var(--rf_theme_text);
	border: 1px solid var(--rf_theme_text);
}
.rf_modalButton.rf_modalButtonSecondary{
	color: var(--rf_theme_text);
	background-color: var(--rf_theme_base);
	border: 1px solid var(--rf_theme_text);

}




.rf_modalButton.rf_modalButtonPrimary:hover, .rf_modalButton.rf_modalButtonPrimary.btnHover{
	background-color: #444444;
	border-color: #666666;
	box-shadow: 0 0 0 0 rgba(102,102,102,1), 0 0 0 0 rgba(102,102,102,0) inset;
}
.rf_modalButton.rf_modalButtonPrimary:disabled, .rf_modalButton.rf_modalButtonPrimary:disabled:hover, .rf_modalButton.rf_modalButtonPrimary.btnDisabled, .rf_modalButton.rf_modalButtonPrimary.btnActive:disabled{
	color: #e8e8e8;
	box-shadow: 0 0 0 0 rgba(0,0,0,0);
	border-color: #aaaaaa;
	background-color: #aaaaaa;
	pointer-events: none;
	cursor: none;
}
.rf_modalButton.rf_modalButtonPrimary:active, .rf_modalButton.rf_modalButtonPrimary:active:hover, .rf_modalButton.rf_modalButtonPrimary.btnActive{
	background-color: #444444;
	box-shadow: 0 0 5px 2px rgba(128, 174, 201,1), 1px 1px 6px 0 rgba(0,0,0,.5) inset;
}


.rf_modalButton.rf_modalButtonSecondary:hover, .rf_modalButton.rf_modalButtonSecondary.btnHover{
	box-shadow: 0 0 0 0 rgba(0,0,0,1), 0 0 5px 0 var(--rf_theme_border) inset;
}
.rf_modalButton.rf_modalButtonSecondary:disabled, .rf_modalButton.rf_modalButtonSecondary:disabled:hover, .rf_modalButton.rf_modalButtonSecondary.btnDisabled, .rf_modalButton.rf_modalButtonSecondary.btnActive:disabled{
	color: #cccccc;
	box-shadow: 0 0 0 0 rgba(102,102,102,1), 0 0 0 0 rgba(0,0,0,0) inset;
	border-color: #cccccc;
	pointer-events: none;
	cursor: none;
}
.rf_modalButton.rf_modalButtonSecondary:active, .rf_modalButton.rf_modalButtonSecondary:active:hover, .rf_modalButton.rf_modalButtonSecondary.btnActive{
	box-shadow:  0 0 5px 2px rgba(128, 174, 201,1), 0 0 5px 0 rgba(0,0,0,.5) inset;

	
}




.rf_modalContent{
	box-sizing: border-box;
	text-align: left;
	color: var(--rf_theme_text);
}





.rf_modalFrame.rf_modalSmall{
	max-height: 445px;
	max-width: 454px;
}
.rf_modalFrame.rf_modalMedium{
	max-height: 568px;
	max-width: 688px;
}
.rf_modalFrame.rf_modalLarge{
	max-height: 608px;
	max-width: 923px;
}


.rf_modalFrame.rf_modalSmall .rf_modalContent {
	padding: 24px 40px;
}
.rf_modalFrame.rf_modalMedium .rf_modalContent {
	padding: 24px 64px;
}
.rf_modalFrame.rf_modalLarge .rf_modalContent {
	padding: 24px 72px;
}




.rf_modalFrame.rf_modalSmall:not(.rf_modalHasFooter) > .rf_modalContentWrapper {
	max-height: 397px;
}
.rf_modalFrame.rf_modalSmall.rf_modalHasFooter > .rf_modalContentWrapper {
	max-height: 333px;
}


.rf_modalFrame.rf_modalMedium:not(.rf_modalHasFooter) > .rf_modalContentWrapper {
	max-height: 520px;
}
.rf_modalFrame.rf_modalMedium.rf_modalHasFooter > .rf_modalContentWrapper {
	max-height: 456px;
}


.rf_modalFrame.rf_modalLarge:not(.rf_modalHasFooter) > .rf_modalContentWrapper {
	max-height:  560px;
}
.rf_modalFrame.rf_modalLarge.rf_modalHasFooter > .rf_modalContentWrapper {
	max-height: 496px;
}



/*LARGE*/

@media screen and (min-width: 501px) and (max-width: 971px){
	.rf_modalFrame.rf_modalLarge{
		max-width:  calc(100% - 48px);
	}
	.rf_modalFrame.rf_modalLarge .rf_modalContent {
		padding: 24px 72px;
	}
}
@media screen and (min-height: 486px) and (max-height: 656px){
	.rf_modalFrame.rf_modalLarge{
		max-height: calc(100vh - 48px);
	}
	.rf_modalFrame.rf_modalLarge .rf_modalContent {
		padding: 24px 72px;
	}
	.rf_modalFrame.rf_modalLarge:not(.rf_modalHasFooter) > .rf_modalContentWrapper {
		max-height: calc(100vh - 48px - 48px);
	}
	.rf_modalFrame.rf_modalLarge.rf_modalHasFooter > .rf_modalContentWrapper {
		max-height: calc(100vh - 48px - 64px - 48px );
	}
}

/*MEDIUM*/

@media screen and (min-width: 501px) and (max-width: 736px){
	.rf_modalFrame.rf_modalMedium{
		max-width:  calc(100% - 48px);
	}
}
@media screen and (min-height: 486px) and (max-height: 616px){
	.rf_modalFrame.rf_modalMedium{
		max-height: calc(100vh - 48px);
	}
	.rf_modalFrame.rf_modalMedium:not(.rf_modalHasFooter) > .rf_modalContentWrapper {
		max-height: calc(100vh - 48px - 48px);

		background-color: #ff00ff;
	}
	.rf_modalFrame.rf_modalMedium.rf_modalHasFooter > .rf_modalContentWrapper {
		max-height: calc(100vh - 48px - 64px - 48px);
	}
}



/*SMALL*/


@media screen and (min-height: 486px) and (max-height: 493px){
	.rf_modalFrame.rf_modalSmall{
		max-height: calc(100vh - 48px);
	}
	.rf_modalFrame.rf_modalSmall:not(.rf_modalHasFooter) > .rf_modalContentWrapper {
		max-height: calc(100vh - 48px - 48px);
	}
	.rf_modalFrame.rf_modalSmall.rf_modalHasFooter > .rf_modalContentWrapper {
		max-height: calc(100vh - 48px - 64px - 48px );
	}
}


/*ALL*/

@media screen and (max-width: 768px) and (min-width: 486px) and (min-height: 486px) and (max-height: 1024px){
	.rf_modalFrame .rf_modalContent {
		padding: 24px 32px!important;
	}
}


/*MOBILE*/

@media screen and (max-width: 485px), screen and (max-height: 485px){
	.rf_modalFrame{
		max-width: 100%!important;
		max-height: 100%!important;
		width:  calc(100% - 0px)!important;
		height: calc(100% - 0px)!important;
	}
	.rf_modalFrame .rf_modalContent {
		padding: 24px!important;
	}
	.rf_modalFrame:not(.rf_modalHasFooter) > .rf_modalContentWrapper {
		height: calc(100% - 48px)!important;
		max-height:  100%!important;
	}
	.rf_modalFrame.rf_modalHasFooter > .rf_modalContentWrapper {
		height: calc(100% - 48px - 64px )!important;
		max-height:  100%!important;
	}

	.rf_modalDualCTA .rf_modalButton{
		width: calc(50% - 8px)!important;
	}
	.rf_modalSingleCTA .rf_modalButton{
		width: 100%!important;
	}


}





















/*rf_notifications*/







.rf_notificationContainer{
	position: absolute;
	top: 0px;
	left:  0px;
	right: 0px;
	width: 100%;
	z-index: 5000;
	box-shadow: 0 2px 4px 0 rgba(34,34,34,.25);
}
.rf_notificationOuter{	
	line-height: 24px!important;
	transition: all .3s ease;
	height: 0px;
	overflow: hidden;
}
.rf_notificationOuter.optionActive{
	height: auto;
}
.rf_notificationOuter.rf_notificationSuccess{
	color: var(--success);
	background-color: var(--successBG);
}
.rf_notificationOuter.rf_notificationInfo{
	color: var(--info);
	background-color: var(--infoBG);
}
.rf_notificationOuter.rf_notificationWarning{
	color: var(--warning);
	background-color: var(--warningBG);
}
.rf_notificationOuter.rf_notificationError{
	color: var(--error);
	background-color: var(--errorBG);
}
:not(.rf_blockNotificationContainer) .rf_notificationInner{
	max-width: 1440px;
	margin:  auto;
	padding: 20px 24px;
	box-sizing: border-box;
	position: relative;
}
:not(.rf_blockNotificationContainer) .rf_notificationIcon, :not(.rf_blockNotificationContainer) .rf_notificationClose{
	position: absolute;
	font-size: 16px;
	height: 24px;
	width: 24px;
	font-family: rf-icons;
	text-align: center;
	vertical-align: middle;
}

.rf_blockNotificationContainer .rf_notificationInner{
	max-width: 100%;
	margin:  auto;
	padding: 16px 16px;
	box-sizing: border-box;
	position: relative;
}
.rf_blockNotificationContainer .rf_notificationIcon, .rf_blockNotificationContainer .rf_notificationClose{
	position: absolute;
	font-size: 16px;
	height: 16px;
	width: 16px;
	font-family: rf-icons;
	text-align: center;
	vertical-align: middle;
}
:not(.rf_blockNotificationContainer) .rf_notificationIcon{
	font-size: 20px;
	top: 20px;
	left: 24px;
}
.rf_blockNotificationContainer .rf_notificationIcon{
	font-size: 16px;
	top: 16px;
	left: 16px;
}
.rf_notificationOuter.rf_notificationSuccess  .rf_notificationIcon:before{
	content: "\e917";
}

.rf_notificationOuter.rf_notificationInfo  .rf_notificationIcon:before{
	content: "\e93d";
}

.rf_notificationOuter.rf_notificationWarning  .rf_notificationIcon:before{
	content: "\e971";
}

.rf_notificationOuter.rf_notificationError  .rf_notificationIcon:before{
	content: "\e925";
}
:not(.rf_blockNotificationContainer) .rf_notificationCopy{
	max-width: calc(100% - 80px);
	margin: auto;
	line-height: 24px;
	font-size: 16px;
	letter-spacing: .5px;
	font-family: rf_proximaNovaRegular;
	position: relative;
}
.rf_blockNotificationContainer .rf_notificationCopy{
	max-width: calc(100% - 24px);
	margin: 0px 0px 0px 24px;
	line-height: 24px;
	font-size: 16px;
	letter-spacing: .5px;
	font-family: rf_proximaNovaRegular;
}


.rf_notificationClose{
	top: 20px;
	right: 24px;
	cursor: pointer;
}
.rf_notificationClose:before{
	content: "\e91c";
}

.rf_blockNotificationContainer .rf_notificationClose{
	display: none;
}


















.cardContainer{
	width: 300px;
	text-align: center;
	height: auto;
	border-radius: 2px;
	height: auto;
	box-shadow: 2px 2px 5px 0 #e5e5e5;
	margin: 20px;
	margin-top: 0px;
	margin-bottom: 20px;
	padding-bottom: 30px;
	display: inline-flex;
}
.cardImage img{
	width:100%;
	margin-bottom: 0px;
}
.cardImage p {
	text-align: center;
	padding: 10px;
}
.cardImage p:first-of-type{
	text-align: center;
	margin-left: 5%;
	margin-right: 5%;
	color: var(--rf_theme_text);
	margin-top: 0px;
	font-size: 14px;
	margin-bottom: 0px;
	text-transform: uppercase;
	font-weight: 700;
}
.cardImage p:last-of-type{
	margin-bottom: 2em;
}


.cardProductMini{
	position: relative;
	width: 300px;
	padding: 0px;
	margin: 0px;
}

.cardProductMini img {
	width: 300px!important;
	padding: 0px;
	margin: 0px;
}
.cardProductMini p {
	text-align: left;
	padding: 0px;
}
.cardProductMini * {
	padding: 10px;
}
.cardProductMini a {
	//	width: 100%;
	text-align: center;
	display: inline;
	vertical-align: baseline;
}
.cardMiniRetail, .cardMiniRetailSmall{
	height: 16px;
	padding: 0px;
	margin-bottom: 16px;
	text-transform: capitalize!important;
}
.cardMiniRetail{
	font-size: 16px;
}
.cardMiniRetailSmall{
	font-size: 14px;
}
.productName{
	//height: 50px;
	padding: 0px;
	margin: 0px;
	margin-top: -8px;
	font-size: 16px;
	font-family: RFgotham;
}
.tryOn{
	position: absolute;
	height: 70px;
	width: 70px;
	top: 0px;
	right: 0px;
	border-radius: 100%;
	border: 2px solid;
	text-align: center;
	padding: 0px;
	background-color: rgba(256,256,256,.5);
	transition: all .3s ease;
}
.tryOn:hover{
	box-shadow: 0 0 4px 0, 0 0 2px 0 inset;
}
.tryOn p {
	position: absolute;
	top: 12px;
	left: 10px;
	text-align: center;
	line-height: 22px;
	padding: 0px;
}







.pcContainer, .consultantContainer{
	height: 60px;
	position: relative;
	padding: 0px;
	margin-top: 16px;
}
.consultantContainer > div:first-of-type{
	position: absolute;
	margin-right: 2px;
	left: 0px;
	width: calc(50% - 20px);
}
.consultantContainer > div:last-of-type{
	position: absolute;
	margin-left: 2px;
	right: 0px;
	width: calc(50% - 20px);
}
.cpcInnerContainer{
	height: auto;
	background-color: #F7F7F7;
	padding: 8px;

}
.cpcInnerContainer > p:first-of-type {
	font-size: 14px;
	padding: 0px;
	text-align: center;
}
.cpcInnerContainer > p:last-of-type {
	font-size: 16px;
	padding: 0px;
	text-align: center;
}
.cpcInnerContainer > p {
	line-height: 22px;
	padding: 0px;
	text-align: center;
	margin: 0px;
}
.miniProductDescription{
	height: 50px;
}




.containerShades{
	margin-top: 8px;
	padding: 0px;
	height: 68px;
	//	height: 42px; 
	/* set height to 42px if you want the selected shade to be a drop down, otherwise    */

	//	overflow: hidden;
	transition: all .3s ease;
	margin-bottom: -2px;
}
.shadeBar {
	margin: 0px;
	width: 100%;
	height: 42px;
	padding: 0px;
}
.shadeSelect{
	background-color: var(--rf_theme_base);
	border: thin solid rgba(0,0,0,0);
	padding: 0px;
	height: 36px;
	font-size: 12px;
	line-height: 36px;
	transition: all .3s ease;
	text-transform: none;
	margin-bottom: 0px;
}
.btnCardMiniProduct{
	//	margin-top: 0px;
}
.shadeOuter{
	display: inline-flex;
	height: 40px;
	width: 40px;
	padding: 0px;
	border: 1px solid rgba(0,0,0,0);
	border-radius: 8px;
	position: relative;
	transition: all .3s ease;
}
.shadeOuter:hover, .shadeOuter:active{
	border: 1px solid rgba(0,0,0,.5);
}
.shadeOuterActive{
	border: 1px solid var(--rf_theme_border);
}
.shade{
	position: absolute;
	top: 2px;
	height: 36px;
	width: 36px;
	padding: 0px;
	margin-top: 2px;
	margin-bottom: 2px;
	margin-left: 2px;
	border-radius: 5px;
	line-height: 36px;
	text-align: center;

	
}
.shadeOuter:not(:first-of-type){
	margin-left: 4px;
}
.shadeOuter:not(:last-of-type){
	margin-right: 4px;
}
.shadeOuter:nth-of-type(1) > div, .shell{
	background-color: #FEDDBC;
}
.shadeOuter:nth-of-type(2) > div, .beige{
	background-color: #FFDCC9;
}
.shadeOuter:nth-of-type(3) > div, .sand{
	background-color: #F8D1C0;
}
.shadeOuter:nth-of-type(4) > div, .golden{
	background-color: #E2B08C;
}
.shadeOuter:nth-of-type(5) > div, .almond{
	background-color: #E69671;
}
.shadeOuter:nth-of-type(6) > div, .espresso{
	background-color: #CE7545;
}







.centerWrapper{
	justify-content: flex-start;
	align-items: flex-start;

}
.quote{
	background-color: #f2f9ff;
	padding-left:10%;
	padding-right:10%;
	padding-top: 5%;
	padding-bottom: 5%;
}
.quote p:last-of-type{
	font-size: 14px;
	color: #666666;
}
.quote p:last-of-type:before{
	content: "-";
}
.quote img{
	height: 50px;
}



/* Start Before and after*/


.container-ba-overlay{
	position: absolute;
	bottom: 7px;
	left: 0px;
	right: 0px;
	height: 24px;
	line-height: 20px;
	text-align: center;
	background-color: rgba(0,0,0,.5);
	color: var(--rf_theme_base);
	z-index: 40;
	
}
.container-ba-overlay p{
	position: relative;
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	line-height: 24px;
	//	top: calc(50% - 5px);
	font-family: 'rf_proximaNovaLight', "RFgothamLight"
}
.containerBA{
	box-sizing: border-box;
	margin-left: auto;
	margin-right: auto;
	max-width: 600px;
	width: calc(100% - 36px);

	position: relative;
	left: 0px;
	padding: 0px;
}
.containerBA * {
	//	padding: 0px!important;
	//	text-align: center;
}
.containerBAInner{
	position: relative;
	top: 0px;
	border-radius: 0px;
	margin: 0px;
	padding: 0px;
	margin-right: auto;
	margin-left: auto;	
	overflow: hidden;
	width: 100%;
	pointer-events: none;
}
.ba-Img{
	position: relative;
	top: 0px;
	right: 0px;
	bottom: 0px;
	width: 100%;
	padding: 0px!important;
	margin: 0px!important;
	height: 100%;
	object-fit: contain;
	//	opacity: 0;
	pointer-events: none;
}
.ba-Before{
	padding: 0px;
	margin: 0px;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 40%;
	height: 100%;
	overflow: hidden;
}
.ba-After{
	position: absolute;
	top: 2px;
	right: 2px;
	width: 20%;
	height: calc(100% - 7px);
	margin: -2px;
	bottom: 0px;
	border: none;
	border-left: 1px solid rgba(255,255,255,1);
	overflow: hidden;
	box-sizing: border-box;
}
.ba-After-Inner{
	padding: 0px;
	margin: 0px;
	//	width: 100%;
	//	height: 100%;
	overflow: hidden;
}
.ba-After img{
	object-fit: cover;
	object-position: right;
	position: absolute;
	top: 0px;

	right: 0px;
	margin: 0px;
	width: calc(100% + 0px);
	height: calc(100% + 0px)
}
.ba-Before-Title, .ba-After-Title{
	position: absolute;
	top: 24px;
	min-width: 156px;
	//	width: 156px;
	height: 16px;
	padding: 8px;
	background-color: rgba(0,0,0,.5);
	overflow: hidden;
	text-transform: uppercase;
	font-size: 12px;
	line-height: 16px;
	color: var(--rf_theme_base);
	text-align: center;
	font-family: RFgothamMedium!important;
}
@media screen and (max-width: 550px) {
	.ba-Before-Title, .ba-After-Title{
		min-width: 128px;
		width: 128px;
		height: 24px;
		font-size: 10px;
		line-height: 24px;
	}
}
.ba-Before-Title > *, .ba-After-Title > *{
	color: var(--rf_theme_base)!important;
}
.ba-Before-Title{
	left: 1px;
	border-top-right-radius: 2px;
	border-bottom-right-radius: 2px;
	border-left: none;
}
.ba-After-Title{
	right: 1px;
	top: 26.5px;
	border-top-left-radius: 2px;
	border-bottom-left-radius: 2px;
	border-right: none;
}
.container-ba-Slider{
	position: absolute;
	top: 50%;
	left: 0px;
	width: 100%;
}
.ba-slider{
	width: 100%;
	transition: none!important;
}
.baRange{
	position: absolute;
	-webkit-appearance: none;
	appearance: none;
	max-width: 150%;
	left: -15px;
	right: 15px;
	width: calc(100% + 30px);
	background: transparent;
	border: 1px solid transparent!important;
}


.baRange::-webkit-slider-runnable-track {
	-webkit-appearance: none;
	appearance: none;
	width: 100%;
	height: 0px;
	border: none;
	border-radius: 3px;
	background: transparent;
}

.baRange::-webkit-slider-thumb {
	position: relative;
	left: -3px;
	-webkit-appearance: none;
	appearance: none;
	border: none;
	height: 30px;
	width: 30px;
	border-radius: 50%;
	background: #7bafd4;
	margin-top: -15px;
	background-image: url('../images/icons/slider.svg');
	background-size: 30px 30px;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	background-color: transparent;
	box-shadow: 0 0 5px 0 rgba(0,0,0,.75);
	animation-name: sliderGlow;
	animation-duration: 1.5s;
	animation-iteration-count: infinite;
	animation-timing-function: ease;
}
@keyframes sliderGlow {
	0%   {box-shadow: 0 0 5px 0 rgba(0,0,0,.75);}
	50%  {box-shadow: 0 0 0 0 var(--rf_theme_border);}
	100% {box-shadow: 0 0 5px 0 rgba(0,0,0,.75);}
}


.baRange:focus {
	outline: none;
}

.baRange:focus::-webkit-slider-runnable-track {
	background: rgba(0,0,0,0);
}

.baRange::-moz-range-track {
	-webkit-appearance: none;
	appearance: none;
	width: 100%;
	height: 0px;
	border: none;
	border-radius: 3px;
	background: transparent;
}
.baRange::-moz-range-thumb {
	-webkit-appearance: none;
	appearance: none;
	border: none;
	height: 30px;
	width: 30px;
	border-radius: 50%;
	background: #7bafd4;
	margin-top: -15px;
}

/*hide the outline behind the border*/
.baRange:-moz-focusring{
	outline: rgba(0,0,0,0);
	outline-offset: -1px;
}

.baRange::-ms-track {
	width: 300px;
	height: 5px;

	/*remove bg colour from the track, we'll use ms-fill-lower and ms-fill-upper instead */
	background: transparent;

	/*leave room for the larger thumb to overflow with a transparent border */
	border-color: transparent;
	border-width: 6px 0;

	/*remove default tick marks*/
	color: transparent;
}
.baRange::-ms-fill-lower {
	background: #777;
	border-radius: 10px;
}
.baRange::-ms-fill-upper {
	background: #ddd;
	border-radius: 10px;
}
.baRange::-ms-thumb {
	border: none;
	height: 16px;
	width: 16px;
	border-radius: 50%;
	background: goldenrod;
}
.baRange:focus::-ms-fill-lower {
	background: #888;
}
.baRange:focus::-ms-fill-upper {
	background: #ccc;
}






/* End Before and after*/






.rf_dataVisCard{
	display: inline-block;
	width: calc(100% / 4);
	position: relative;
	min-height: 120px;
	margin: 0px;
	margin-right: -4px;
	font-size: 0px;
	padding: 0px;
	text-align: center;
	box-sizing: border-box;
}

.rf_dataVisWrapper > div:not(:last-of-type):after{
	position: absolute;
	content: " ";
	width: 2px;
	height: 100%;
	top:0px;
	right: -1px;
	background-color: var(--manifestoNew_tint_70);
}
.rf_dataVisCard > .rf_dataVis{
	margin: 0px 24px ;
	top: 1px;
}

.rf_dataVis > .rf_dataVisSymbol{
	position: absolute;
	right: -30px;
	top: 0px!important;
	vertical-align: top;
}







.tabContainer {
	position: relative;
	top: 0px;
	height: 48px;
	transition: all .3s ease;
	//	background-color: #ff00ff;
}
.tab{
	font-family: "rf_proximaNovaMedium", RFgothamBook;
	letter-spacing: 1px;
	display: block;
	float: left;
	//	padding: 14px;
	padding-left: 16px;
	padding-right: 16px;
	height: 46px;
	transition: all .3s ease;
	border: 1px solid rgba(0,0,0,.1);
	text-align: center;
	top: 0px;
	position: relative;
	font-size: 14px;
	line-height: 48px;
	text-transform: uppercase;
	color: var(--rf_theme_accent);
	cursor: pointer;
}
.tab:not(:first-of-type){
	border-left: none;
}
.tab img {
	visibility: hidden;
	position: absolute;
	right: 16px;
	top: 14px;
	margin-top: auto;
	margin-bottom: auto;
}
.tabContent {
	font-family: RFgothamLight;
	font-size: 14px;
	line-height: 24px;
	background-color: var(--rf_theme_base);
	position: absolute;
	top: 47px;
	left: 0px;
	height: 0px;
	max-height: 500px;
	width: 100%!important;
	overflow: auto;
	box-shadow: 0 0 0 1px rgba(0,0,0,.1) inset;

	transition: all .3s ease;
}
.tabContent p {
	//	font-size: 12px;
	padding: 16px;
	text-align: left;
	margin: 0px;
}
.tab hr {
	position: absolute;
	top: 37px;
	width: 0%;
	height: 3px;
	border: none;
	background-color: #7bafd4;
	transition: all .3s ease;
	position: absolute;
	left: 00%;
	z-index: 4;

}
.tab:hover, .tabActive{
	color: var(--rf_theme_text);
}

.tabActive > hr{
	width: 100%;
	left: 0%!important;	
}


.tab:hover > hr{
	//	width: 100%;
	//	left: 0%!important;	
}

.tabContainer > .tabActive{
	//	background-color: #ffccaa!important;
	height: auto;
}


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

	.tabContainer{
		height: auto;
		width: calc(100% - 16px);
		left: 8px;
	}
	.tab{
		position: relative;
		float: none;
		width: calc(100% - 32px);
		text-align: left;
		border-left: none;
		border-right: none;
	}
	.tab:not(:first-of-type){
		border-top: none;
	}
	.tabContent{
		position: relative;
		top: 0px;
		box-shadow: none;

	}
	.tabActive{	
		border-bottom: 1px solid transparent;
	}
	.tabActive + .tabContent{

		border-bottom: 1px solid rgba(0,0,0,.1);
	}
	.tab > hr {
		height: 0px;
	}
	.tabActive img {
		content: url("https://claritydeignsystem.com/images/icons/subtract.svg");
		//transform: rotate(45deg);
		top: 21px;
	}
	.tab img {
		visibility: visible;
	}
}



.expandHeader{
	cursor: pointer;
	position: relative;
	height: 60px;
	padding-top: auto;
	padding-bottom: auto;
	border-bottom: 1px solid rgba(0,0,0,.5);
}
.expandHeader img {
	position: relative;
	right: 10px;
	float: right;
	display: block;
	vertical-align: baseline;
	transition: all .3s ease;
}
.expandHeader p{
	position: absolute;
	width: 100%;
	top: 22px;
	margin-bottom: auto;
}
.expandHeader ~ div {
	transition: all .3s ease;
	overflow: hidden;
	height: auto;
	margin-top: 16px;
	max-height: 0px;

}
.expandHeader:active ~ div, .expandHeaderActive ~ div {
	//height: auto;
	max-height: 1000px;
}
.expandHeader:active img, .expandHeaderActive img {
	transform: rotate(-45deg);
}





.asSeenIn{
	background-color: #4e82a6;
	padding: 50px;
}
.asSeenIn p {
	color: var(--rf_theme_base);
	text-transform: uppercase;
	font-weight: 700;
}


.footerContainer{
	position: relative;
	margin-right: 16px;
	bottom: 0px!important;
	margin-bottom: 0px!important;
	margin-left: 16px;
	width: calc(100% - 32px);
	
}
.footerLegal{
	height: 50px;
	line-height: 50px;
}
.divideTop{
	border-top: thin solid #666666;
}


.avatarMini{
	height: 20px;
	border-radius: 20px;
	display: inline-flex;
	margin-bottom: auto;
	vertical-align: middle;
	border: 1px solid var(--rf_theme_text);
}







.borderInner,.borderInner *{
	box-shadow: 0 0 0 1px #cccccc inset;
}



.youMayLikeCarouselContainer{
	width: 100%;
	height: 240px;
	position: relative;
	overflow: hidden;
}
.youMayLikeCarouselLeft{
	background-image: linear-gradient(to right, rgba(255,255,255,1), rgba(255,255,255,0));
	left: 0px;
}
.youMayLikeCarouselRight{
	background-image: linear-gradient(to left, rgba(255,255,255,1), rgba(255,255,255,0));
	right: 0px;
}
.youMayLikeCarouselLeft, .youMayLikeCarouselRight{
	position: absolute;
	height: 100%;
	width: 64px;
	top: 0px;
	z-index: 5
}
.youMayLikeCarouselLeft p, .youMayLikeCarouselRight p{
	top: calc(50% - 24px);
	position: absolute;
	text-align: center;
	width: 100%;
	font-size: 40px;
}
.youMayLikeCarouselOuter{
	position: absolute;
	left: 64px;
	width: calc(100% - 128px);
	height: 100%;
	overflow: hidden;
	z-index: 1;
}
.youMayLikeCarouselInner{
	position: relative;
	left: 0px;
	transition: all .3s ease;
	width: 5000px;
	height: 100%;	
	font-size: 0px;
	text-align: left;

}
.youMayLikeCarouselCard{
	position: relative;
	display: inline-block;
	font-size: 0px;
	height: 10px;
	//max-width: 268px;
	width: 10px;
	border: 1px solid var(--rf_theme_border);
	left: 0px;
	margin-right: 0px;
	margin-left: 0px;


}

.youMayLikeCarouselCard:not(:first-of-type){
	margin-left: 7px;
}
.youMayLikeCarouselCard:not(:last-of-type){
	margin-right: 7px;
	
}
.youMayLikeCarouselCard img{
	position: absolute;
	top: 5%;
	left: 10%;
	width: 80%;
}
.youMayLikeCarouselCard p {
	font-family: RFgothamLight;
	font-size: 16px;
	display: inline-block;
	position: relative;
	top: calc(50% - 22px);
	margin-left: 5px;
	margin-right: 5px;
	width: calc(100% - 10px);
	line-height: 22px;
	text-align: center;

}
.youMayLikeCarouselCard > div {
	position: absolute;
	top: 60%;
	left: 5px;
	width: calc(100% - 10px);
	height: 40%;
}

.youMayLikeCarouselDotsOuter{
	position: relative;
	text-align: center;
	height: 0px;
	overflow: hidden;

}
.youMayLikeCarouselDots{
	position: relative;
	top: 10px;
	display: inline-block;
	height: 12px;
	width: 12px;
	border-radius: 20px;
	border: 1px solid #000000;
	background-color: transparent;
	box-shadow: 0 0 0 6px #000000 inset;
	transition: all .3s ease;
}
.youMayLikeCarouselDots:not(:first-of-type){
	margin-left: 5px;
}
.youMayLikeCarouselDots:not(:last-of-type){
	margin-right: 5px;
}
.youMayLikeCarouselDots:hover, .youMayLikeCarouselDotsActive{
	box-shadow: 0 0 0 0 #000000 inset;
}
@media screen and (max-width: 900px){
	.youMayLikeCarouselCard p {
		font-size: 14px;
	}	
}
@media screen and (max-width: 720px){
	.youMayLikeCarouselCard p {
		font-size: 12px;
	}	
}
@media screen and (max-width: 700px){
	.youMayLikeCarouselCard p {
		font-size: 16px;
	}	
}

@media screen and (max-width: 768px) {
	.youMayLikeCarouselOuter{
		left: 8px;
		width: calc(100% - 16px);

	}
	.youMayLikeCarouselLeft, .youMayLikeCarouselRight{
		width: 0px;
		overflow: hidden;
	}
	.youMayLikeCarouselDotsOuter{
		height: 44px;
	}
}


.dotsContainer{
	
	font-size: 0px;
	height: 24px;
	text-align: center;
	line-height: 24px;
}
.dots{
	position: relative;
	top: 4px;
	height: 14px;
	width: 14px;
	border-radius: 8px;
	border: 1px solid #000000;
	transition: all .4s ease;
	box-shadow: 0 0 0 0 #000000 inset;
	display: inline-block;
	margin: 0px;
	padding: 0px;
	font-size: 0px;
}
.dots:not(:first-of-type){
	margin-left: 8px;
}
.dots:hover, .dotsActive{
	box-shadow: 0 0 0 8px #000000 inset;
}




.pdpTopContainer{
	position: relative;
	//	margin-top: 200px;
	overflow: auto;
	margin-bottom: 32px;
}
.pdpLeftContainer{
	float: left;
	width: calc(60% - 16px);
	//	margin-left: 8px;
	min-width: 300px;
	max-width: 584px;
}
.pdpLeftInner{
	position: relative;
	max-width: 584px;
	
}
.pdpCarouselContainer{
	width: 100%;
	margin: 0px;
	padding: 0px;
	
}
.pdpCarouselUpper{
	position: relative;
	margin-bottom: 24px;
	overflow: hidden;
	height: 584px;

}
.pdpCarouselSlider{
	position: absolute;
	width: calc((584px * 6) + 100px);
	height: 584px;
	font-size: 0px;
	left: 0px;
	transition: none;	
}
.pdpCarouselSlider:hover {
	//left: -584px;
}
.pdpCarouselInner{
	position: relative;
	display: inline-block;
	height: 100%;
	width: 584px;
	top: 0px;
	
	left: -10px;
	margin-right: -4px;

}
.pdpCarouselInner img {
	width: 100%;
	margin: 0px;
	padding: 0px;
	margin-bottom: -6px;
	
}
.pdpCarouselLower{
	clear: both;
	overflow: auto;
	margin-bottom: 24px;
	font-size: 0px;
	z-index: 100;
}
.pdpCarouselLowerInner{
	font-size: 14px;
	width: 13%;
	max-width: 80px;
	display: inline-block;
	margin: 0px;
	padding: 0px;
	margin-right: 3.5%;
	border: 1px solid rgba(0,0,0,.1);
	border-radius: 2px;
	transition: all .3s ease;
}
.pdpCarouselLowerInner:hover, .pdpCarouselLowerInner:active, .pdpCarouselLowerInnerActive{
	border: 1px solid rgba(0,0,0,.5);	
}

.pdpCarouselLowerInner:first-of-type{
	margin-left: 0px;
}
.pdpCarouselLowerInner:last-of-type{
	margin-right: 0px;
}
.pdpCarouselLowerInner img {
	width: 100%;
	margin-bottom: -5px;
	//border: 1px solid var(--rf_theme_border);
}
.pdpRightContainer{
	float: right;
	width: calc(100% - 584px);
	width: 40%;
	min-width: 300px;
}
.pdpRightContainer * {
	//	margin: 0px;
	//	margin-bottom: 16px;
}
.pdpRightHeader{
	width: calc(100% - 16px);

	margin-left: auto;
	margin-right: auto;
	max-width: 500px;
	min-width: 268px;
	margin-bottom: 16px;
}
.pdpRightHeader span{
	margin: 0px;
	padding: 0px;
}
.pdpRightInner{
	margin-right: auto;
	margin-left: auto;
	width: calc(100% - 16px);
	max-width: 320px;
	min-width: 268px;
}
.pdpDescription{
	margin-bottom: 16px;
}
.pdpRetail{
	margin-bottom: 16px;
}
.pdpImageContainer img{
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	margin: 0px;
	padding: 0px;
}

.pdpImageOutOfStock{
	display: table;
	position: absolute;
	top: calc(50% - 50px);
	left: calc(50% - 50px);
	height: 100px;
	width:100px;
	border-radius: 100px;
	vertical-align: middle;
	background-color: rgba(0,0,0,.5);
	-webkit-backdrop-filter: blur(3px);
	backdrop-filter: blur(3px);
	box-shadow: 0 0 5px 0 var(--rf_theme_border) inset;

}
.pdpImageOutOfStock > div {
	display: table-cell;
	vertical-align: middle;
	color: var(--rf_theme_base);
}
.pdpBottomContainer{
	clear: both;
	position: relative;
}
.pdpVariantMainContainer{
	position: relative;
	//	margin-bottom: 16px;
}
.pdpVariantLower p{
	position: relative;
	top: 16px;
	font-size: 14px;
	text-align: left;
	margin: none;
	padding: none;
}
.pdpVariantLower{
	height: 48px;
	
}

.pdpVariantLower button{
	min-width: 130px;
}
.pdpVariants{
	padding: 0px;
	margin-bottom: 0px;
}
.pdpVariantBox{
	display: inline-block;
	position: relative;
	border-radius: 5px;
	width: 80px;
	height: 70px;
	padding: 4px;
	border: thin solid rgba(0,0,0,0);
	transition: all .3s ease;
	margin-right: auto;
}

.pdpVariantBox:hover, .pdpVariantBoxActive{
	border: thin solid var(--rf_theme_border)
}
.pdpVariantBox img{
	width: 100%;
	position: relative;
	top: 12.5%;
}



.guarantee{
	margin-left: auto;
	margin-right: auto;
	height: 32px;
	width: calc(100% - 24px);
	background-image: url("https://claritydeignsystem.com/images/guarantee.png");
	background-size: 32px 100%;
	position: relative;

}
.guarantee p {
	margin-top: auto;
	margin-bottom: auto;
	line-height: 32px;
}
.guarantee:after{
	content: url("https://claritydeignsystem.com/images/guaranteeRight.png");
	height: 32px;
	position: absolute;
	top:0px;
	right: -18px;

}
.guarantee:before{
	content: url("https://claritydeignsystem.com/images/guaranteeLeft.png");
	position: absolute;
	top:0px;
	left: -18px;

}

@media screen and (max-width: 835px){
	.pdpLeftContainer{
		width: calc(100% - 16px);
		float: none;
		margin-left: auto;
		margin-right: auto;
	}
	.pdpRightContainer{
		width: 100%;
		float: none;
		margin-left: auto;
		margin-right: auto;
	}


}
@media screen and (max-width: 550px){
	.pdpCarouselLowerInner{
		font-size: 14px;
		width: 12px;
		height: 12px;
		max-width: 80px;
		display: inline-block;
		margin: 0px;
		border-radius: 100%;
		box-shadow: 0 0 0 0 var(--rf_theme_base) inset;
		background-color: var(--rf_theme_base);
		border: 1px solid #000000;
	}
	.pdpCarouselLowerInner:not(:first-of-type) {
		margin-left: 5px;
	}
	.pdpCarouselLowerInner:not(:last-of-type) {
		margin-right: 5px;
	}

	.pdpCarouselLowerInner:hover, .pdpCarouselLowerInner:active,  .pdpCarouselLowerInnerActive {
		box-shadow: 0 0 0 6px #000000 inset;
		border: 1px solid #000000;
	}
	.pdpCarouselLowerInner img {

		content: url('../images/transparent.png');
		height: 0px;
		width: 0px;
	}

}





.marginBottomMedium{
	margin-bottom: 16px;
}











.containerBarGraph{
	width: 100%;
	justify-content: flex-start;
	align-items: flex-start;
}

.barGraphWrapper{

	width: 45%;
	max-width: 450px;
	min-width: 300px;
	position: relative;
	height: 60px;
	display: inline-block;

}
.barGraphWrapper * {
	line-height: 15px;
	height: 15px!important;
}
.barGraphHeader{
	position: absolute;
	top:0px;
	left: 0px;
}
.barGraphOuter{
	position: absolute;
	background-color: #999999;
	//width: 325px;
	height: 15px;
	top: 20px;
	left: 0px;
	right: 100px;
}
.barGraphInner{
	position: absolute;
	height: 100%;
	width: 50%;
	background-color: #f2a639;
}

.barGraphValue{
	position: absolute;
	right: 0px;
	top: 20px;
	width: 100px;
	height: 20px!important;
	overflow: hidden;
}

@media screen and (max-width: 1100px) {
	.logoSmallTrigger{
		content: url("https://claritydeignsystem.com/images/icons/rf-stamp-logo.svg");
	}
}


.break{
	display: inline-block;
}



.uppercase, .uppercase *{
	text-transform: uppercase!important;
}
.capitalize, .capitalize *{
	text-transform: capitalize!important;
}
.lowercase, .lowercase *{
	text-transform: lowercase!important;
}
.textTransClear, .textTransClear *{
	text-transform: none!important;
}

.initialCase, .initialCase *{
	text-transform: initial!important;
}










.paginationContainer{
	box-sizing: border-box;
	display: block;
	height: 48px;
	font-family: 'rf_proximaNovaLight', 'RFgothamLight';
	font-size: 0px;
	text-align: center;
	padding: 13px 0px;
}
.paginationItem{
	position: relative;
	box-sizing: border-box;
	height: 22px;
	color: var(--rf_theme_text);
	background-color: transparent;
	vertical-align: middle;	
	display: inline-block;
	font-size: 14px;
	line-height: 14px;
	padding: 4px 8px;
	margin: 0px 4px;
	text-align: center;
	cursor: pointer;
	border-radius: var(--rf_style_borderRadius);
	transition: background-color .3s ease;
	color: var(--rf_theme_text);
}
.paginationItem:hover{
	background-color: var(--rf_theme_offBase);
}
.paginationItem:active{
	background-color: var(--rf_theme_accent);
	color: var(--rf_theme_base);
}
.paginationItem.paginationSelected{
	background-color: var(--linkBlue);
	color: var(--rf_theme_text_invert);
	overflow: hidden;
	pointer-events: none;
	font-family: rf_proximaNovaRegular, 'RFgothamLight';
}
.paginationPrev.paginationDisabled, .paginationNext.paginationDisabled{
	color: var(--rf_theme_offBase);
	pointer-events: none;
}
.paginationItem.paginationPrev, .paginationItem.paginationNext, .paginationItem.paginationEllipsis{
	font-family: 'rf-icons';
	background-color: transparent;
	transition: all .3s ease;
}


.paginationItem.paginationPrev:hover{
	//animation-name: paginationPrev;
	animation-duration: 1s;
	animation-iteration-count: infinite;
	animation-timing-function: ease;

	//-moz-animation-name: paginationPrev;
	-moz-animation-duration: 1s;
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: ease;
}


.paginationItem.paginationNext:hover{
	//animation-name: paginationNext;
	animation-duration: 1s;
	animation-iteration-count: infinite;
	animation-timing-function: ease;

	//-moz-animation-name: paginationNext;
	-moz-animation-duration: 1s;
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: ease;
}


@keyframes paginationPrev {
	0%, 100%{
		left: 0px;
	}
	50%{
		left: -5px;
		opacity: .5;
	}
}

@keyframes paginationNext {
	0%, 100%{
		right: 0px;
	}
	50%{
		right: -5px;
		opacity: .5;
	}
}



.paginationItem.paginationEllipsis{
	pointer-events: none;
}


.paginationItem.paginationPrev, .paginationItem.paginationNext{
	font-size: 16px;
}
.paginationItem.paginationPrev:before{
	content: "\e91a";
}
.paginationItem.paginationNext:before{
	content: "\e91b";
}









.steppedProgressBarContainer{
	width: 100%;
	position: relative;
	height: 72px;
	counter-reset: steppedProgressBarCounter;
	
}
.steppedProgressBarContainer > table{
	width: calc(100% - 32px);
	margin-left: auto;
	margin-right: auto;
}


.steppedProgressBarContainer > table tr td{
	
	border: none;
	border-collapse: collapse;
}
.steppedProgressBarCircle{
	height: 38px;
	width: 38px;
	border: 1px solid #000000;
	border-radius: 100%;
	position: relative;
	display: inline-block;
	top: 0px;
	transition: all .3s ease;
	transition-delay: 300ms;

	font-family: 'rf_proximaNovaLight',"RFgothamLight",Helvetica,Arial,sans-serif;
}

.steppedProgressBarCircle.effect{
	border: 1px solid #000000!important;
	background-color: var(--rf_theme_base)!important;
	color: var(--rf_theme_text)!important;

	font-family: 'rf_proximaNovaLight',"RFgothamLight",Helvetica,Arial,sans-serif;
}
.steppedProgressBarCircle.effect:before{
	content: counter(steppedProgressBarCounter)!important;

}

.steppedProgressBarCircle:before{
	position: absolute;
	text-align: center;
	height: 100%;
	width: 100%;
	left: 0px;
	line-height: 38px;
	counter-increment: steppedProgressBarCounter;
	content: counter(steppedProgressBarCounter);
}

.steppedProgressBarTitle {
	position: absolute;
	top: 40px;
	display: block;
	height: 24px;
	line-height: 24px;
	width: 72px;
	text-align: center;
	left: -16px;
	font-size: 12px;
	font-family: 'rf_proximaNovaMedium',"RFgothamLight",Helvetica,Arial,sans-serif;
	color: var(--rf_theme_accent);
}
.steppedProgressBarFlex{
	height: 2px;
	width: calc(100% + 9px);
	background-color: #D8D8D8;
	//	max-width: 200px;

	vertical-align: top;
	margin: 0px;
	left: -4px!important;
	right: -5px!important;
	position: relative;
}
.steppedProgressBarContainer * .steppedProgressBarFlex{
	top: 17px;
}
.steppedProgressBarCompleted.steppedProgressBarFlex{
	background-color: var(--rf_theme_accent);
}




.steppedProgressBarCompleted25:before, .steppedProgressBarCompleted33:before, .steppedProgressBarCompleted50:before, .steppedProgressBarCompleted66:before, .steppedProgressBarCompleted75:before{
	content: "";
	position: absolute;
	left: 0px;
	top: 0px;
	bottom: 0px;
	height: 2px;
	background-color: var(--rf_theme_accent);
}
.steppedProgressBarCompleted25:before{
	width: 25%;
}
.steppedProgressBarCompleted33:before{
	width: 33%;
}
.steppedProgressBarCompleted50:before{
	width: 50%;
}
.steppedProgressBarCompleted66:before{
	width: 66%;
}
.steppedProgressBarCompleted75:before{
	width: 75%;
}


.steppedProgressBarCompleted.steppedProgressBarCircle{
	background-color: var(--rf_theme_accent);
	color: var(--rf_theme_base);
	border-color: var(--rf_theme_accent);
	cursor: pointer;
}

.steppedProgressBarCompleted{
	background-color: #ff00ff;
	color: var(--rf_theme_base);
	border-color: var(--rf_theme_accent);
	cursor: pointer;
}



.steppedProgressBarCurrent.steppedProgressBarCircle{
	background-color: var(--rf_theme_text);
	color: var(--rf_theme_base);
	border-color: var(--rf_theme_text);

	font-family: 'rf_proximaNovaLight',"RFgothamLight",Helvetica,Arial,sans-serif;
}
.steppedProgressBarCurrent.steppedProgressBarCircle > .steppedProgressBarTitle{
	color: var(--rf_theme_text);
	//font-family: "RFgothamMedium",Helvetica,Arial,sans-serif;
}


.steppedProgressBarChecked.steppedProgressBarCircle{
	background-color: var(--rf_theme_accent);
	color: var(--rf_theme_base);
	border-color: var(--rf_theme_accent);
	pointer-events: none;
}
.steppedProgressBarChecked.steppedProgressBarCircle:before{
	font-family: 'rf_proximaNovaLight',"rf-icons";
	content: "\e912";
	line-height: 42px;
}







.timelineContainer{
	position: relative;
	padding: 16px;
}
.timelineHR {
	position: absolute;
	width: 3px;
	top: 0px;
	bottom: 0px;
	left: calc(50% - 2px);
	border: none;
	background-color: var(--rf_theme_accent);
	margin: 0px;
}
.timelineItemContainer{
	position: relative;
	width: calc(50% - 66px);
	border: 1px solid var(--rf_theme_accent);
	background-color: var(--rf_theme_base);
	padding: 16px;
	margin-bottom: 0px;
}
.timelineItemContainer:not(:last-of-type){
	margin-bottom: 32px;
}
.timelineContainer p {
	margin: 0px;
}
.timelineContainer p:not(:last-of-type){
	margin-bottom: 16px;
}
.timelineItemContainer:nth-of-type(2n){
	left: calc(50% + 32px);
}
.timelineItemContainer:before {
	content: "";
	position: absolute;
	height: 16px;
	width: 16px;
	border-radius: 100%;
	background-color: #7bafd4;
	right: -40px;
	top: 6px;
}
.timelineItemContainer:nth-of-type(2n):before{
	left: -42px;
}
.timelineItemContainer:after {
	content: "";
	position: absolute;
	height: 12px;
	width: 12px;
	background-color: var(--rf_theme_base);
	transform: rotate(-45deg);
	border: 1px solid transparent;
	top: 9px;
}
.timelineItemContainer:nth-of-type(2n-1):after {
	border-right: 1px solid var(--rf_theme_accent);
	border-bottom: 1px solid var(--rf_theme_accent);
	right: -7px;
}
.timelineItemContainer:nth-of-type(2n):after{
	left: -7px;
	border-left: 1px solid var(--rf_theme_accent);
	border-top: 1px solid var(--rf_theme_accent);
}

@media screen and (max-width: 768px) {
	.timelineHR{
		left: 16px;
	}

	.timelineItemContainer:before{
		left: -31px!important;
	}
	.timelineItemContainer{
		left: 24px!important;
		width: calc(100% - 42px);

	}
	.timelineItemContainer:after{
		left: -7px;
		border-right: 1px solid transparent!important;
		border-bottom: 1px solid transparent!important;
		border-left: 1px solid var(--rf_theme_accent)!important;
		border-top: 1px solid var(--rf_theme_accent)!important;
	}
}


.rfBorder{
	border-style: solid!important;
	border-width: 1px!important;
}
.rfBorderLeft{
	border-left-style: solid!important;
	border-left-width: 1px!important;	
}
.pad8{
	padding: 8px!important;
}
.pad16{
	padding: 16px!important;
}
.pad24{
	padding: 24px!important;
}
.pad32{
	padding: 32px!important
}
.pad48{
	padding: 48px!important
}
.margin8{
	margin: 8px!important;
}

.padTB8{
	padding-top: 8px;
	padding-bottom: 8px;
}

.padSide8{
	padding: 0px 8px;
}
.padSide16{
	padding: 0px 16px;
}
.padSide32{
	padding: 0px 32px;
}

.padHorizontal8{
	padding: 8px 0px;
}






.salesProgressChartInner, .salesProgressChartOuter{
	position: absolute;
	//		background-color: #dddddd;
	width: 60px;
	text-align: center;
	left: calc(50% - 30px);
}
.salesProgressChartInner {
	top: calc(50% + 8px);
}
.salesProgressChartOuter {
	bottom: calc(50% + 8px);
}
.salesProgressChartInner p, .salesProgressChartOuter p {
	margin: 0px;
	padding: 0px;
	color: var(--rf_theme_text);
	font-family: var(--rf_style_sanSerif_regular);
}
.salesProgressChartInner p:first-of-type, .salesProgressChartOuter p:first-of-type{
	color: transparent;
	font-size: 32px;
	line-height: 32px;
	font-family: var(--rf_style_sanSerif_regular);
}
.salesProgressChartContainer{
	position: relative;
}
.salesProgressChartInner:active ~ svg > .arcInner, .salesProgressChartInner:hover ~ svg > .arcInner{
	opacity: 1;
}
.salesProgressChartOuter:active ~ svg > .arcOuter, .salesProgressChartOuter:hover ~ svg > .arcOuter{
	opacity: 1;
}

.arcBG{
	fill: transparent;
	stroke: var(--rf_theme_accent);
	stroke-width: 10px;
	stroke-linecap: round;
	box-shadow: 0 0 0 10px #000000;
}
.arcSmallBG{
	fill: transparent;
	stroke: var(--rf_theme_accent);
	stroke-width: 4px;
	stroke-linecap: round;
	box-shadow: 0 0 0 10px #000000;
}
.arcOuter, .arcInner{
	fill: none;
	stroke: transparent;
	stroke-width: 8px;
	opacity: 1;
	stroke-linecap: round;
	//		transition: all .3s ease;
	//		stroke-dasharray: 733.0617065429688px;
	//		stroke-dashoffset: 733.0617065429688px;
}

.miniRingGraphContainer{
	width: 152px;
	position: relative;
	text-align: center;
	display: inline-block;
}
.miniRingGraphContainer:nth-of-type(n+3){
	margin-top: 16px;
}
.miniRingGraphLabel{
	height: 24px;
	font-size: 8px;
	line-height: 24px;
	text-transform: uppercase;		
}
.miniRingGraphLabel > p:first-of-type{
	font-size: 16px;
	line-height: 24px;
	color: #4b82a8;
}
.miniRingGraphLabel > p {
	position: relative;
	vertical-align: top;
	display: inline-block;
	height: 24px;
	line-height: 24px;
	margin: 0px;
	padding: 0px;
}
.miniRingGraphInner{
	position: relative;
	height: 64px;
	width: 64px;
	margin-left: auto;
	margin-right: auto;

}
.miniRingGraphInner > svg{
	position: absolute;
	top: 0px;
	left: 0px;
}

.miniRingGraphInnerLabelContainer{
	position: absolute;
	height: 32px;
	overflow: hidden;
	top: calc(50% - 16px);
	width: 32px;
	left: calc(50% - 16px);
}
.miniRingGraphInnerLabelContainer > p {
	line-height: 16px;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
}
.miniRingGraphInnerLabelSuccess{
	position: absolute;
	height: 32px;
	overflow: hidden;
	height: 52px;
	width: 52px;
	border-radius: 100%;
	top: 6px;
	bottom: 6px;
	left: 6px;
	right: 6px;
	background-color: #56B74F;
	color: var(--rf_theme_base);
	text-transform: uppercase;
	font-size: 6px;
	line-height: 6px;
	transition: all .1s ease;
}
.miniRingGraphInnerLabelSuccess:active{
	height: 0px;
	width: 0px;
	top: 32px;
	left: 32px;
}
.miniRingGraphInnerLabelSuccess:active > p:first-of-type{
	margin-top: -28px;
}
.miniRingGraphInnerLabelSuccess > p {
	margin: 0px;
	padding: 0px;
	//		background-color: #ffff00;
}
.miniRingGraphInnerLabelSuccess > p:first-of-type {
	margin-top: 4px;
	font-size: 30px;
	line-height: 30px;
	//		background-color: #ff00ff;
	transition: all .1s ease;
}





.horizontalBarGraphContainer{
	margin: 0px;
	clear: both;
	position: relative;

	font-family: 'rf_proximaNovaLight'
}
.horizontalBarGraphContainer:after{
	clear: both;
}
.horizontalBarGraphValue{
	display: inline-block;
	float: left;
	position: relative;
	left: 0px;
	vertical-align: top;
	font-size: 18px;
	height: 24px;
	line-height: 24px;
	color: var(--rf_theme_text);
	width: 64px;
	vertical-align: top;
	font-family: 'rf_proximaNovaLight';
}
.horizontalBarGraphContainer.optionRight > .horizontalBarGraphValue{
	position: absolute;
	right: 0px;
	left: auto;
	text-align: right;
}
.horizontalBarGraphOuter{
	width: 100%;
	position: relative;
	display: inline-block;
	font-size: 0px;
	background-color: var(--rf_theme_offBase);
	overflow: hidden;
	margin: 0px;
	margin-top: 4px;
	height: 16px;
	//		box-shadow: 0 2px 10px -3px rgba(0,0,0,.1) inset;

}

.horizontalBarGraphValue ~ .horizontalBarGraphOuter {
	vertical-align: top;
	width: calc(100% - 64px);
}
.horizontalBarGraphContainer.optionRight > .horizontalBarGraphOuter{

	left: 0px;
}
.horizontalBarGraphTitle{
	color: var(--rf_theme_accent);
	text-transform: uppercase;
	font-size: 14px;
	line-height: 20px;
	margin: 0px;
}
.horizontalBarGraphContainer > .horizontalBarGraphOuter{
	margin: 0px;
}
.horizontalBarGraphContainer.optionSmall >  .horizontalBarGraphOuter{
	margin-top: 0px;
	height: 8px;
	border-radius: 0px;
}
.horizontalBarGraphContainer.optionLarge >  .horizontalBarGraphOuter{
	height: 24px;
	border-radius: 2px;
}
.horizontalBarGraphOuter > .horizontalBarGraphInner {
	transition: width .9s ease-out;
}

.horizontalBarGraphOuter > .horizontalBarGraphInner.effect {
	width: 0px!important;
}



.horizontalBarGraphContainer > .horizontalBarGraphValue ~ .horizontalBarGraphOuter{
	margin-top: 4px;
}
.horizontalBarGraphContainer.optionSmall > .horizontalBarGraphValue ~ .horizontalBarGraphOuter{
	margin-top: 8px;
}
.horizontalBarGraphContainer.optionLarge > .horizontalBarGraphValue ~ .horizontalBarGraphOuter{
	margin-top: 0px;
}
.horizontalBarGraphInner{
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 0px;
	transition: width .3s ease;
	//		box-shadow: 0 2px 10px -3px var(--rf_theme_border) inset;
}





.ecGraphBar{
	display: inline-block;
	padding: 0px;
	margin: 0px;
	margin-right: 2px;
	width: calc((100% - 39px) / 15);
	position: relative;
	bottom: 0px;
	vertical-align: bottom;
	background-color: #A4A1D1;
	font-size: 8px;
	text-align: center;
	background-image: url('images/graphTop.svg');
	background-size: calc(100% + 1px) auto;
	background-position: 0px -1px;
	background-repeat: no-repeat;
}
.ecGraphBar:nth-of-type(1){
	height: 10px;
}
.ecGraphBar:nth-of-type(2){
	height: 20px;
}
.ecGraphBar:nth-of-type(3){
	height: 30px;
}
.ecGraphBar:nth-of-type(4){
	height: 40px;
}
.ecGraphBar:nth-of-type(5){
	height: 50px;
}
.ecGraphBar:nth-of-type(6){
	height: 60px;
}
.ecGraphBar:nth-of-type(7){
	height: 70px;
}
.ecGraphBar:nth-of-type(8){
	height: 80px;
}
.ecGraphBar:nth-of-type(9){
	height: 90px;
}
.ecGraphBar:nth-of-type(10){
	height: 100px;
}
.ecGraphBar:nth-of-type(11){
	height: 110px;
}
.ecGraphBar:nth-of-type(12){
	height: 120px;
}
.ecGraphBar:nth-of-type(13){
	height: 130px;
}
.ecGraphBar:nth-of-type(14){
	height: 140px;
}
.ecGraphBar:nth-of-type(15){
	height: 150px;
}

.ecGraphBar:last-of-type{
	margin-right: 0px;
}
.ecGraphAbove{
	background-color: #A4A1D1!important;
}

.ecGraphCurrent{
	background-color: #807EBE;
}
.ecGraphContainer > .ecGraphCurrent:last-of-type{
	background-color: #807EBE!important
}
.ecGraphCurrent ~ .ecGraphBar{
	background-color: #DFDFEF!important;
}


.doGoodIcon{
	height: 72px;
}


.containerBoxShadow{
	box-shadow: 0 2px 4px 0 var(--rf_theme_border);
}

.containerSmall {
	position: relative;
	max-width: 320px;
	min-width: 304px;
	width: 100%;
	margin: 0px;
	padding: 0px!important;
	margin-right: auto;
	margin-left: auto;
}


.rf_card_consultant{
	border: 1px solid #c9c9c9;
	box-sizing: border-box;
	padding: 16px;
	max-width: 350px;
	margin:  auto;
	text-align: initial;
}
.rf_card_consultant:hover, .rf_card_consultant.optionActive{
	border-color: var(--linkBlueHover);
	border-width: 2px;
	padding: 15px;
}
.rf_card_consultantAvatarContainer{
	display: inline-block;
	height: 70px;
	width:  70px;
	border-radius: 70px;
	overflow: hidden;
	background-color: var(--manifestoNew_tint_40_P);
	position: relative;
	margin-right: 24px;
}
.rf_card_consultantAvatarContainer p{
	position: absolute;
	height: 70px;
	width: 70px;
	text-align: center;
	line-height: 70px;
	font-size: 32px;
	font-family: rf_proximaNovaLight;
}
.rf_card_consultantAvatarContainer img{
	position: absolute;
	left: 0px;
	height: 70px;
	width: 70px;
	border-radius: 70px;
	opacity: 0;
	transition: opacity .3s ease;
}
.rf_card_consultantDetails{
	display: inline-block;
	vertical-align: top;
	max-width: calc(100% - 102px);
}
.rf_card_consultantDetails p{
	padding: 0px;
	margin: 0px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}




.RF_cardContainerSmall, .RF_cardContainerMedium, .RF_cardContainerLarge{
	box-sizing: border-box;
	//	box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);
	width: 100%;
	margin: 0px;
	/*margin-left: auto;
	margin-right: auto;*/
	min-width: 272px!important;
	padding: 0px;

	position: relative;
}

.RF_cardContainerSmall{
	max-width: 304px!important;

}
.RF_cardContainerSmallFlex{
	min-width: 304px!important;
	max-width: 350px;
}
.RF_cardContainerMedium{
	max-width: 560px!important;
}
.RF_cardContainerLarge{
	max-width: 736px!important;
}


.rf_cardBorderRoundedBorder, .rf_cardBorderRounded{
	box-sizing: border-box;
	border-radius: var(--rf_style_borderRadius);
	overflow: hidden;
	box-sizing: border-box;
	background-color: var(--rfGrey0);
}
.rf_cardBorderRoundedBorder{
	border: 1px solid var(--rfGrey15_opacity);
}




.RF_cardContainerHeader {
	height: 16px;
	line-height: 16px;
	padding: 16px;
	width: calc(100% - 32px);
	text-align: left;
	font-size: 14px;
	font-family: 'rf_proximaNovaMedium',"RFgothamBook";
	text-transform: uppercase;
	letter-spacing: 2px;
	color: var(--rf_theme_text);
	position: relative;
}
.RF_cardContainerHeaderSpanRight {
	float: right;
}

.RF_contactCardContainer{
	position: relative;
	clear: all;
	padding: 16px;
	width: calc(100% - 32px);
	overflow: auto;
}
.RF_contactCardAvatarContainer{
	position: relative;
	height: 80px;
	width: 80px;
	border-radius: 100%;
	overflow: hidden;
	background-color: transparent;
	z-index: 2;
	float: left;
}	

.RF_contactCardAvatarContainer img{
	position: absolute;
	height: 80px;
	width: 80px;
	//	border-radius: 100%;
	top: 0px;
	left: 0px;
	z-index: 2;
	transition: opacity .9s;
}
.RF_contactCardAvatarContainer p{
	position: absolute;
	height: 80px;
	width: 80px;
	top: 0px;
	left: 0px;
	z-index: 2;
	line-height: 80px;
	font-size: 24px;
	padding: 0px;
	margin: 0px;
	letter-spacing: 1.5px;
	font-family: "RFgothamLight",Helvetica,Arial,sans-serif;
	z-index: 0;
	display: inline-block;
}
.RF_contactCardCopyContainer{
	float: right;
	width: calc(100% - 96px)!important;
	font-size: "RFgothamBook";
	line-height: 24px;
	font-size: 14px;
	padding-left: 1px;
	letter-spacing: .5px;
	text-align: left;
	overflow: hidden;

}
.RFellipsis, .rf_ellipsis{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	position: relative;
}

.rf_ellipsisFade{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: hidden;
	position: relative;
	-webkit-mask-image: linear-gradient(to left, transparent 8px, black 48px);
	mask-image: linear-gradient(to left, transparent 8px, black 48px);
}




.RF_square96{
	height: 96px;
	width: 96px;
}
.RF_square80{
	height: 80px;
	width: 80px;
}
.RF_squareMax96{
	max-height: 96px;
	max-width: 96px;
}
.RF_squareMax80{
	max-height: 80px;
	max-width: 80px;
}
.RF_border{
	border: 1px solid rgba(0,0,0,.1);
	box-sizing: border-box;
}

.RF_boxShadow{
	box-shadow:  0 2px 4px 0 var(--rf_theme_dropShadow)
}








.navMobileContainer{
	position: fixed;
	top: 0px;
	left: -102%;
	width: 300px;
	height: 100%;
	overflow: visible;
	transition: all .35s ease;
	box-shadow: 0 0 0 0 #000000;
	border: thin solid #cccccc;
	z-index: 5000;
	overflow-x: visible;
}
@media screen and (max-width: 767px) {
	.navMobileContainer{
		width: 375px;
	}
}
@media screen and (max-width: 480px) {
	.navMobileContainer{
		width: 100%;
	}
}
.navMobileContainer * img{
	height: 20px;
	display: inline-block;
	vertical-align: middle;
	padding-right: 10px;
}
.navMobileCard{
	position: absolute;
	top:0px;
	left: 0px;
	width: 100%;
	background-color: #fdfdfd;
	transition: all .35s ease;
	height: 100%;
	border-left: thin solid #cccccc;
	overflow: hidden;

}
.navMobileOffScreen{
	left: 100%;
	overflow: hidden;
}
.navMobileHeader, .navMobileItem, .navMobileFooter {
	height: 64px;
	line-height: 64px!important;
	text-transform: uppercase
}
.navMobileHeader{
	box-shadow: 0 2px 4px 0 rgba(204,204,204,.5);
	text-align: center;
}
.navMobileFooter{
	position: absolute;
	height: 64px;
	width: 100%;
	left: 0px;
	bottom: 0px;
	text-align: left;

}
.navMobileLeft{
	position: absolute;
	padding-left: 20px;
	padding-right: 20px;
	left: 0px;
	text-align: center;
}
.navMobileRight{
	position: absolute;
	padding-left: 20px;
	padding-right: 20px;
	right: 0px;
	text-align: center;
	line-height: 64px;
}
.navMobileRight img{
	padding-right: 0px;

}
.navMobileItem{
	text-align: left;
	border-bottom: thin solid #cccccc;
	padding-left: 16px;
	cursor: pointer;
	text-transform: uppercase;
}






.RF_containerQuoteBlock{
	position: relative;
	z-index: 2;
}
.RF_containerQuoteBlockImage{
	position: relative;
	height: 150px;
	width: 150px;
	border: 1px solid #c9c9c9;
	border-radius: 100%;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
	z-index: 2;
	margin-bottom: -76px;
}
.RF_containerQuoteBlockImage > img{
	height: 152px;
	width: 152px;
	position: relative;
}
.RF_containerQuoteBlockLower{
	position: relative;
	
	z-index: 1;
	padding: 16px;
	padding-top: 96px;

}
.RF_containerQuoteBlockLower > p {
	padding-left: 10%;
	padding-right: 10%;
}
.RF_quote{
	font-size: 80px;
	line-height: 80px;
	padding: 0px;
	margin: 0px;
	color: #c9c9c9;
}








.RF_ellipses{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}



.RFtextLineDecoration{
	text-align: center;
	position: relative;
	width: 100%;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
}
.RFtextLineDecoration > span {
	display: inline-block;
	position: relative;

}
.RFtextLineDecoration > span:after, .RFtextLineDecoration > span:before{
	display: inline-block;
	width: 1000px;
	position: absolute;
	content: "";
	top: calc(50% - 1px);
	border-top: 1px solid var(--rf_theme_text);
	background-color: #ff00ff;
}
.RFtextLineDecoration > span:before{
	left: -1016px;
}
.RFtextLineDecoration > span:after{
	right: -1016px;
}



.minWidth{
	min-width: 304px;
}



.RFsquare108, .RFsquare108 > * {
	height: 108px;
	width: 108px;
}
.RFcircle {
	border-radius: 100%;
}
.RFimageMax60{
	max-width: 60px;
	max-height: 60px;
}

.RFimageMax304{
	max-width: 304px;
	max-height: 304px;
}




.RF_square200 {
	width: 200px;
	height: 200px;
}



.RFparenthesis:before{
	content: "(";
}

.RFparenthesis:after{
	content: ")";
}
.rf_listWrapper{
	width: 304px!important;
	font-size: 14px;
	line-height: 24px;
	font-family: 'RFgothamLight';	
}
.rf_listWrapper > p {
	background-color: #606060;
	color: var(--rf_theme_base);
	padding: 8px;
	font-family: 'RFgothamBook';
}
.rf_listWrapper > ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.rf_listWrapper > ul > li {
	padding: 8px;
	background-color: var(--rf_theme_offBase);
	line-height: 22px;
	margin-top: 2px;
}
.rf_listWrapper > ul > li:nth-of-type(2n) {
	//background-color: #d9d9d9;
}
.rf_list{

	padding: 0px;
	margin: 0px;
	font-size: 14px;
	max-width: 304px;
	list-style-type:none;

}
.rf_listHeader {
	padding: 8px;
	line-height: 48px;
	background-color: #606060;
	color: var(--rf_theme_base);
	padding: 8px;
	margin: 0px;
	display: inline-block;
	width: calc(100% - 16px);
}
.rf_list > li {
	padding: 8px;
	margin-top: 1px;
	margin-bottom: 1px;
	line-height: 24px;
	height: auto;

}

.rf_list > li:nth-of-type(2n){
	background-color: #c9c9c9;

}
.rf_list > li:nth-of-type(2n-1){
	background-color: #dcdcdc;
}
.pfcPriceWrapper {
	border: 1px solid var(--rf_theme_accent);
	box-shadow: 0 2px 4px 0 var(--rf_theme_border);
	max-width: 304px;
	margin-left: auto;
	margin-right: auto;
}
.pfcPriceContainer {
	font-size: 16px;
	line-height: 24px;
	display: table;
	
}
.pfcPriceContainer:not(:first-of-type) {
	border-top: 1px solid var(--rf_theme_accent);
}
.pfcPrice{
	width: 48px;
	min-height: 48px;
	height: 100%;
	display: table-cell;
	padding: 16px;
	font-family: "RFgothamBook";
}
.pfcPriceDescription {
	text-align: left;
	padding: 16px;
	font-family: "RFgothamLight";
}

q {
	quotes: "“" "”" "‘" "’";
}
q:before {
	content: open-quote;
}
q:after {
	content: close-quote;
}




.tableSplit5050{
	display: flex;
	align-items: center; 
	justify-content: center;
}
.tableSplit5050 .splitLeft, .tableSplit5050 .splitRight{
	width: 50%;
	height: 100%!important;
	display: inline-flex;
	vertical-align: middle;
} 
.tableSplit5050 .splitLeft{
	order: 1;
}
.tableSplit5050 .splitRight{
	order: 2;
}
@media screen and (max-width: 1000px){
	.tableSplit5050{
		width: 100%;
		display: inline-block;
		margin-left: auto;
		margin-right: auto;
	}
	.tableSplit5050 .splitLeft, .tableSplit5050 .splitRight{
		width: 100%;
		display: block;

	} 	
}








.rf_toolTipWrapper{
	position: relative;
	display: inline-block;
	text-align: center;
	vertical-align: bottom;
}
.rf_toolTipIcon{
	font-size: inherit;
	vertical-align: middle;	
}
.rf_toolTipOverlay{
	height: 0vh;
	width: 0vw;
	position: fixed;
	top: 0px;
	left:0px;
	z-index: 500;
	background-color: transparent;
	transition: height 0s .3s ease, width 0s .3s ease, background-color .3s 0s ease;
}
.rf_toolTipWrapper[data-active="true"] .rf_toolTipOverlay{
	height: 100vh;
	width: 100vw;
	//background-color: var(--rf_style_base_overlay);
	transition: height 0s 0s ease, width 0s 0s ease, background-color .3s 0s ease;

}	
.rf_toolTipContainer{
	z-index: 501;
	position: absolute;
	box-sizing: border-box;
	padding: 16px;
	background-color: var(--rf_theme_offBase);
	border: var(--rf_style_border);
	border-radius: var(--rf_style_borderRadius);
	color: var(--rf_theme_text);
	width: 250px;
	height: auto;
	text-align: left;
	font-size: 14px;
	line-height: 20px;
	font-family: var(--rf_font_sansSerif200);
	letter-spacing: 0px;
	box-shadow: 0 2px 4px 0 var(--rf_theme_dropShadow);
	transition: transform .3s ease;
	
	
}


.rf_toolTipWrapper[data-active="true"] .rf_toolTipContainer:not(.optionCenter){
	transform: translateX(0px) scale(1);
}

.rf_toolTipWrapper[data-active="true"] .rf_toolTipContainer.optionCenter{
	transform: translateX(-50%) scale(1);
}



.rf_toolTipWrapper:not([data-active='true']) .rf_toolTipContainer{
	transform: translateX(0px) scale(0)!important;
}

.rf_toolTipContainer.optionRight{
	left: calc(100% + 8px);
}

.rf_toolTipContainer.optionLeft{
	right: calc(100% + 8px);
}
.rf_toolTipContainer.optionCenter{
	left: 0px;
	transform: translateX(-50%) scale(1);
}

.rf_toolTipContainer.optionDown{
	top: 0px;
}
.rf_toolTipContainer.optionUp{	
	bottom: 0px;
}

.rf_toolTipContainer.optionDown.optionCenter{
	top: 24px;
}
.rf_toolTipContainer.optionUp.optionCenter{	
	bottom: 24px;
}


.rf_toolTipContainer.optionUp.optionLeft{	
	transform-origin: right bottom;
}
.rf_toolTipContainer.optionDown.optionLeft{	
	transform-origin: right top;
}
.rf_toolTipContainer.optionDown.optionCenter{	
	transform-origin: left top;
}
.rf_toolTipContainer.optionUp.optionRight{	
	transform-origin: left bottom;
}
.rf_toolTipContainer.optionDown.optionRight{	
	transform-origin: left top;
}
.rf_toolTipContainer.optionUp.optionCenter{	
	transform-origin: left botom;
}




.rf_toolTipContainer p:not(::last-of-type){
	margin:  0px 0px 24px 0px;
}

.rf_toolTipContainer p:last-of-type{
	margin: 0px;

}






.rf_toolTipContainer:after{
	display: none;
	content: " ";
	height: 16px;
	width: 16px;
	background-color: var(--rf_theme_offBase);
	position: absolute;
	bottom: 3px;
	right: -9px;
	transform: rotate(45deg);
	border-top: 1px solid var(--rf_theme_accent);
	border-right: 1px solid var(--rf_theme_accent);
}	








.rf_grid{
	display: table;
	table-layout: fixed;
	width: 100%;
}

.rf_row{
	clear: both;
	display: block;
	display: table-row;
}
.rf_row1440{
	width: 100%;
	max-width: 1440px;
	padding: 0px 16px;
	background: #ffaacc;
	margin: 0px auto;
}
.rf_row768{
	width: 100%;
	max-width: 768px;
	padding: 0px 16px;
	background: #ffccaa;
	margin: 0px auto;
}
.rf_row1440 .rf_cols1, .rf_col_xxs{	
	background: #ff00ff;
	width: calc(100% / 12);
	display: inline-block;
	box-sizing: border-box;
}
.rf_row1440 .rf_cols2, .rf_col_xs{	
	background: #ff00ff;
	width: calc(100% / 6);
	display: inline-block;
	box-sizing: border-box;
}
.rf_row1440 .rf_cols3, .rf_col_s{	
	background: #ff00ff;
	width: calc(100% / 4);
	display: inline-block;
	box-sizing: border-box;
}
.rf_row1440 .rf_cols4, .rf_col_m{	
	background: #ff00ff;
	width: calc(100% / 3);
	display: inline-block;
	box-sizing: border-box;
}

.rf_row1440 .rf_cols6, .rf_col_l{	
	background: #ff00ff;
	width: calc(100% / 2);
	display: inline-block;
	box-sizing: border-box;
}
.rf_row1440 .rf_cols12, .rf_col_xl{	
	background: #ff00ff;
	width: calc(100% / 1);
	display: inline-block;
	box-sizing: border-box;
}

.rf_row768 .rf_cols1, .rf_col_xxs{	
	background: #ff00ff;
	width: calc(100% / 12);
	display: inline-block;
	box-sizing: border-box;
}
.rf_row768 .rf_cols2, .rf_col_xs{	
	background: #ff00ff;
	width: calc(100% / 6);
	display: inline-block;
	box-sizing: border-box;
}
.rf_row768 .rf_cols3, .rf_col_s{	
	background: #ff00ff;
	width: calc(100% / 4);
	display: inline-block;
	box-sizing: border-box;
}
.rf_row768 .rf_cols4, .rf_col_m{	
	background: #ff00ff;
	width: calc(100% / 3);
	display: inline-block;
	box-sizing: border-box;
}

.rf_row768 .rf_cols6, .rf_col_l{	
	background: #ff00ff;
	width: calc(100% / 2);
	display: inline-block;
	box-sizing: border-box;
}
.rf_row768 .rf_cols12, .rf_col_xl{	
	background: #ff00ff;
	width: calc(100% / 1);
	display: inline-block;
	box-sizing: border-box;
}










.rf_accordionContainer{
	max-width: 688px;
	color: var(--rf_theme_text);
	margin:  0px auto;
	display: block!important;
}
.rf_accordionCard{
	transition: height .3s ease;
	overflow: hidden;
	border-bottom: 1px solid var(--rf_theme_border);

}
.rf_accordionHiddenContainer{
	margin-top: -1px;
	display: block;
	overflow: hidden;
	height: 0px;
	transition: height .3s ease;
}
.rf_accordionCardHeader{
	box-sizing: border-box;
	margin:  12px 0;
	border: 1px solid transparent;
	cursor: pointer;
	position: relative;
	font-family: rf_proximaNovaRegular;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: .5px;
	padding-right: 32px;
}
.rf_accordionCardHeader p {
	margin: 0px;
}


.rf_accordionCardHeader hr{
	width: 20px;
	margin: 0px 8px;
	line-height: inherit;
	vertical-align: middle;
	height: 0px;
	border-color: inherit;
	border: .5px solid;
	display: inline-block;
}
.rf_accordionCardHeader.optionActive{
	border-bottom: 1px solid transparent ;
}
.rf_accordionCardHeader h5{
	box-sizing: border-box;
	line-height: 48px;
	line-height: 24px;;
	display: inline-block;
	width: calc(100% - 0px);
	padding-right: 48px;
}

div.rf_accordionCard:nth-of-type(1){
	border-top: 1px solid var(--rf_theme_border);
}
.rf_accordionCardHeader > span{
	transition: transform .3s ease;
	display: inline-block;
	position: absolute;
	right: 0px;
	top: 0px;
	height: 24px;
	line-height: 24px;
	vertical-align: middle;
	width: 24px;
	text-align: center;
}
.rf_accordionCardHeader.optionActive > span{
	transform: scaleY(-1);
}
.rf_accordionCardContainer{
	margin-bottom: 48px;
	display: block;
}
.rf_accordionCardContent{
	box-sizing: border-box;
	height: 0px;
	overflow: hidden;
	//color: var(--rf_theme_accent);
	transition: height .3s ease;
}
.rf_accordionCardContentInner{
	padding: 0px 0px 24px 0px;
}




.rf_inputFieldWrapper{
	height: 88px;
	margin-bottom: 8px;
	position: relative;
}
.rf_inputFieldWrapper.rf_input_disabled{
	pointer-events: none;
}
.rf_inputFieldWrapper legend{
	position: relative;
	box-sizing: border-box;
	height: 24px;
	font-size: 12px;
	line-height: 24px;
	display: block;
	width: 100%;
}
.rf_inputFieldWrapper legend, .rf_inputFieldWrapper .rf_inputField_notificationContainer, .rf_inputFieldWrapper .rf_inputField_Helper{
	font-family: rf_proximaNovaMedium;
	letter-spacing: .5px;
	color: #8a8a8a;
	text-transform: capitalize;
}


.rf_inputFieldWrapper .rf_inputFieldContainer{
	height: 40px;
	display: flex;
	width: 100%;
	border-radius: var(--rf_style_borderRadius);
	box-shadow: 0 0 0 1px #c9c9c9 inset;
	background-color: var(--rf_theme_base);
	overflow: hidden;
	box-sizing: border-box;
}

.rf_inputFieldContainer input{
	color: var(--rf_theme_text);
	display: inline-flex;
	position: relative;
	box-sizing: border-box;
	line-height: 24px;
	font-size: 16px;
	width: 100%;
	padding: 8px;
	font-family: rf_proximaNovaRegular;
	letter-spacing: .5px;
	background-color: transparent;
	border: none;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.rf_inputFieldWrapper input:focus{
	outline: none;
}

.rf_inputFieldWrapper.rf_input_disabled input{
	color: #c9c9c9;		
	padding: 7px;
}
.rf_inputFieldWrapper.rf_input_disabled .rf_inputFieldContainer{
	box-shadow: 0 0 0 0 #c9c9c9 inset;

	background-color: var(--rf_theme_offBase);
}
.rf_inputFieldWrapper .rf_inputField_iconContainer{
	padding: 0px;
	height: 40px;
	display: inline-flex;
	overflow: hidden;
	text-align: right;
	margin: 0px;
	max-width: 80px;
}

.rf_inputField_showHideIcon, .rf_inputField_notificationIcon{
	width: 32px;		
	font-family: rf-icons;
	text-align: center;
	line-height: 40px;
	height: 40px;
	margin: 0px;
}
.rf_inputField_notificationIcon{
	margin-right: -32px;
	opacity: 0;
	transition: all .3s ease;
}
input[type="password"] ~ .rf_inputField_iconContainer >.rf_inputField_showHideIcon:before{
	content: "\e93b";
}
input[type="text"] ~ .rf_inputField_iconContainer >.rf_inputField_showHideIcon:before{
	content: "\e96f";
}
.rf_inputFieldWrapper.rf_inputNotification.rf_inputNotification_success .rf_inputFieldContainer{
	box-shadow: 0 0 0 2px var(--success) inset;
}
.rf_inputFieldWrapper.rf_inputNotification.rf_inputNotification_info .rf_inputFieldContainer{
	box-shadow: 0 0 0 2px var(--info) inset;
}
.rf_inputFieldWrapper.rf_inputNotification.rf_inputNotification_warning .rf_inputFieldContainer{
	box-shadow: 0 0 0 2px var(--warning) inset;
}
.rf_inputFieldWrapper.rf_inputNotification.rf_inputNotification_error .rf_inputFieldContainer{
	box-shadow: 0 0 0 2px var(--error) inset;
}
.rf_inputField_helperContainer{
	position: relative;
	box-sizing: border-box;
	height: 24px;
	font-size: 12px;
	line-height: 24px;
	display: block;
	width: 100%;
	overflow: hidden;
}
.rf_inputField_Helper, .rf_inputField_notificationContainer{
	position: relative;
	box-sizing: border-box;
	height: 24px;
	font-size: 12px;
	line-height: 24px;
	display: block;
	width: 100%;
	transition: all .2s ease;		
}
.rf_inputFieldWrapper .rf_inputField_notificationContainer{			
	margin-top: -24px;;
	opacity: 0;
}

.rf_inputFieldWrapper.rf_inputNotification .rf_inputField_Helper{
	opacity: 0;
}
.rf_inputFieldWrapper.rf_inputNotification .rf_inputField_notificationContainer{
	margin-top: 0px;
	opacity: 1;
}

.rf_inputFieldWrapper.rf_inputNotification .rf_inputField_notificationIcon{
	opacity: 1;
	margin-right: 0px;
	transition: all .1s ease;
}
.rf_inputFieldWrapper.rf_inputNotification.rf_inputNotification_success .rf_inputField_notificationContainer{
	color: var(--success);
}
.rf_inputFieldWrapper.rf_inputNotification_success .rf_inputField_notificationIcon:before{
	content: "\e925";
	color: var(--success);
}

.rf_inputFieldWrapper.rf_inputNotification.rf_inputNotification_info .rf_inputField_notificationContainer{
	color: var(--info);
}
.rf_inputFieldWrapper.rf_inputNotification_info .rf_inputField_notificationIcon:before{
	content: "\e925";
	color: var(--info);
}

.rf_inputFieldWrapper.rf_inputNotification_warning .rf_inputField_notificationIcon:before{
	content: "\e925";
	color: var(--warning);
}
.rf_inputFieldWrapper.rf_inputNotification.rf_inputNotification_warning .rf_inputField_notificationContainer{
	color: var(--warning);
}

.rf_inputFieldWrapper.rf_inputNotification_error .rf_inputField_notificationIcon:before{
	content: "\e925";
	color: var(--error);
}
.rf_inputFieldWrapper.rf_inputNotification.rf_inputNotification_error .rf_inputField_notificationContainer{
	color: var(--error);
}


.rf_inputFieldWrapper.rf_inputFocus .rf_inputFieldContainer{
	box-shadow: 0 0 0 2px var(--manifestoNew_tint_70) inset;
}
.rf_inputFieldWrapper.rf_inputValidating .rf_inputFieldContainer{
	box-shadow: 0 0 5px 2px var(--manifestoNew_tint_70) inset ;
	animation-name: rf_inputValidating;
	animation-duration: 1s;
	animation-iteration-count: infinite;
	animation-timing-function: ease-in;

}
@keyframes rf_inputValidating {
	0%, 100%{
		box-shadow: 0 0 0 2px var(--manifestoNew_tint_70) inset ;
	}
	50%{
		box-shadow: 0 0 5px 2px var(--manifestoNew_shade_40) inset ;

	}

}