@charset "utf-8";
/* CSS Document */

body
{
	font-family: 'Open Sans', sans-serif;color:#656565;
	 font-size:15px;line-height:20px;padding-top:8px;font-weight:400;
}

.button {
 
}
.inner-banner
{
	margin-bottom:40px;position:relative;
}
.inner-banner h2
{
	font-size:55px;  color:#000;position:absolute;bottom:16%;left:10%;font-weight:600;
}
.inner-banner h2 span
{
	color:#f4122a;font-weight:800;
}
.careers h4
{
	    font-size: 17px;
    color: #656565;
    text-align: left;
    margin-top: 30px;
    margin-bottom: 10px;font-weight:600;
}
.output {
  margin: 0 auto;
 padding:30px 10px;
}
.colors {
  
  display: none;
}
.custom-dropdown select {
    background-color: #636363;
    color: #fff;
    font-size: 16px;
    padding: 12px 16px;
    padding-right: 2.5em;
    border: 0;
    margin: 0;
	max-width:280px;
    border-radius: 3px;
    text-indent: 0.01px;
    text-overflow: '';outline:none;
    -webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
}
.custom-dropdown select::-ms-expand {
    display: none;
}
.custom-dropdown {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0px;
}
.custom-dropdown::before {
    background-color: rgba(0,0,0,.15);
}
.custom-dropdown::before {
    width: 2em;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: 0 3px 3px 0;
}
.custom-dropdown::before, .custom-dropdown::after {
    content: "";
    position: absolute;
    pointer-events: none;
}
.custom-dropdown::before, .custom-dropdown::after {
    content: "";
    position: absolute;
    pointer-events: none;
}
.custom-dropdown::after {
    color: rgba(0,0,0,.4);
}
.custom-dropdown::after {
 content: '\f107';
    font-family: 'Font Awesome\ 5 Free';    
    font-weight: 700;
    font-size: 15px;  
    right: 14px;
    top: 35%;    
    margin: 0 auto;
    color: #fff;
}

.big {
    font-size: 18px;
}
h1, h2, h3, h4, blockquote, .sub-title, .submenu li a
{
	font-family: 'Montserrat', sans-serif;
}

blockquote
{
	font-weight:500;font-size:16px;text-align:center;border:0px;
	color:#4b4b4b;margin-bottom:5px;margin:0px 0px 20px 0px;
}
.sub-title
{
	font-size:17px !important;color:#000 !important;font-weight:600;text-align:center;
	margin-bottom:26px !important;width:100% !important;
}
#slider, .page-banner
{
 margin-bottom:40px;
}
.col-centered{
    float: none;
    margin: 0 auto;
}
h1
{
	font-size:48px;line-height:45px;
}
h2
{
	font-size:38px;color:#ed1c24;font-weight:800;text-align:center;margin-top:0px;line-height:40px;
	margin-bottom:2px;
}
h3
{
	font-size:30px;font-weight:800;color:#ed1c24;
	text-align:center;margin-top:0px;margin-bottom:25px;
	line-height:32px;
}
h4
{
	font-size:24px;font-weight:700;color:#000;margin-top:0px;
	text-align:center; margin-bottom:30px;line-height:26px;
}
img
{
	border:none;outline:none;
}
.popup-link
{
	font-size:14px;color:#4b4b4b;text-align:center;margin:10px 0px 0px;
}

.tm-link
{
  margin-top:4px;text-align:center; 
}
.tm-link a
{
 text-decoration:underline;color:#1e82e6;
  display:block; font-size:13px;
}
.tm-link a:hover
{
	color: #23527c;text-decoration:underline;
}
.latestpromo-slider h4
{
	margin-bottom:12px !important;
}
.hline
{
	width:100%;height:1px;background-color:#d7d7d7;margin:35px 0px 32px 0px;
}
.mt30
{
	margin-top:30px;
}
.mt10
{
	margin-top:10px;
}
.mt20
{
	margin-top:20px;
}
.mr10
{
	margin-right:10px;
}
.mb30
{
	margin-bottom:30px;
}
.mb0
{
	margin-bottom:0px;
}
.mb40
{
	margin-bottom:40px;
}
#our-story, #services, #products, #latest-promotions, #story-lp, #rte, #rte-treats, #rte-pau, #rte-desserts, #rte-onigiri, #rte-salad, .slider-border
{
	border-bottom:1px solid #d7d7d7;
    margin-bottom: 35px;padding-bottom:35px;
}

.cd-main-content #our-story, #mobile-truck
{
  border-bottom:1px solid #d7d7d7;padding-bottom:38px;margin-bottom:0px;
}
#our-story h2, #mobile-truck h2, #store.cd-section h2
{
	padding-top:35px;
}
.page-banner
{
	 background-repeat:no-repeat;background-position:center;
	 background-size:cover;height:500px;
}
.lp .banner-caption
{
	top:20%;width:55%;position:absolute;
	font-family: 'Montserrat', sans-serif;
}
.lp .banner-caption h1
{
	position:static;top:auto;
}
.lp .banner-caption h4
{
	color:#fff; font-size:25px;text-align:left;margin-top:2px;margin-bottom:40px;
}
.lp .banner-caption p
{
	color:#000;font-weight:600;margin-top:30px;
}
.page-banner h1
{
	font-size:50px;font-weight:800;margin-top:-28px;
	position:absolute;top:50%;margin-bottom:0px;line-height:48px;
}
.caption-wrapper
{
	
}
.investors .page-banner p
{
	color:#fff;position:absolute;top:55%;margin-bottom:0px;
	font-size:18px;line-height:22px;
}
.investors h1
{
	top:40%;
}
.careers .page-banner h1
{
	top:78%;
}
.rte .page-banner h1
{
	top:45%;color:#ed1c24;
}
.mybrand .page-banner h1, .bakery .page-banner h1
{
	top:50%;color:#ed1c24;
}
.services .page-banner h1
{
	top:42%;
}
.more-button {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;font-size:15px;
    color: #000;  line-height:29px; 
    display: block;margin-top:18px;
}
#our-story .more-button
{
	text-align:center;
}
.more-button:before
{
	content: url(../images/plus-icon.png);
    margin-right: 8px;
    background-color: #ed1b24;
    padding: 6px 8px 4px 8px;
    transition: 1s ease all;
}
#contact .more-button {
    background-color: transparent;
    outline: none;float:right;
    border: 0;color:#fff;
    text-align: right;
}
#contact .more-button:before
{
	content: url(../images/plus-icon-red.png);color:#ed1b24;background-color:#fff;
}
a:focus,
a:hover,
a:active {
  outline: 0;
  text-decoration: none;
}
.big-text
{
	font-size:17px;color:#222;line-height:22px;text-align:center;
}
.content-section
{
	margin-top:42px;
}

.page-banner span
{
	display:block;
}
.investors .page-banner
{
	 background-image:url(../images/banners/investors.jpg);	color:#fff;
}
.promotions .page-banner
{
	 background-image:url(../images/banners/promotions.jpg);	
}
.rte .page-banner
{
	 background-image:url(../images/banners/rte.jpg);	
}
.mybrand .page-banner
{
	 background-image:url(../images/banners/mybrand.jpg);	
}
.bakery .page-banner
{
	 background-image:url(../images/banners/bakery.jpg);	
}
.lp .page-banner
{
	 background-image:url(../images/banners/loyalty.jpg);	
}
.lp .page-banner h1, .services .page-banner h1
{
	color:#fff;
}
.services .page-banner h1
{
	background-image:url(../images/bg-shadow.png);padding:50px;background-position:center;
	background-repeat:no-repeat;background-size:cover;color:#ed1b24;
}
.csr .page-banner
{
	 background-image:url(../images/banners/csr.jpg);	
}
.services .page-banner
{
	 background-image:url(../images/banners/services.jpg);
}
.explore-more .page-banner
{
	 background-image:url(../images/banners/explore-more.jpg);	
}
.careers .page-banner
{
	 background-image:url(../images/banners/careers.jpg);	
}
/***********Header CSS***********/
.cbp-af-header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background: #fff;
	z-index: 10000;	
	overflow: hidden;	
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.cbp-af-header-shrink .header-socialbar
{
	display:none;
	
}
.cbp-af-header-shrink .navbar
{
	margin:0px;
}
.cbp-af-header h1,
.cbp-af-header nav {
	/*display: inline-block;
	position: relative;*/
	width:100%;
}

.cbp-af-header.cbp-af-header-shrink {
	padding:12px 0px 9px 0px;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	transition: all 0.4s;
	box-shadow: 0 0 50px rgba(0,0,0,0.8);	
}

#main-header .ir-logo, #main-header.ir-header .cw-logo
{
	display:none;
}
#main-header.ir-header .ir-logo
{
	display:block;
}
header .header-socialbar
{
	border:1px solid #ebebeb;padding:6px 0px;
	line-height:initial;text-align:right;margin-top:8px;
}
.header-socialbar span
{
	color:#646464;display:inline-block;vertical-align:middle;text-align:left;margin-right:12px;
}
.header-socialbar span b
{
	color:#000;
}
.header-socialbar .fa-map-marker-alt
{
	color:#ed1c24;font-size:23px;margin-right:12px;
	vertical-align:middle;background-color: transparent;
    padding: 0px;
}
.header-socialbar a
{
	
}
.header-socialbar a i
{
	color:#646464; font-size:14px;margin-right:8px;
	background-color:#ebebeb;padding:5px 10px;vertical-align:middle;
}
.findstore, .social-icons
{
	display:inline-block;vertical-align:middle;
}
.social-icons i
{
	padding:05px 10px;color: #646464;
    border-left: 1px solid #ebebeb;
}
#content-wrapper
{
	background-color:#f5f5f5;
	padding:128px 0px 25px 0px;
}
.menu-list
{
	list-style-type: none;
    padding-left: 0px;
	margin-bottom:15px;
}
.menu-list li 
{
    position: relative;
    padding-left: 26px;
    margin-bottom: 5px;
    text-align: justify;
}
.menu-list li:before 
{   content: "\f105";
    position: absolute;
    top: 3px;
    left: 0;
    font-family: 'Font Awesome\ 5 Free';    
    color: #fff ;background-color: #ed1c24;
    padding: 2px 4px 2px 5px;
    font-size: 10px;
    border-radius: 50%;
    line-height: 10px;
}
footer
{
  margin:20px 0px;
}
footer li a, footer li
{
  color:#000;font-weight:700;
}
footer h5
{
	font-weight:bold;color:#000;font-size:15px;
	padding:0px;margin-bottom:12px;margin-top:0px;
}
footer i
{
	color:#fff;background-color:#000;border-radius:50%;
	width:33px;height:33px;text-align:center;line-height:33px !important;	
}
footer span, footer p a
{
	color:#000;font-weight:600;
}
footer p a
{
	color:#1e82e6;
}
footer .fab
{
	margin:2px 1px;
}
footer img
{
	margin-bottom:10px;
}
footer p
{
	margin-bottom:0px;
}
.copyright
{
	display:inline-block;
	margin-right:20px;
}
footer .footer-wrapper
{
	border-top:1px solid #c5c5c5;padding-top:15px;margin-top:15px;
}
footer .footer-wrapper a
{
	color:#000 !important;font-weight:600;
	line-height:16px;	
}
footer .footer-wrapper a:last-child
{
	 margin-left:10px;
}
footer .row .col-lg-4 h5:last-of-type
 {
		margin:15px 0px 10px 0px;
 }
.mobile-icon:before {
    content: "\f095";
    font-family: 'Font Awesome\ 5 Free'; 
    margin-right: 10px;color:#333;
    vertical-align: middle;font-weight:900;
}
.mail-icon
{
	position: relative;
    padding-left: 26px;    
    word-break: break-word;
    display: block;
    line-height: 18px;
}
.mail-icon:before {
    content: "\f0e0";
    font-family: 'Font Awesome\ 5 Free'; 
    margin-right: 10px;color:#000;
    vertical-align: middle;font-weight:500;
	position: absolute;top: 50%; left: 0px;
	margin-top: -8px;
}
/***** Top menu *****/

.navbar-no-bg {
	
	-moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;
}
.navbar-toggle .icon-bar { background: #555; }

/********Accordion css***********/
#accordion
{
	margin-top:40px;
}
.panel {
 
  background: none;
  box-shadow: none;
}

.panel:last-child {
  border-bottom: none;
}

.panel-group > .panel:first-child .panel-heading {
 
}

.panel-group .panel {
  border-radius: 0;
}

.panel-group .panel + .panel {
  margin-top: 0;
}

.panel-heading {
  background-color: transparent;
  border-radius: 0;
  border-bottom:1px solid #d7d7d7 !important;
  padding: 0;margin-bottom:12px;
}
.panel-heading.active
{
	margin-bottom:0px;
}
.panel-title a {
  display: block;
  color: #000;
  padding: 8px 0px 18px 0px;
  position: relative;
  text-align:left;
  font-family: 'Montserrat', sans-serif;
}
.panel-heading.active .panel-title a
{
	color:#ed1b24;
}
.panel-body {
  background-color:transparent;
   font-size:16px;color:#323232;line-height:22px;text-align:justify;
}
.panel-body ul li a
{
	padding: 0px !important;
}
h3.panel-title
{
	font-size:23px;color:#000000;font-weight:800;
}
.panel-body h5
{
	 font-size:16px;color:#333;margin-top:28px; font-weight:600;
}
.panel-body h5:nth-child(1)
{
	margin-top:15px;
}
.panel:last-child .panel-body {
 
}
.panel-body  .more-button
{
	margin-top:25px;
}
.panel-body ul {
  list-style-type: none;
  padding-left: 5px;  
}
.panel-body li {
  position: relative;
  padding-left: 22px;
  margin-bottom: 10px;color:#656565;line-height:20px;
  text-align: justify;font-size:15px;font-weight:500;
}
.panel-body li:before {
  position: absolute;
  top: 0;
  left: 0;
  font-family: 'Font Awesome\ 5 Free';
  content: "\f105";
  color: #656565;
  font-size:16px;font-weight:600;
}
.panel:last-child .panel-heading {  
  transition: border-radius 0.3s linear 0.2s;
}

.panel:last-child .panel-heading.active {
  border-radius: 0;
  transition: border-radius linear 0s;
}

#accordion .panel-heading a:before {
  content: '\f106';
  font-size: 18px;
  position: absolute;
  font-family: 'Font Awesome\ 5 Free'; 
  right: 5px;
  top: 4px;
  transform: rotate(180deg);
  transition: all 0.5s;font-weight:600;
  
}

#accordion .panel-heading.active a:before {
  transform: rotate(0deg);
  transition: all 0.5s;
}
#faq h3.panel-title {
    font-size: 18px;
    color: #000000;
    font-weight: 800;
}
#faq #termsconditions h2, #faq #information h2
{
  font-size:24px;line-height:26px;margin:30px 0px;
}
#faq .panel-title a
{
	padding: 8px 0px 18px 45px;
}
#faq .panel-body
{
	margin-left:45px;
}
#faq .panel-body p span
{
	 display:block;
}
#faq .panel-group 
{
  margin-top:26px;
}
#faq .panel-group .panel-heading a:before {
    content: '\f067';
    font-size: 16px;
    position: absolute;
    font-family: 'Font Awesome\ 5 Free';
    left: 0px;right:auto;
    top: 50%;margin-top:-22px;
    transform: rotate(0deg);
    transition: all 0.5s;
    font-weight: 600;
	background-color: #fff;
    width: 32px;
    height: 32px;
    line-height: 32px;
    color: red;
    border-radius: 50%;
    text-align: center;
}
#faq .panel-group .panel-heading.active a:before {
   content: '\f068';
    transform: rotate(0deg);
    transition: all 0.5s;
	background-color: #fff;
    width: 32px;left: 0px;right:auto;
    top: 50%;margin-top:-22px;
    height: 32px;
    line-height: 35px;
    color: red;
    border-radius: 50%;
    text-align: center;
}
#faq table {
  
  color: #666;
  text-shadow: 1px 1px 0px #fff;
  background: #eaebec;
  border: #ccc 1px solid;
  margin:12px 0px;
}
 
#faq table th {
  padding: 10px 28px;
  font-family: 'Montserrat', sans-serif;
  border-left:1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
  background: #ededed;
}
 
#faq table th:first-child{  
  border-left:none;  
}
 
#faq table tr {
  text-align: left;
  padding-left: 20px;
}
 
#faq table td:first-child {
  text-align: left;
  padding-left: 20px;
  border-left: 0;
}
 
#faq table td {
  padding: 15px 35px;
  border-top: 1px solid #ffffff;
  border-bottom: 1px solid #e0e0e0;
  border-left: 1px solid #e0e0e0;
  background: #fafafa;font-size:15px;
  background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa));
  background: -moz-linear-gradient(top, #fbfbfb, #fafafa);
}
 
#faq table tr:last-child td {
  border-bottom: 0;
}
 
#faq table tr:last-child td:first-child {
  -moz-border-radius-bottomleft: 3px;
  -webkit-border-bottom-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
 
#faq table tr:last-child td:last-child {
  -moz-border-radius-bottomright: 3px;
  -webkit-border-bottom-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
 
#faq table tr:hover td {
  background: #f2f2f2;
  background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f0f0f0));
  background: -moz-linear-gradient(top, #f2f2f2, #f0f0f0);
}
#faq h6
{
	border-bottom:1px solid #333;
	font-size:13px;
	display:inline-block;
}
.img-box
{
	margin-top:25px;text-align:center;
}
.img-box img
{
	margin:0 auto;
}
.img-box p
{
	text-align:center;font-size:15px;margin-top:18px;font-weight:500;line-height:18px;
	font-family: 'Montserrat', sans-serif;color:#231f20;
}
/**********myNews Cares*************/
 .mynews-cares h4 {
    text-align: left;
    font-size: 20px;
    margin-bottom: 10px;
}
.mynews-cares p{
    background-color: transparent;
    font-size: 16px;
    color: #323232;
    line-height: 22px;
    text-align: justify;
}
.mynews-cares hr
{
	border: 0;
    height: 1px;
    background: #d7d7d7;  
    margin: 35px 0px;
}
/**************Promotins css*************/
.page-banner .container
{
	position:relative;height:100%;
}
.promotions h1
{
	color:#ed1c24;
}
.promotions h5
{
	font-size:18px;text-align:center;font-weight:700;
	color:#4b4b4b;font-family: 'Montserrat', sans-serif;
	margin-bottom:20px;
}
.d-mt15
  {
	 margin-top:15px;
  }
 
/***********CSR**************/
.csr .page-banner h1
{
	color:#000;margin-top:-60px !important;
}
.csr span, .explore-more span
{
	display:block;
}
.careers h1
{
	color:#fff;
}
/********Store Location**********/
#store-location
{
	background-image:url(../images/store-location-bg.jpg);
	background-repeat:no-repeat;background-position:center right;
    background-size:cover;
}
#store-location  h1
{
	color:#fff;margin:0;padding:0;
	
}
#store-location  h5
{
	font-size:18px;color:#fff;font-weight:600;
	text-transform:uppercase;
	font-family: 'Montserrat', sans-serif;margin:0px;
}
.inner-wrapper
{
	display:table; height:280px;width:100%;
}
.left-wrapper
{
	width:50%;
}
.right-wrapper
{
	text-align:right;
}
.left-wrapper, .right-wrapper
{
	display: table-cell;
    vertical-align: middle;height:100%; 	
}
.right-wrapper input
{
	background-color:transparent;border:none;outline:none;font-size:20px;
	border-bottom:1px solid #fff;color:#fff;width:85%;padding-bottom:6px;
	font-family: 'Montserrat', sans-serif;display:inline-block;vertical-align:middle;
}
.map-button
{
	background-color:#fff;color:#ed1c24;outline:none;font-size:18px;font-weight:600;
	border-radius:50%;border:none;padding:11px 14px;display:inline-block;vertical-align:middle;
}
::-webkit-input-placeholder { 
  color: #fff;font-style:italic;font-size:18px;
  letter-spacing:1px;
}
::-moz-placeholder { 
  color: pink;
}
:-ms-input-placeholder { 
  color: pink;
}
:-moz-placeholder { 
  color: pink;
}
#carrers-csr
{
	margin-bottom:42px;
}
#carrers-csr h4
{
	font-size:18px;color:#ed1c24;text-align:left;margin-bottom:10px;
	font-weight:800;line-height:20px;
}
#carrers-csr p
{
	font-size:16px;color:#4b4b4b;
}
/******************Explore More***********/
.explore-more h1
{
	color:#ed1c24;
	background-image:url(../images/banners/text-shadow.png)
}
#our-story p
{
   font-size:16px;	text-align:center;color:#4b4b4b;
   line-height:22px;
}

.overlay-box p
{
	text-align:left !important;
}
#our-story .about-section
{
	margin:0 auto;margin-top:30px;
}
#our-story .about-section h4
{
	font-size:24px;color:#000;font-weight:800;margin-bottom:15px;
}
#our-story .about-section p
{
	text-align:center;
}
#mobile-truck p
{
	font-size:16px;color:#4b4b4b;margin: auto;
	text-align:center;line-height:22px;
}

.explore-more #store-location
{
	background:none;
}
.explore-more #store-location .inner-wrapper
{
	height:auto;padding-bottom:66px;padding-top:40px;
}
.explore-more #store-location h1
{
	background-color:#ed1c24;padding:10px 42px 6px 42px;
	background-image:none;display:inline;font-size:30px;line-height:34px;
}
.explore-more #store-location h5
{
	display:none;
}
.explore-more #store-location .right-wrapper input
{
	border-color:#333;color:#333;
}
.explore-more #store-location .map-button
{
	background-color:#ed1c24;color:#fff;
}
.explore-more #store-location ::-webkit-input-placeholder { 
  color: #333;
}
#contact
{
	background-image:url(../images/explore/get-in-touch-bg.jpg);
	background-repeat:no-repeat;background-position:center center;
	background-size:cover;padding:45px 0px 55px 0px;min-height:200px;
}
#contact h2
{
	 color:#fff;margin-bottom:40px;
}
#contact p
{
	 font-size:14px;line-height:18px;margin-top:18px;margin-bottom:25px;color:#fff;
}
#contact p span
{
	display:block;
}
#contact p:last-child
{
  margin:0px;	
}
#contact input.inputbox {
    border: none;
    border-bottom: 1px solid #e1e1e1;
    background-color: transparent;
    color: #e1e1e1 !important;
    display: block;
    outline: none;
    padding: 8px 12px;
    width:100%;
    background: url(../images/corner.png) right bottom no-repeat !important;
    margin-right: 0px;
    margin-bottom: 12px;
}
.explore-more #contact ::-webkit-input-placeholder { 
  color: #fff;font-size:12px;font-weight:400;line-height:15px;
}
#contact h4
{
	text-align:left;color:#fff;font-size:20px;font-weight:500;
	margin-bottom:24px;
}
.textbox
{
	background-color:transparent;border:1px solid #fff;height:90px;
	padding:10px 10px;color:#fff;outline:none;width:100%;border-radius:2px;margin-top:18px;
}

.submenu
{
	width: 100%;border-bottom:1px solid #e6e6e6;
    margin: 0 auto;text-align:center;margin:0px 0px 30px 0px;
    list-style-type:none;padding-left:0px;
}
.submenu li {
    display: inline-block;
    list-style: none;padding-bottom:16px;
}
.submenu li a {
    font-size: 15px;
    line-height: 22px;
    font-weight: 600;
    color: #000;  
	margin:0px 12px;
    text-decoration: none;
}

.submenu li.sub-active a
{
	color:#000;font-weight:900;	
}
#ir-main-menu {
    background-color: #1f134d;
    color: #fff;
    padding: 10px;
    position: fixed;
    right: 0;
    left: 0;
    top: 0;
    z-index: 1030;
    min-height: 44px;
}
/**************Services Carousel***********/
.slick-slide
{
	box-sizing: initial;
    outline: none;
    border: 0;text-align:center;
}
.circle-img
{
	height: 200px; 
    width: 200px; background-color:#fff;border-radius:50%;
    position: relative;margin:0 auto;
}
.slick-slide h4, .products-list h4
{
	text-align:center; font-size:16px;font-weight:700; color:#000;
	margin-top:12px;margin-bottom:0px;line-height:20px;
}
.circle-img img
{
	max-height: 100%;  
    max-width: 100%; 
    width: auto;
    height: auto;
    position: absolute;  
    top: 0;  
    bottom: 0;  
    left: 0;  
    right: 0;  
    margin: auto;
}
.promotions-slider h4
{
	margin:20px 0px 12px 0px;
}
.promotions-slider p
{
	font-size:16px;color:#4b4b4b;padding:0px 15px;
	min-height:30px;
}
.story-box
{
   background-color:#ebebeb;min-height:370px;
   background-image:url(../images/story-box-bg.png);
   background-repeat:no-repeat;background-position:center right;
   position:relative;
}
.story-box-inner
{
	width:50%;padding:60px 0px 30px 30px;
}
.story-box-inner h1
{
	font-weight:800;color:#ed1c24;
}
.story-box-inner h5
{
	font-family: 'Montserrat', sans-serif;margin:0px;
	font-size:16px;color:#000;font-weight:600;margin-top:20px;
}
.story-box-inner .more-button, .loyalty-box-inner .more-button
{
	position:absolute;bottom:30px;left:30px;
}
.loyalty-box-inner .more-button
{
	color:#fff;
}
.loyalty-box-inner .more-button:before
{
	background-color:#000;color:#fff;
}
.loyalty-box-inner h1
{
  color:#fff;font-size:40px;line-height:40px;margin-top:0px;
  font-weight:800;
}
.loyalty-box-inner
{
  width:57%;padding:30px 0px 30px 30px;	
}
.loyalty-box-inner h5
{
	font-family: 'Montserrat', sans-serif;margin:0px;line-height:22px;
	font-size:20px;color:#fff;font-weight:600;margin:8px 0px 20px 0px;
}

.loyalty-box
{
	background-color: #ec2055;
    min-height: 370px;
    background-image: url(../images/homepage-loyalty-box.jpg);
    position: relative;
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: cover;
}
.loyalty-box .loyalty-box-inner img
{
	margin-bottom:08px;
}
.global-layer
{
	position:relative;z-index:999;border: 1px solid #f7f7f7;
}
.global-layer h4
{
	position:absolute;top:35px;left:40px;z-index:9999;font-size:24px;line-height:26px;font-weight:800;
}
.global-layer.bakery h4, .global-layer.mybrand h4
{
	/*top:25px;*/
}
.global-layer h4 span
{
	display:block;text-align:left;
}
.global-layer p
{
	position:absolute;top:90px;left:40px;z-index:9999;color:#ed1c24;
	font-weight:700;
}
.global-layer .more-button
{
	position:absolute;bottom:20px;left:40px;z-index:9999;
}
/**************LP****************/
.newcrad-box
{
	background-color:#fff;height:100%;
	padding:12px 12px 30px 12px;text-align:center;
}
.newcrad-box h3
{
	margin:30px  0px;line-height:33px;
}
.newcrad-box h3 span
{
	display:block;
}
.newcrad-box p
{
	font-size:17px; color:#4b4b4b;width:85%;margin:auto;margin-bottom:15px;
}

.newcrad-box p:last-of-type
{
	
}
.newcrad-box p span
{
	font-size:16px;font-style:italic;
}
.lp-member
{
	margin-top:40px;
}
.member p
{
	color:#4b4b4b;font-size:16px;font-weight:500;margin-bottom:0px;margin-top:15px;
}
.member .slick-slide
{
	margin:0px 18px; !important;
}
.member .img-wrapper
{
	position:relative;
}
.nexticon
{
	position:absolute;top:49%;right:-9%;
}
.lp-benefits h4
{
    text-align: center;
    font-size: 16px;line-height:20px;
    font-weight: 700;
    color: #000;
    margin-top: 20px;margin-bottom:0px;
    
}
.lp-benefits p
{
	color: #4b4b4b;text-align:center;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 0px;
    margin-top: 15px;
}
.lp-benefits
{
	margin-top:30px;
}
/*.services-box-wrapper
{
	background-color:#fff;display: table;
    padding: 20px;margin: 15px 0px;
}*/
.services-box-wrapper
{
	
    padding:28px 12px;height:100%;background-color: #e7e7e7;margin-bottom:30px;box-shadow: 0 8px 6px -6px #dadada;
	border-bottom-left-radius:6px;border-bottom-right-radius:6px;min-height:290px; display:block;overflow:hidden;
}
.services-box-wrapper img
{
	margin:0 auto;width:30%;
}
.services-box-wrapper .circle-img 
{
	height: 150px;
    width: 150px;
}
.services-box-wrapper .circle-img img
{
	padding:25px;
}
.photo_wrapper
{
	    width: 50%;
		display: table-cell;
    vertical-align: middle;
}
.photo_wrapper a {
    display: block;
    line-height: 0;
}
.desc_wrapper {
    width: 46%;
    padding-left: 4%;
	display: table-cell;
    vertical-align: middle;
}
.services-box-text
{
	text-align:center;
}
.services-box-text h4
{
	font-size:16px;line-height:18px;color:#000;margin-bottom:0px;margin-top:18px;min-height:45px;
}
.services-box-text h4 span
{
	font-size:13px;color:#333;font-weight:500;line-height:18px;margin:0px;display:block;
}
.services-box-text h5
{
	font-size:14px;line-height:18px;margin:0;font-weight:500;
}
.services-box-text p
{
	font-size:15px;margin-bottom:0px;color:#4b4b4b;line-height:18px;margin-top:10px;
}
.image-wrapper
{
  padding:20px 30px;
}
.row.display-flex {
  display: flex;
  flex-wrap: wrap;
}
.row.display-flex > [class*='col-'] {
  display: flex;
  flex-direction: column;
}
/****************Products*******************/
.products-box-wrapper
{
 position:relative;margin-bottom:16px;
}
.products-des h3
{
	
}
.products-des h3
{
	top:50px;left:40px;position:absolute;text-shadow: 0px 0px 15px #000;text-align:left;
	font-size:30px;line-height:32px;color:#fff;font-weight:800;
}
.products-des h3.black-color
{
	color:#000;text-shadow: 0px 0px 15px #fff;
}
.products-des h3 span
{
	display:block;
}
.products-des a
{
	bottom:50px;left:40px;position:absolute;
}

.products-subtitle
{
	font-size:17px;color:#4b4b4b;line-height:20px;margin:15px 0px 25px 0px;text-align:center;
}
#rte h3, #rte-onigiri h3, #rte-treats h3, #rte-pau h3, #rte-desserts h3, #rte-order h3, #rte-bento h3, #rte-salad h3, .slider-container h3
{
	font-size:24px;font-weight:800;color:#ed1c24;margin-bottom:22px;
}
.rte-slider h4, .products-list h4
{
	text-transform:uppercase;
}
.products-list .col-lg-4
{
	margin-bottom:35px;
}



.back-button {
    border-bottom: 1px solid #e6e6e6;    
    font-size: 12px;
    padding: 10px;margin-bottom:20px;
}

.back-button a {
    background: #950006;
    background: -moz-linear-gradient(top, #de0009 0%, #950006 100%);
    background: -o-linear-gradient(top, #de0009 0%, #950006 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #de0009), color-stop(100%, #950006));
    background: -webkit-linear-gradient(top, #de0009 0%, #950006 100%);
    background: linear-gradient(top, #de0009 0%, #950006 100%);
    border: solid #dd0009;
    border-width: 1px 1px 1px 0;
    -moz-border-radius: 0 5px 5px 0;
    -webkit-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0;
    display: inline-block;
    height: 28px;
    line-height: 28px;
    margin-left: 20px;
    margin-right: 2px;
    padding: 0 7px 0 3px;
    position: relative;
    text-decoration: none;
}

.back-button a:before {
    background: #950006;
    background: -moz-linear-gradient(-45deg, #de0009 0%, #950006 100%);
    background: -o-linear-gradient(-45deg, #de0009 0%, #950006 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #de0009), color-stop(100%, #950006));
    background: -webkit-linear-gradient(-45deg, #de0009 0%, #950006 100%);
    background: linear-gradient(-45deg, #de0009 0%, #950006 100%);
    border: solid #dd0009;
    border-width: 0 0 1px 1px;
    border-radius: 2px 0 2px 2px;
    content: '';
    display: block;
    height: 21px;
    left: -11px;
    position: absolute;
    top: 3px;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 21px;
}

.back-button a:hover, .back-button a:focus {
    border-color: #b50007;
    background: #7e0004;
    background: -moz-linear-gradient(top, #b50007 0%, #7e0004 100%);
    background: -o-linear-gradient(top, #b50007 0%, #7e0004 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b50007), color-stop(100%, #7e0004));
    background: -webkit-linear-gradient(top, #b50007 0%, #7e0004 100%);
    background: linear-gradient(top, #b50007 0%, #7e0004 100%);
}

.back-button a:hover:before, .back-button a:focus:before {
    border-color: #b50007;
    background: #7e0004;
    background: -moz-linear-gradient(-45deg, #b50007 0%, #7e0004 100%);
    background: -o-linear-gradient(-45deg, #b50007 0%, #7e0004 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #b50007), color-stop(100%, #7e0004));
    background: -webkit-linear-gradient(-45deg, #b50007 0%, #7e0004 100%);
    background: linear-gradient(-45deg, #b50007 0%, #7e0004 100%);
}

.back-button a span {
    color: #fff;
    font-weight: bold;
    position: relative;
}	

/**********Privacy Policy************/
.privacy-policy h3
{
	font-size:18px;color:#000;text-align:left;margin-bottom:12px;margin-top:25px;font-weight:700;
}

.privacy-policy p, .privacy-policy ul li
{
    text-align:justify;
    font-size: 15px;
    color: #4b4b4b;
}
.privacy-policy ul {
    list-style-type: none;
    padding-left: 5px;
}
.privacy-policy li {
    position: relative;
    padding-left: 26px;
    margin-bottom: 10px;
    text-align: justify;
}
.privacy-policy li:before {
    position: absolute;
    top: 0;
    left: 0;
    font-family: 'Font Awesome\ 5 Free';
	font-weight:600;
    content: "\f0a9";
    color: #ed1c24;
    font-size: 15px;
}

/*===================================================
	CASH COUPON CODE GUIDELINS BY CHANDRA
=====================================================*/

#cash-coupon-gl h2{
	padding-top:35px;
	padding-bottom:35px;
}
.cash-coupon-box{
	margin-bottom:20px;
	min-height:740px;
}

.apphome{
	
	width:100%;
	background:#e9252b;
	padding:30px 30px;
	
}

.app-icons{
	text-align:center;
	vertical-align:center;
	padding-top:70px;
	padding-bottom:70px;
	
}
.app-icons a{
	display:inline-block;
	margin:15px 15px;
	text-align:center;
}

a.applink{
	display:block;
	text-align:center;
	clear:both;
	color:#fff;
}


.nexticon-red {
    position: absolute;
    top: 33%;
    right: -5%;
	z-index:5;
}


.iqos-inner-container{
	padding:60px 30px;
	color:#fff;
}
.iqos-inner-container p{
	color:#fff;
}
.iqos-inner-container p strong{
	margin-bottom:10px;
	display:block;
}
.iqos-bg{
	background-image:url(../images/services/iqos-locations-bg.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	
}







/*==========  Mobile First Method  ==========*/
/* Large desktops and laptops */
@media (min-width: 1200px)
 {
 }
/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) 
{
	
}
/*Small Desktops and Tablets */
@media (max-width: 1224px) 
{
	.loyalty-box-inner
  {
	  width:70%;
  }
  .loyalty-box
  {
	background-position: center top;
    background-size: contain;  
  }
  .nexticon
  {
	  right:-15%;
  }
}

/*Small Desktops and Tablets */
@media (min-width: 992px) 
{
	.cd-horizontal-timeline .events-content p
 {
	width:55%;
  }
  .content-details
  {
	 padding-left: 4em !important; 
     padding-right: 4em !important;
  }
  #mobile-truck p
  {
	  width:75%;
  }
  #our-story .about-section
  {
	  width:80%;
  }
}
@media (max-width: 991px)
{
	.lp-benefits .col-lg-3
	{
		 margin:12px 0px !important;
	}
	footer .footer-wrapper
	{
		text-align:center;
	}
	footer .copyright
	{
		display:block;margin-right:0px;margin-bottom:5px;
	}
}
/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) 
{
	.page-banner
  {
	  height:350px;
  }
  .navbar-nav > li > a
  {
	  font-size:14px;line-height:initial;margin-left: 14px;
  }
  .loyalty-box-inner
  {
	  width:100%;
  }
  .loyalty-box
  {
	 background-position: center top;
    background-size: contain;
  }
  .story-box
  {
	  background-size:contain;
  }
  .global-layer h4
  {
	  top:60px;font-size:16px;line-height:18px;
  }
  .investors .page-banner p
 {	
	 width:60% !important;top:62%;
 }
 	.cd-horizontal-timeline .events-content p
 {
	width:75%;
  }
  .navbar-header
 {	
	 width:24% !important;
 }
 .menu-wrapper
 {
	width: 75% !important;    
 }
 #carrers-csr .mobile-mb30
 {
	 margin-bottom:30px;
 }
 #contact h4
 {
	margin-top:40px;
 }
 
}
/*Desktops and tablets */
@media (min-width: 768px) 
{
  .pl-8
 {
   padding-left:8px;
 }
  .pr-8
 {
	padding-right:8px;
 }
 .navbar-header
 {
	 display:inline-block !important;
	 width:14%;float:none;vertical-align:middle;
 }
 .menu-wrapper
 {
	width: 85%;
    float: none;
    vertical-align: middle;text-align:center;
    display: inline-block !important;
 }
 .navbar-collapse.collapse
 {
	 display:inline-block !important;
 }
  #products .pl-0
{
	padding-left:0px;
}
#products .pr-0
{
	padding-right:0px;
}
.investors .page-banner p
{
	width:38%;
}
.row-eq-height {
    display: -webkit-box;
	display: -o-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.submenu li.sub-active 
{	
	background-image: url(../images/arrow-up.png);
    background-position: center bottom;
    background-repeat: no-repeat;
}
.products-subtitle
{
	width:85%;margin:auto;padding: 15px 0px 25px 0px;
}
.valign
{
	display: flex;
    align-items: center;
}
.overlay-box
{
	background-color:#efefef;padding:20px 30px;margin-left:-60px;
}
#lightgallery2 .popup-link
{
	float:left;min-height:55px;
}

}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) 
{

 footer h5
 {
	 margin-top:15px;
 }
 .page-banner
  {
	height:300px;
  }
  .page-banner h1
  {
	font-size:35px;margin-top: -20px;line-height:38px;
  }
   .navbar-brand > img
  {
	width:70%;
  }
  .inner-wrapper
  {
	  height:auto;padding:80px 0px;
  }
   .left-wrapper, .right-wrapper
  {
	display: block;
    height:auto;
  }
  .left-wrapper
  {
	  width:100%;margin-bottom:25px;text-align:center;
  }
  .right-wrapper
  {
	  text-align:center !important;
  }
  .loyalty-box-inner
  {
	  width:66%;
  }
  .loyalty-box
  {
	background-position: bottom -18px right -20px;
    background-size: auto;  
  }
  .mobile-mb30
  {
	  margin-bottom:30px;
  }
  .nav > li > a
  {
	  margin: 12px 0px;
  }
  .yeo-contest .col-xs-6.pr-8
  {
	  padding-right:8px;
  }
  .yeo-contest .col-xs-6.pl-8
  {
	  padding-left:8px;
  }
  .yeo-contest .col-lg-6:first-child
  {
	  margin-bottom:16px;
  }
   #content-wrapper
	{
		padding:110px 0px 25px 0px;
	}
 .promotions #lightgallery .col-lg-6:first-child .popup-link, .promotions #lightgallery3 .col-lg-6:first-child .popup-link, 
 .promotions #lightgallery2 .col-lg-6:first-child .popup-link
  {
	  margin-bottom:30px;
  }
  .investors .page-banner p
 {
	top:46%;font-size:16px;line-height:18px;padding-right:20px;
 }
  .investors .page-banner h1
 {
	top:20%;
 }
 .lp-benefits .col-lg-3
 {
	 margin-bottom:30px;
 }
 .submenu li a
{
	margin:0px 3px;
}
.submenu li
{
	padding-bottom:0px;
}
.submenu
{
	 padding-bottom:12px;
}
.products-des h3
{
	font-size:22px;line-height:24px;
}
.overlay-box
{
	margin-top:30px;
}
.overlay-box p
{
	text-align:justify !important;
}
.nexticon
{
	display:none !important;
}
#our-story.cd-container .col-xs-12 img
{
	margin-bottom:15px;
}
#contact .col-lg-3
{
	margin-bottom:25px;
}
.inner-banner h2
  {
	  font-size:32px;line-height:35px;
  }
.tm-link
{
	 float:none !important;
}
.tm-link a:last-child
 {
	 margin-bottom:30px;float:none !important;
}

.popup-link
{
	float:none !important;
}

.nexticon-red {
	display:none;
	
}

}
 @media (min-width: 551px)
 {
 .products-all .pr-8, #mobile-truck .col-lg-8
  {
	padding-right:8px;
  }
  .products-all .pl-8,  #mobile-truck .col-lg-4
  {
	padding-left:8px;
  } 
 #mobile-truck .col-lg-4 img:last-child
 {
	margin-top:16px;
 }
}
 @media (max-width: 550px)
{
  .products-all .col-xs-6, .products-list .col-xs-6, #mobile-truck.cd-container .row .col-xs-8, #mobile-truck.cd-container .row .col-xs-4, .about-section .col-xs-6
  {
	  width:100%;
  } 
 
}
@media (min-width: 481px) 
{
 #products .col-xs-6.pl-0
  {
	padding-left:0px;
  }
 #products .col-xs-6.pr-0
  {
	padding-right:0px;
  }
 
}
/* Portrait phones and smaller */
@media (max-width: 480px) 
{   
   
	footer div[class*='col-xs']
	{
		width:100%;
	}
	.menu-list
	{
		margin-bottom:0px;
	}
	footer
	{
		font-size:14px;line-height:initial;
	}
	footer h5
	{
		margin-top:22px;margin-bottom:14px;
	}
	footer .row .col-lg-4 h5:last-of-type
	{
		margin:6px 0px 6px 0px;
	}
	.page-banner
	{
		height:200px;
	}
	.page-banner h1
    {
	 margin-top: -15px;
	 font-size:28px;line-height:30px;
    }
	h1
	{
		 font-size:30px;line-height:34px;
	}
	h5
	{
		font-size:15px !important;
	}
	.header-socialbar span
	{
		font-size:12px;
	}
	.header-socialbar .fa-map-marker-alt
	{
		margin-right:6px;
	}
	.social-icons i
	{
		padding:05px 8px;
	}
	.navbar-brand > img
	{
		width:60%;
	}
	.right-wrapper input
	{
		width:82%;
	}
	.loyalty-box-inner
  {
	  width:100%;padding:30px;
  }
  .loyalty-box
  {
	min-height: 300px;
    background-position: center top;
    background-size: contain;
  }
  
  .loyalty-box-inner h5
  {
	  font-size:16px !important;
  }
  .story-box
  {
	background-size: 78%;
    margin-bottom: 30px;min-height:320px;  
  }
  .story-box-inner
  {
	  padding:30px;width:65%;
  }
  .loyalty-box-inner h1
  {
	  font-size:30px;line-height:32px;
  }
  #slider {
    margin-bottom: 30px;
  }
  #carrers-csr .col-xs-6
  {
	  width:100%;
  }
  #carrers-csr h4
  {
	  margin-top:20px;
  }
  .global-layer h4
  {
	  top:30px;
  }
  .global-layer p
  {
	  top:90px;
  }
    
  .explore-more #store-location h1
  {
	  font-size:26px;padding:10px 30px 6px 30px;
  }
  #products .col-xs-6
  {
	   width:100%;
  }
  .app-icon
  {
	  margin-bottom:06px;
  }
  .inner-banner h2
  {
	  font-size:24px;line-height:28px;
  }
  .header-socialbar span
  {
	  margin-right:4px;
  }  
  .header-socialbar a i
  {
	  font-size:12px;padding:5px 5px;margin-right:3px;
  }  
  

}
/* Portrait i phones and smaller */
@media (max-width: 320px) 
{
	.header-socialbar span
	{
		
	}
	header .header-socialbar
	{
		 font-size:12px;
	}
}









.products-box-wrapper {
  position: relative;
  width: 100%;  
  margin: auto;
  overflow: hidden;
}


.products-box-wrapper .content-overlay {
  background: #fff;
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
}
.products-box-wrapper.product-hover:hover .products-des, .products-box-wrapper .bg-icon
{
	display:none;
}
.products-box-wrapper.product-hover:hover .bg-icon
{
	display:block;position:absolute;bottom:-35px;right:5px;animation-delay: 12s;
}
.products-box-wrapper.product-hover:hover .content-overlay{
  opacity: 1;
}
.content-image{
  width: 100%;
}

.content-details {
  position: absolute;
  text-align: center;
  padding-left: 12px;
  padding-right: 12px;
  width: 100%;
  top: 50%;
  left: 50%;
  opacity: 0;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.5s ease-in-out 0s;
  -moz-transition: all 0.5s ease-in-out 0s;
  transition: all 0.5s ease-in-out 0s;
}

.content-details a 
{
	background-color: #ed1b24;
    padding: 7px 10px 6px 10px;
    transition: 1s ease all;
    color: #fff;display:inline-block;margin-top:20px;
}
.products-box-wrapper:hover .content-details{
  top: 50%;
  left: 50%;
  opacity: 1;
}

.content-details h3{
	font-size: 30px;
    line-height: 32px;
    color: #000;
    font-weight: 800; 
}

.content-details p{  
   font-size:17px;color:#4b4b4b;font-weight:500;  
}

.fadeIn-bottom{
  top: 80%;
}

.fadeIn-top{
  top: 20%;
}

.fadeIn-left{
  left: 20%;
}

.fadeIn-right{
  left: 80%;
}