/*--------------------
Font Face
--------------------*/

@font-face {
	font-family: open_sans;
	src: url(../font/opensans-regular-webfont.eot);
	src: url(../font/opensans-regular-webfont.eot?#iefix) format("embedded-opentype"), url(../font/opensans-regular-webfont.woff2) format("woff2"), url(../font/opensans-regular-webfont.woff) format("woff"), url(../font/opensans-regular-webfont.ttf) format("truetype"), url(../font/opensans-regular-webfont.svg#open_sansregular) format("svg");
	font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family: open_sans_italic;
	src: url(../font/opensans-italic-webfont.eot);
	src: url(../font/opensans-italic-webfont.eot?#iefix) format("embedded-opentype"), url(../font/opensans-regular-italic.woff2) format("woff2"), url(../font/opensans-regular-italic.woff) format("woff"), url(../font/opensans-regular-italic.ttf) format("truetype"), url(../font/opensans-regular-italic.svg#open_sansitalic) format("svg");
	font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family: open_sans_semi;
	src: url(../font/opensans-semibold-webfont.eot);
	src: url(../font/opensans-semibold-webfont.eot?#iefix) format("embedded-opentype"), url(../font/opensans-semibold-webfont.woff2) format("woff2"), url(../font/opensans-semibold-webfont.woff) format("woff"), url(../font/opensans-semibold-webfont.ttf) format("truetype"), url(../font/opensans-semibold-webfont.svg#open_sansregular) format("svg");
	font-weight: 700;
	font-style: normal;
}
@font-face {
	font-family: open_sans_bold;
	src: url(../font/opensans-bold-webfont.eot);
	src: url(../font/opensans-bold-webfont.eot?#iefix) format("embedded-opentype"), url(../font/opensans-bold-webfont.woff2) format("woff2"), url(../font/opensans-bold-webfont.woff) format("woff"), url(../font/opensans-bold-webfont.svg#open_sansbold) format("svg");
	font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family: sharp_sans_semi;
	src: url(../font/sharpsansdispno1-semibold-webfont.eot);
	src: url(../font/sharpsansdispno1-semibold-webfont.eot?#iefix) format("embedded-opentype"), url(../font/sharpsansdispno1-semibold-webfont.woff2) format("woff2"), url(../font/sharpsansdispno1-semibold-webfont.woff) format("woff"), url(../font/sharpsansdispno1-semibold-webfont.ttf) format("truetype"), url(../font/sharpsansdispno1-semibold-webfont.svg#sharp_sans_display_no1SBd) format("svg");
	font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family: sharp_sans_bold;
	src: url(../font/sharpsansdispno1-bold-webfont.eot);
	src: url(../font/sharpsansdispno1-bold-webfont.eot?#iefix) format("embedded-opentype"), url(../font/sharpsansdispno1-bold-webfont.woff2) format("woff2"), url(../font/sharpsansdispno1-bold-webfont.woff) format("woff"), url(../font/sharpsansdispno1-bold-webfont.ttf) format("truetype"), url(../font/sharpsansdispno1-bold-webfont.svg#sharp_sans_display_no1bold) format("svg");
	font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family: sharp_sans_extrabold;
	src: url(../font/sharpsansdispno1-extrabold-webfont.eot);
	src: url(../font/sharpsansdispno1-extrabold-webfont.eot?#iefix) format("embedded-opentype"), url(../font/sharpsansdispno1-extrabold-webfont.woff2) format("woff2"), url(../font/sharpsansdispno1-extrabold-webfont.woff) format("woff"), url(../font/sharpsansdispno1-extrabold-webfont.svg#sharp_sans_display_no1XBd) format("svg");
	font-weight: 800;
	font-style: normal;
}

@font-face {
    font-family: pizza_hut_fontregular;
    src: url(../font/pizza_hut_font_final3-webfont.eot);
    src: url(../font/pizza_hut_font_final3-webfont.eot?#iefix) format("embedded-opentype"),
         url(../font/pizza_hut_font_final3-webfont.woff2) format('woff2'),
         url(../font/pizza_hut_font_final3-webfont.woff) format('woff'),
         url(../font/pizza_hut_font_final3-webfont.svg#pizza_hut_fontregular) format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('../font/glyphicons-halflings-regular.eot');
  src: url('../font/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'),
       url('../font/glyphicons-halflings-regular.woff2') format('woff2'),
       url('../font/glyphicons-halflings-regular.woff') format('woff'),
       url('../font/glyphicons-halflings-regular.ttf') format('truetype'),
       url('../font/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}

/*--------------------
Wrappers and Body
--------------------*/

* {
	margin: 0;
	padding: 0;
}

html, body {
	height: 100%;
	background: #fff;
}
body {
  position: relative;
  min-height: 100%;
  min-height: 100vh;
}
#page-container {
  position: relative;
  min-height: 100vh;
}
.strong {
	font-weight: bold;
	font-family: sharp_sans_bold;
}
#content-wrap {
  padding-bottom: 2.5rem;    /* Footer height */
}

/*--------------------
Button Variants
--------------------*/

.btn,
.btn-default,
.btn-primary,
.btn-secondary{
	font-size:18px
}

.btn-primary,
.btn-primary:hover{
	outline: none !important;
	color:#fff !important;
	background-color:#e52a33 !important;
	border-color:#e52a33 !important;
}
.btn-primary:hover{
	-o-box-shadow:0 2px 4px rgba(0,0,0,.25) !important;
	-ms-box-shadow:0 2px 4px rgba(0,0,0,.25) !important;
	-webkit-box-shadow:0 2px 4px rgba(0,0,0,.25) !important;
	box-shadow:0 2px 4px rgba(0,0,0,.25) !important;
}

.btn-primary.active,
.btn-primary:active {
	outline: none !important;
	color:#fff !important;
	background-color:#b2010d !important;
	border-color:#b2010d !important;
	-o-box-shadow:inset 0 2px 4px rgba(0,0,0,0.3) !important;
	-ms-box-shadow:inset 0 2px 4px rgba(36,28,28,0.3) !important;
	-webkit-box-shadow:inset 0 2px 4px rgba(0,0,0,0.3) !important;
	box-shadow:inset 0 2px 4px rgba(0,0,0,0.3) !important;
}

.btn-primary:focus {
	outline: none !important;
	box-shadow: none;
}

.btn-nav,
.btn-nav:hover{
	outline: none !important;
	color:#fff !important;
}

.btn-nav.active,
.btn-nav:active {
	outline: none !important;
	color:#fff !important;
	-o-box-shadow:inset 0 2px 4px rgba(0,0,0,0.3) !important;
	-ms-box-shadow:inset 0 2px 4px rgba(36,28,28,0.3) !important;
	-webkit-box-shadow:inset 0 2px 4px rgba(0,0,0,0.3) !important;
	box-shadow:inset 0 2px 4px rgba(0,0,0,0.3) !important;
}

.btn-header{
	outline: none !important;
	color:#000000 !important;
	background-color: none !important;
	border-color: none !important;
}
.btn-header:hover{
	color: #e52a33 !important;
}

.btn-header.active,
.btn-header:active {
	outline: none !important;
	color: #e52a33 !important;
	-o-box-shadow: none !important;
	-ms-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}

.btn-header:focus {
	outline: none !important;
	box-shadow: none !important;
}

.color-white {
	color: #FFFFFF;
}

.footer {
	display: block;
  margin-left: auto;
  margin-right: auto;
	width: 75%;
}

#footer {
  position: absolute;
  bottom: 0;
	width: 100%;
  height: 2.5rem;	/* Footer height */
}
.mt-30 {
	margin-top: 30px;
}
.small, small {
	font-size: 74%;
	font-weight: 400;
}

img.hr-logo-black {
    border-right: 1px solid #CFCECC;
    padding-right: 10px;
}
span.sign-join a {
    font-size: 14px;
    color: #000;
    font-family: 'sharp_sans_semi', sans-serif;
	    margin-left: 8px;
    display: inline-block;
}
span.sign-join a .fa-caret i {
	color: #000;
}

/*--------------------
SYO MODULE
--------------------*/

.card {
  border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-ms-border-radius: 8px;
	margin-bottom: 15px;
}

img.syo-pin {
/* margin-right: 3px;*/
    width: 85%;
    height: auto;
    margin-left: -3px;
}
.outline-primary {
	border: 1px solid #e52a33;
}
h5.card-title {
    font-family: 'sharp_sans_extrabold',sans-serif;
    font-size: 28px;
    letter-spacing: 1px;
    margin-bottom: 0;
}
p.card-text.text-muted {
    font-size: 16px;
	line-height: 18px;
}
@media (max-width: 767px) {
.footer {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}

	h5.card-title {
/* font-size: 28px;*/
	}
	p.card-text.text-muted {
/* font-size: 14px;*/
	}
}

h1 {
	font-family: 'sharp_sans_bold', sans-serif;
	font-size: 38px;
	margin-bottom: 30px;
}

h1, h2, h3, h4 {
	text-transform: unset;
}
h1::first-letter, h2::first-letter, h3::first-letter {
	text-transform: capitalize !important;
}

/*--------------------
Text Transform
--------------------*/

.uppercase {
	text-transform: uppercase;
}
span.caps {
    text-transform: capitalize;
	word-break: break-word;
}
/*--------------------
end./Text Transform
--------------------*/

@media screen and (max-width: 39.9375em) {
	h1 {
		font-size: 28px;
	}
}
h3 {
	font-family: sharp_sans_semi, sans-serif;
	font-size: 21px;
}
@media screen and (max-width: 39.9375em) {
	h3 {
		font-size: 18px;
	}
}
a {
	color: #276dcc;
	font-family: 'open_sans_bold', sans-serif;
	text-decoration: none;
}
a:hover {
	color: #000;
}
.ph-mlr {
	margin-left: 0;
	margin-right: 0;
}
.ph-content-view {
	margin-top: 0;
}
span.inline-flex {
	display: inline-flex;
	display: -moz-inline-flex;
	display: -webkit-inline-flex;
	display: -ms-inline-flex;
}
@media (min-width: 768px) {
	.ph-content-view {
		padding-top:0;
		margin-top:auto;
	}
}
.ph-content-view {
	position: absolute;
	height: auto;
	top: 0;
	bottom: 0;
	width: auto;
	left: 0;
	right: 0;
}
.ph-content-view {
	/* margin-top: 65px;*/
	margin-top: 0;
}
.ph-content-view {
	background: #ffffff;
}
.static-page-header {
	margin-bottom: 0;
}
.ph-content-header {
	box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.5);
	-ms-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.5);
}
img#mobile_ph_logo {
    display: block;
    height: auto;
    width: 175px;
    float: left;
}
@media (min-width: 768px) {
	img#mobile_ph_logo {
		display: none;
	}
	header.container {
		padding: 0;
	}
}
@media (min-width: 768px) {
	.container {
		width: 750px;
	}
}

@media (max-width: 1023px) and (min-width: 768px) {
	.navbar-default .navbar-nav>li>a {
		color: #000;
		font-size: 15px;
	}
}
.custom-header .logo {
	padding-top: 15px;
	padding-bottom: 15px;
}

@media (min-width: 767px) {
	.add-border {display:none;}
	.v-bl {border-left: none;}

}
@media (max-width: 767px) {
	.custom-header .logo {
		padding-top: 10px;
		padding-left: 5px;
	}
}
@media (max-width: 1023px) and (min-width: 768px) {
	.custom-header .logo {
		padding-top: 15px;
		padding-bottom: 15px;
		padding-left: 25px;
		padding-right: 25px;
	}
}
.hp-nav-menu {
	margin-top: 20px;
	margin-left: auto;
	float: left;
}

.ph-hr-header {
	margin-bottom: 0;
	box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.5);
	-ms-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.5);
}
.ph-hutrewards-bg-white {
	background-color: #131313 !important;
	padding-right: 0 !important;
	padding-left: 0 !important;
	color: #ffffff;
	height: 48px;
	border-bottom: 2px solid #f8e080;
	position: relative;
}
.ph-hutrewards-bg-white .ph-hr-welcome {
	font-family: 'sharp_sans_semi', sans-serif;
	font-size: 18px;
	font-weight: 600;
	text-align: left;
	display: inline-block;
	letter-spacing: .4px;
	line-height: 48px;
}
.ph-hr-welcome {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ph-hr-welcome .ph-hr-fs-account-text {
	top: -1px;
}
.ph-breaking-news a,
a:active,
a:visited,
a:focus {
	text-decoration: none !important;
}
.ph-vl-fs {
	border-left: 2px solid #979797;
	padding-right: 15px;
	margin-left: 10px;
}
.ph-hrpoints-size-mob {
	color: #f8e080;
	font-family: 'open_sans', sans-serif;
	font-weight: bold;
}
section.mob-mx-auto {
	margin: 0 15px;
}
.mobile-OutPizza-Tag-lg {
    background: url("https://www.pizzahut.com/assets/ng/images/homepage/mobile-OutPizza-Tag-lg.png") no-repeat scroll 0 0 rgba(0,0,0,0);
    width: 264px;
    height: 71px;
    margin-left: 15px;
}
@media (min-width: 768px) {
	header .container {
		padding: 0;
	}
	.navbar-nav {
		float:left;
		margin:0;
	}
	.navbar-nav>li {
		float: left;
	}
}

.col-12.panel-group {
    max-width: 75%;
    margin: 0 auto;
}
@media (max-width: 767px) {
	.col-12.panel-group {
		max-width: 98%;
		margin: 0 auto;
	}
}

.nav>li {
	position: relative;
	display: block;
}
.hp-nav-menu {
	margin-top: 20px;
	margin-left: auto;
}
#accordion-faq h4.panel-title:focus {
	outline: none;
}
.accordion-faq h4.panel-title:focus {
    border-bottom: none;
}
.accordion-faq h4.panel-title > .collapse.show {
	border: none;
}

/*--------------------
Iconify
--------------------*/

.iconify {
	color: #276dcc;
	vertical-align: -0.125em;
}

/*--------------------
Change same icon family
--------------------*/

.iconify[data-icon="ion:download-outline"] { 
	width: 16px;
    height: 16px;
}
.iconify[data-icon="ei:external-link"] { 
  	width: 20px;
    height: 20px;
	margin: 0 0 -1px 2px;
	vertical-align: text-bottom;
}

/*--------------------
Helpers - Margins & Padding
--------------------*/

.ph-padding-right-0 {
    padding-right: 0;
}
.mb-40, .my-40 {
    margin-bottom: 40px !important;
}

@media (min-width: 768px) {
.d-mt-5, .d-my-5 {
    margin-top: 3rem!important;
}
	.d-mt-30 {
		margin-top: 30px;
	}
	.d-px-0 {
		padding-left: 0;
		padding-right: 0;
	}
	.d-pl-0 {
		padding-left: 0;
	}
	.d-pr-2 {
		padding-right: 2px;
	}
	.d-pr-30 {
		padding-right: 30px;
	}
	.d-mr-0 {
		margin-right: 0;
	}
	.d-mb-20, .d-my-20 {
		margin-bottom: 20px !important;
	}
}
.mob-mb-0 {
	margin-bottom: 0 !important;
}
.mob-pad-20 {
	padding: 20px !important;
}
@media (max-width: 767px)
.ph-padding-mob {
    padding-right: 0;
    padding-left: 0;
}

/*--------------------
Footer
--------------------*/

footer {
    background-size: 35%;
    background-color: transparent;
    margin-top: 0;
}
.mobile-footer {
    padding-top: 100px;
}
h4.panel-title.footer-font.uppercase {
    text-transform: uppercase !important;
    margin-top: ;
}
 .mobile-footer .panel-heading h4 span, h4.footer-font {
    font-family: 'sharp_sans_extrabold',sans-serif;
    text-transform: uppercase;
    display: block;
    letter-spacing: .7px;
	 color: #131313;
}
.get-mobile-app.get-mobile-app-m {
    margin-bottom: 8px;
    border-bottom: #ccc 1px solid;
    margin-top: 0;
}
.last-a {
    margin-bottom: 11px;
    border-bottom: 1px solid #cfcecc;
    margin-top: 0;
}
.custom-footer-text-transform li a {
    text-transform: none !important;
}
footer a:visited {
    text-decoration: none !important;
    color: #000000;
}
footer li a, footer small, footer small a, footer small:hover, footer small a:hover {
    font-family: 'open_sans',sans-serif;
    font-size: 12px;
    color: #131313;
    text-transform: capitalize;
    line-height: 1.75;
}
.mobile-menu-privacy li {
    display: inline-block;
    float: left;
    line-height: 36px;
    padding-right: 4px;
}
footer h6 {
    font-size: 14px;
    color: #131313;
    margin-top: 0;
    text-transform: uppercase;
    letter-spacing: .5px;
}
.burger {
	font-size: 14px;
	color: #692828;
	margin-top: 0;
	text-transform: uppercase;
	letter-spacing: .5px;
}
.mobile-menu-privacy li {
    display: inline-block;
    float: left;
    line-height: 36px;
    padding-right: 4px;
}
.ph-line, .ph-border, .hr-ourMenuText {
    margin-top: 10px;
    margin-bottom: 20px;
}
.margin-bottom-8 {
    margin-bottom: 8px !important;
}
hr, .ph-line, .ph-border, .hr-ourMenuText, .ph-modal-border {
    border: .5px solid #cfcecc;
    margin-top: 10px;
    margin-bottom: 10px;
}
.seo-landing footer a, .custom-footer-text-transform li a {
    color: #000;
    text-transform: none !important;
    font-family: 'open_sans';
}
.f-bottom.custom-footer-text-transform {
    color: #000;
}
.f-bottom li {
    display: inline-block;
    float: left;
    padding: 5px 5px 0 0;
    line-height: 40px;
}

.f-icon li {
    list-style: none;
    float: left;
    margin: 0 4px 0 0;
}
@media (max-width: 767px) {
	.custom-header .controls {
		padding: 15px 11px 28px;
		border-left: 2px solid #cfcecc;
		width: 45px;
		float: right;
		padding-left: 9px;
		margin-right: 12px;
	}
	.mobile-menu-privacy li {
		letter-spacing: -.025em;
	}
	section.mob-mx-auto {
		border-bottom: 1px solid #cecece;
	}
}

@media (min-width: 768px) {
	.navbar-nav {
		float: left;
	}
}
@media (max-width: 767px) {
	.v-bl.hp-controls {
		height: 67px;
		width: 55px;
		padding-left: 0;
		right: 0;
		position: absolute;
	}
	.navbar .container, .navbar .container-fluid, .navbar .container-lg, .navbar .container-md, .navbar .container-sm, .navbar .container-xl {
		justify-content: start;
		padding-left: 25px;
	}
}

@media (max-width: 1023px) {
	.navbar-default .navbar-nav > li > a {
		padding: 15px 0 10px 15px;
	}
}
.navbar-default .navbar-nav>li>a {
	color: #000;
	font-size: 18px;
	padding: 15px 17px 10px 15px;
	font-family: 'sharp_sans_semi', sans-serif;
	line-height: 1.11;
	text-align: left;
}
@media (max-width: 1023px) and (min-width: 768px) {
	.navbar-default .navbar-nav>li>a {
		color:#000;
		font-size:15px;
	}
}
@media (max-width: 1023px) {
	.navbar-default .navbar-nav > li > a {
		padding:15px 0 10px 15px;
	}
}
span.fa-caret {
	position: relative;
	bottom: -2px;
}
.dropdown-toggle::after {
	display: none;
}

.ph-hr-fs-account-text {
	color: #f8e080;
	font-size: 14px;
	font-weight: 600;
	text-transform: capitalize;
	font-family: 'sharp_sans_semi', sans-serif;
	position: relative;
	bottom: 2px;
}
ol.breadcrumb {
	background: none;
	padding-left: 0;
	margin-bottom: 0;
	padding-top: 13px;
}
ol.breadcrumb li a {
	font-family: open_sans_semi;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.71;
	letter-spacing: normal;
	color: var(--grey-900);
}
.seo-landing .ph-hr-fs-account-text {
	color: #f8e080;
	font-size: 14px;
	font-weight: 600;
	font-family: 'sharp_sans_semi', sans-serif;
	text-transform: capitalize;
	position: relative;
}
.seo-landing h2, .seo-landing .h2 {
    font-size: 28px;
    line-height: 30px;
    margin-top: 0;
    margin-bottom: 15px;
   font-family: 'sharp_sans_semi', sans-serif;
}
.seo-landing h3,
.seo-landing .h3 {
	font-size: 21px;
	 font-family: 'sharp_sans_semi', sans-serif;
	line-height: 24px;
	margin-top: 25px;
	text-transform: inherit;
}
.seo-landing h1 {
    font-family: 'pizza_hut_fontregular';
/* font-size: 56px;*/
/* font-family: 'sharp_sans_bold', sans-serif;*/
	font-size: 40px;
	line-height: 1.14;
/* margin-top: -5px;*/
	margin-top: 0;
	margin-bottom: 20px;
	text-transform: inherit;
}
.seo-landing p {
	font-family: open_sans;
	font-size: 14px;
	line-height: 24px;
}
.seo-landing a {
	color: #276dcc;
	font-family: open_sans_semi;
	font-size: 14px;
	text-transform: initial;
}
.seo-landing a:hover {
	text-decoration: underline !important;
}
.seo-landing span.material-icons {
	font-size: 18px;
	line-height: 18px;
}
.accordion-toggle span.material-icons {
	color: #276dcc;
	font-size: 32px;
}
.accordion-faq p {
    padding: 0 0 10px 25px;
/* border-top: 1px solid #cecece;*/
    border-bottom: 1px solid #cecece;
}

.panel.seo-panel {
/* border-bottom: 1px solid #cfcecc;*/
	background-color: transparent;
	padding-bottom: 30px;
/* padding-top: 20px;*/
}
.panel.seo-panel:first-child {
/* padding-top: 20px;*/
}
.seo-landing .btn  {
	font-family: 'sharp_sans_semi', sans-serif;
	font-size: 16px;
	text-transform: uppercase;
	letter-spacing: 1px;
}
.seo-landing .btn,
.btn-primary,
.btn-secondary,
.btn-default {
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-ms-border-radius: 8px;
}
.seo-landing .btn-light.btn-link {
    text-align: left;
    font-size: 13.5px;
    font-family: 'open_sans', sans-serif;
    padding: 15px 12px;
    margin-bottom: 15px;
    color: #131313;
    letter-spacing: -.025em;
    text-transform: lowercase;
    width: 200px;
    height: 50px;
    background: #fff;
    border: 1px solid #cecece;
}
.seo-landing .btn-light.btn-link:hover {
	color: #131313;  
    border-color: #cecece;
	background-color: rgba(241, 241, 241, 0.30);
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
	-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
	-ms-box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
}
.seo-landing .btn-light.btn-link:active {
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
	-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
	-ms-box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
}

/*--------------------
Object Fit
--------------------*/

.menu-row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
}
.item-link img {
	 object-fit: fill;
}
.fill {
  object-fit: fill;
}

.contain {
  object-fit: contain;
}

.cover {
  object-fit: cover;
}

.accordion-faq h4.panel-title {
	font-size: 18px;
	line-height: 20px;
	color: #131313;
	border-top: 1px solid #cecece;
	padding: 15px 0 10px;
}
.accordion-faq h4.panel-title:first-of-type {
	border-top: none;
}
.accordion-faq p:last-of-type {
	border-bottom: none;
}
.accordion-faq h4.panel-title:last-of-type {
	padding-bottom: 0;
}
.marketing-content p {
	font-size: 12px;
	margin-top: 20px;
	line-height: 18px;
}

/*--------------------
FAQs
--------------------*/

.accordion-faq button {
	text-align: left;
	display: inline-flex;
	font-size: 16px;
	line-height: 24px;
	border: 0;
	background-color: white;
}
.accordion-faq span.material-icons {
	color: #276dcc;
	font-size: 28px;
	line-height: 24px;
}
@media (max-width: 480px) {
	.accordion-faq button {
		line-height: 20px;
	}
		.mob-font-18 {
		font-size: 18px !important;
		line-height: 21px !important;
	}
}

.rotate {
    -moz-transition: all .5s linear;
    -webkit-transition: all .5s linear;
    transition: all .5s linear;
}
.rotate.down {
    -moz-transform:rotate(90deg);
    -webkit-transform:rotate(90deg);
    transform:rotate(90deg);
}
.btn-faq:focus {
		outline: transparent;
}

/*--------------------
Button FAQs
--------------------*/

span.faq-text {
	font-family: 'sharp_sans_semi', sans-serif;
	word-wrap: break-word;
	white-space: normal;
	text-align: left;
	display: inline-flex;
	padding-left: 10px;
}

span.faq-chevron {
	font-family: 'Glyphicons Halflings';
	display: inline-flex;
}

sup.faq-sup {
	top: 3px;
}

/*--------------------
end./FAQs
--------------------*/

/*--------------------
Snap Content
--------------------*/

.home-snap-content a:hover {
	co
	lor: #fff;
}
/*--------------------
end./Snap Content
--------------------*/

/*--------------------
Trending Searches
--------------------*/

.seo-panel .list-inline>li {
	padding-right: 0;
}
.list-inline>li {
    display: inline-block;
    padding-right: 0;
    padding-left: 2px;
}
.form-control {
    height: 50px;
    padding: 5px 10px;
    font-size: 14px;
    color: #131313;
    letter-spacing: -.015em;
    border: 1px solid #cecece;
    border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-ms-border-radius: 8px;
}
	
@media only screen {}
@media (max-width: 767px) {
	img.img-responsive.d-xs-none {
		display: none;
	}
	.hp-cart-location {
		display: none;
	}
	.flex {
	display:-webkit-flex;
    display:-webkit-box;
    display:-moz-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    flex-direction:row;
	}
	.mob-reverse {
		-moz-flex-direction: column-reverse;
		-webkit-flex-direction: column-reverse;
		-ms-flex-direction: column-reverse;
				flex-direction: column-reverse;

	}
	.seo-landing h1 {
		font-size: 34px;
		line-height: 40px;
		margin-top: 15px;
		margin-bottom: 15px;
		letter-spacing: -.035em;
	}
	.seo-landing h2, .seo-landing .h2 {
		font-size: 21px;
		letter-spacing: -.025em;
	}

	.mob-full-width {
		margin: 0 -25px 0;
	}

	.mob-full-width .mob-resize {
		height: 250px;
		align-content: center;
		margin: 10px auto;
	}
	nav.nav.navbar.navbar-default.hp-navbar {
		padding: 0;
	}
	.udis-logo {
		width: 250px;
	}
	.fpo-video {
		margin-top: 20px;
		width: 343px;
		padding-bottom: 20px;
	}
	.custom-header .ph-add {
		width: 60%;
	}
	.accordion-faq button {
		font-size: 14px;
	}
	div#trendingSearches {
		width: 250px;
	}
}
span[role="link"] {
  color: blue;
  text-decoration: underline;
  cursor: pointer;
}

span[role="link"]:focus {
  outline: 1px dotted black;
}
lead {
    font-size: 21px;
    font-family: 'sharp_sans_semi', sans-serif;
/* line-height: 35px;*/
}
.panel-border {
	border-radius: 9px;
	box-shadow: 0 4px 8px 0 rgb(0 0 0 / 0.20); 
	padding: 25px 25px 15px;;
	position: relative;
}
.panel-border.overflow {
	overflow: hidden;
}
.panel-border .list-group-item {
    border: none;
	padding-left: 0;
}
.panel-border ul.list-group {
    margin-bottom: 15px;
}
.panel-border .list-group-item span.material-icons {
      font-size: 7px;
    line-height: 18px;
    margin-right: 8px;
    color: #E52A33;
}
sup {
    top: 8px;
}

/*--------------------
Navigation
--------------------*/

.hp-nav-container .btn-nav, .hp-nav-container .btn-nav a {
    color: #000;
    font-size: 18px;
    font-family: 'sharp_sans_semi', sans-serif;
    text-align: left;
	text-transform: unset;
}

.hp-nav-container .btn-nav:hover, .hp-nav-container .btn-nav a:hover {
	color: #e52a33;
    text-decoration: none;
    background-color: transparent;
}

/*--------------------
The container <div> - needed to position the dropdown content
--------------------*/

.dropdown {
  position: relative;
  display: inline-block !important;
}

/*--------------------
Dropdown Content (Hidden by Default)
--------------------*/

.dropdown-menu {
  display: none;
  position: absolute;
	left: -15px;
  background-color: #fff;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}
.HutRewardsBlackIconMob {
		position: relative;
		right: 15px;
	}
.ph-hr-fs-account.d-flex.flex-row-reverse {
    position: relative;
    right: 85px;
}
.collapse-hr-logo {
    position: relative;
    right: 0;
}

/*--------------------
iPhone 4 and 4S
--------------------*/

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2) {
	  .collapse-hr-logo {
		position: relative;
		right: -75px;
	}
	  .pull-right.collapse-hr-logo {
		position: relative;
		right: 50px;
	}
	  p.card-text.text-muted {
		font-size: 14px;
	}
	  h5.card-title {
		font-size: 26px;
	}
}

/*--------------------
Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button)
--------------------*/

.show {display:block;}

a.dropdown-item.ph-titlecase.ph-more-font {
    border-bottom: 1px solid #e3e3e3 !important;
    background-color: #fff;
    font-family: 'sharp_sans_semi', sans-serif;
    font-size: 16px;
    color: #131313;
}
a.ph-titlecase.ph-more-font:hover {
    background-color: #b2010d;
    color: #ffffff !important;
}
nav.nav.navbar.navbar-default.hp-navbar {
	background-color: transparent;
	border-color: transparent;
	margin-bottom: 0;
}
.navbar {
	border: none;
}
.navbar-default {
	background-color: #f8f8f8;
	border-color: #e7e7e7;
}
@media (min-width: 768px) {
	.navbar {
		border-radius: 4px;
	}
}
.navbar {
	position: relative;
	min-height: 50px;
	margin-bottom: 20px;
	border: 1px solid transparent;
}
ul.nav.navbar-nav.hp-nav-menu {
	display: inline-block;
	margin-left: 5px;
}
ul.dropdown-menu.ph-more {
	/* added to remove dropdown */
	display: none !important;
}

/*--------------------
iPad 1, 2, Mini and Air
--------------------*/

/* Portrait and Landscape */
@media only screen and (max-device-width: 1024px) and (min-device-width: 768px) and (-webkit-min-device-pixel-ratio: 1) {
	  .seo-landing h1 {
		font-size: 40px;
	}
	.seo-landing h2, .seo-landing .h2 {
    font-size: 26px;
	}
	  h5.card-title {
    	font-size: 26px;
	}
	p.card-text.text-muted {
		font-size: 13.55px;
		letter-spacing: -.025em;
		line-height: 18px;
	}
	img.syo-pin {
	    width: 85%;
    	margin-right: -3px;
	}
	.xl-pad {
		padding-left:0;
		padding-right:0;
	}

.card {
    width: 29rem;
    margin-left: -17px;
}
	.collapse-hr-logo {
		position: relative;
		right: -65px;
	}
	.seo-landing h1 {
/*
	font-size: 28px;
	padding-right: 22px;
*/
	}
	.card-body {
		padding: 1.15rem;
	}
	.mob-pr-30 {
		padding-right: 30px;
	}
	.syo-pin {
		width: 80%;
		height: auto;
		margin-left: -3px;
		margin-right: -3px;
	}
}

@media only screen and (min-width : 1025px) and (max-width : 1440px) {
	h5.card-title {
		font-size: 24px;
	}
	p.card-text.text-muted {
		font-size: 13.5px;
		letter-spacing: -.025em;
	}
	.card {
		width: 29rem;
	}
}

/* For 1366 Resolution */  
@media only screen and (max-width: 1366px) and (min-width: 1030px) { 
	h5.card-title {
    	font-size: 26px;
	}
	p.card-text.text-muted {
		font-size: 16px;
		letter-spacing: -.025em;
		line-height: 18px;
	}
	img.syo-pin {
		width: 80%;
		height: auto;
	}
}  
/* end./SYO MODULE */
/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1) {
	  .collapse-hr-logo {
		position: relative;
		right: -75px;
	}
}

@media (max-width: 767px) {
	.ph-hr-fs-account.d-flex.flex-row-reverse, .HutRewardsBlackIconMob {
		position: relative;
    	right: -50px;
	}
	.pull-right.collapse-hr-logo {
		position: relative;
		right: 50px;
	}
}

@media (max-width: 767px) {
	.pipe {
		color: #ffffff;
		position: relative;
		bottom: 0;
		left: 5px;
	}
}
@media (max-width: 767px) {
	.HutRewardsLogo.HRLogo-NJ {
		background-position: 0 0;
		width: 138px;
		height: 24px;
		display: none;
	}
}
	.box-shadow {
		box-shadow: 0 2px 5px rgb(0 0 0 / 0.50);
		-moz-box-shadow: 0 2px 5px rgb(0 0 0 / 0.50);
		-webkit-box-shadow: 0 2px 5px rgb(0 0 0 / 0.50);
		-ms-box-shadow: 0 2px 5px rgb(0 0 0 / 0.50);
	}
@media (min-width: 768px) {
	.card {
		width: 30rem;
/* float: right;*/
	}
	.udis-logo {
		width: 260px;
		float: right;
	}
	.fpo-video {
		float: right;
		margin-top: 20px;
		width: 301px;
		padding-bottom: 20px;
	}
	.content div.message .img-logo-ph {
		top: -25%;
		position: relative;
	}
	h1 {
		font-size: 48px;
		margin: 0;
	}
}
.hdr-mob-width {
    margin: 0 auto 25px;
}

@media (min-width: 1440px) {
	.card {
		width: 30rem;
    	float: right;
	}
}

/* Safari only override */
::i-block-chrome,.card {
	right: 10px;
	}
}

@media (min-width: 991px) {
	div#ph-footer {
		padding: 0 115px;
	}

}

@media (min-width: 1440px) { 
	.xl-pad {
	padding-left: 75px;
    padding-right: 75px;
	}
}
@media (min-width: 1200px) {
	.card {
		width: 33rem;

	}
	.d-mr-5 {margin-right: 5px;}
}
@media (min-width: 1250px) {
  .seo-landing .container-fluid {
    width: 1370px;
  }
}

@media screen and (max-width: 39.9375em) {
	#wrapper .content div.message .img-logo-brand img {
		width: 50%;
		height: auto;
	}
}
@media screen and (min-width: 40em) {}
@media screen and (min-width: 64em) {}

/* For 1024 Resolution */  
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px)  {
	.col-12.panel-group {
		max-width: 75%;
    	margin: 0px auto;
	}
}

/* Main Image and Text flip */  
@media (min-width: 1201px) {
	div.sitemap_text {
		width: 50%;
		order: 1;
	}

	div.sitemap_start_order {
		width: 50%;
		order: 2;
	}

	div.main_hero {
		order: 2;
	}

	div.main_text{
		order: 1;
	}
}

@media (max-width: 1200px) {
	div.sitemap_text {
		width: 50%;
		order: 1;
	}

	div.sitemap_start_order {
		width: 50%;
		order: 2;
	}

	div.main_hero {
		order: 1;
	}

	div.main_text{
		order: 2;
	}
}

/* Change col-auto widths based on screen size */  
@media only screen and (min-width: 1350px) {
	div.sitemap_text {
		width: 60%;
		order: 1;
	}

	div.sitemap_start_order {
		width: 40%;
		order: 2;
	}

	div.main_hero {
		width:60%;
	}

	div.main_text{
		width:40%;
	}
}

@media only screen and (max-width: 1349px) and (min-width: 1201px) {
	div.sitemap_text {
		width: 50%;
		order: 1;
	}

	div.sitemap_start_order {
		width: 50%;
		order: 2;
	}

	div.main_hero {
		width:50%;
	}

	div.main_text{
		width:50%;
	}
}

@media only screen and (max-width: 1200px) {
	div.sitemap_text {
		width: 100%;
		order: 1;
	}

	div.sitemap_start_order {
		width: 100%;
		order: 2;
	}

	div.main_hero {
		width:100%;
	}

	div.main_text{
		width:100%;
	}
}

/* Box Icon Hide */  
@media (max-width: 350px) {
	.icon_hide {
		display: none;
	}
}