@font-face {
    font-family: BurbankBigRegular-Black;
    src: url(../fonts/BurbankBigRegular-Black.otf)
}
@font-face {
    font-family: BurbankBigRegular-Bold;
    src: url(../fonts/BurbankBigRegular-Bold.otf)
}

@font-face {
    font-family: BurbankBigRegular-Medium;
    src: url(../fonts/BurbankBigRegular-Medium.otf)
}
@font-face {
    font-family: GothamNarrow-Book;
    src: url(../fonts/GothamNarrow-Book.otf)
}
@font-face {
    font-family: GothamNarrow-Medium;
    src: url(../fonts/GothamNarrow-Medium.otf)
}
body {
    overflow-x: hidden;
    background: rgb(255, 255, 255) !important;
}
.offers-section {
background: url('../images/Promo_Header_BG.png');
background-repeat: no-repeat;
    padding-bottom: 4%;
    background-size: 100% 100%;
	}
.offers-heading {
font-family: "Archer A" , "Archer B";
font-weight: 400;
font-size: 2.8vw;
color: #fff;
margin-bottom: 0%;
margin-top: 3.5%;
}
.bummer-section {
background: url('../images/bummer1.png');
background-repeat: no-repeat;
background-size: cover;
overflow: hidden;
background-position:100% 100%;
padding:22%;
	}
.white-box{
 border-radius: 5px;
    width: 100%;
    float: left;
    background: #fff;
}
.mbot15{
margin-bottom:-15px;
}

#news{
float:right;
margin-bottom:-20px;
}
#newsletter{margin: 0 22%;}
.mb15{
margin-bottom:15px;
}
.bummer-content {position: absolute;top: 42%;width: 100%;left: 50%;transform: translateX(-50%) translateY(-50%);-ms-transform: translateX(-50%) translateY(-50%); 
 	-webkit-transform: translateX(-50%) translateY(-50%);  
	-moz-transform: translateX(-50%) translateY(-50%);}
.w90{
width:90%;
}
.mid-margin{
margin-top:2% !important;
}
.none-divider{
position: absolute;
    top: 16px;
    right: 25%;
height:50px;
}
.one-divider {
    position: absolute;
    top: 10px;
    right: 28.5%;
    height: 30px;
}
ul.social-circle-offers li {
    top: 8px;
}

.w80{
width:80%;
}
.ml1{
margin-left:1%;
}

.recipe-name{
	font-size: 9pt;
    	color: #fff;
    	position: relative;
    	top: -40px;
    	left: 22px;
    	font-family: "Gotham A", "Gotham B";
    	font-style: normal;
    	font-weight: 400;
    	opacity: 0.8;
    	letter-spacing: 0.5px;
}
.offers-newsletter .btn:focus {
   outline:none;
border:none;
}
.bummer-heading {
    font-size: 3.3vw;
    color: #fff;
    text-align: center;
    font-family: "Archer A", "Archer B";
    font-style: normal;
    font-weight: 400;
    margin-top: 7%;
}
.bummer-subhead {
    font-family: "Archer A" , "Archer B";
    font-weight: 400;
    font-size: 1.7vw;
    color: #fff;
    text-align: center;
    font-style: normal;
}
#newsletter, #news{
background: transparent;
background-position: center left;
background-size: 100% 100%;
background-repeat: no-repeat;
padding: 25px 0;
}
.bummer-newsletter {
	    background: #fff;
    border-radius: 4px;
}
.offers-newsletter{
background: #fff;
border-radius:4px;
}
.btn-offer{
float:right;
text-align:right;
right:10px;
top:-0.75vw;
}
.offer-dot{
font-size: 2.5vw;
    top: -0.1em;
}

.white-panel-offers {
    background: white;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
    padding: 18px;
    position: relative;
    margin-bottom: 5%;
    margin-top: 2%;
    /* margin-left:12.1%; */
border-top-left-radius:3px;
border-top-right-radius:3px;
left:50%;
margin-left:-45.5%;
}


.white-panel-offers h4{
font-family: "Gotham A", "Gotham B";
    font-style: normal;
    font-weight: 700;
    color: #183250;
    font-size: 1.5vw;
    margin-left: 1%;
    margin-top: 3%;
}
.offer-content{
font-family: "Archer A", "Archer B";
    font-style: normal;
    font-weight: 600;
    color: #4f4f4f;
    font-size: 1.2vw;
    opacity: 0.8;
	margin-bottom: 0;
    margin-left: -15px;
}
.white-panel-offers1 {
    background: white;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
    padding: 15px;
    position: relative;
	    margin-top: 0%;
    margin-bottom: 5%;
}
.mid-section {
    font-size: 1.7vw;
    color: #4c4c4c;
    margin-top: 0%;
    margin-bottom: 2%;
    text-align: center;
    font-family: "Archer A", "Archer B";
    font-style: normal;
    font-weight: 500;
}
.ml18{
margin-left:18%;
}
.no-newslettermsg{
margin-left: 20%;
    font-weight: 500;
    color: #fff;
}

/* Newsletter CSS starts */

#newsletter h3 {
font-size: 1.75em;
line-height: 25px;
color: #333;
margin: 0 auto;
float: left;
text-transform: capitalize;

}


#newsletter input[type=text] {
height: 80px;
    width: 75%;
    border-radius: 4px;
    line-height: 20px;
    padding: 5px 10px 5px 20px;
    color: #707070;
    border: none;
    font-family: "Gotham A", "Gotham B";
    font-style: normal;
    font-weight: 400;
    font-size: 1.8vw;
}
.box{
position: relative;
    width: 47%;
    margin-left: 18%;
}

#newsletter input[type="submit"] {
      color: #d22831;
    background: #fff;
    font-size: 1.6vw;
    font-family: "Archer A", "Archer B";
    font-style: normal;
    font-weight: 800;
    float:right;
clear:both;
    margin: 15px 0px;
    width: 25%;
    border-left: 1px solid #ccc;
    border-radius: 0px;
    height: 50px;
}
#newsletter input[type="submit"]:focus {    
     outline:none;
border:none;
}
input, select, textarea {
outline: 0;
}

#newsletter .btn {
    padding: 5px 10px;
font-size: 17px;
line-height: 20px;
}

.offers-newsletter  input[type=text] {
    height: 50px;
    width: 67%;
    font-size: 1.1vw;
    border-radius: 4px;
    border: none;
    line-height: 20px;
    padding: 5px 10px 5px 20px;
    color: #707070;
font-family: "Gotham A", "Gotham B";
    font-style: normal;
    font-weight: 400;
}
.offers-newsletter  input[type="submit"] {
    color: #d22831;
    background: #fff;
border-left: 1px solid #ccc;
width:30%;
    font-size: 1vw;
float:right;
clear:both;
margin:9px 0px;
    border-radius: 0px;
    font-family: "Archer A", "Archer B";
    font-style: normal;
    font-weight: 700;
padding:5px 0px;
}


/* Newsletter CSS ends */

/* Error 404 CSS Starts */
.error-section{
    background: url('../images/Cookies_BG_404_Error_page_desktop.png');
    background-repeat: no-repeat;
    background-position: 100% 100%;
    background-size:cover;
    overflow: hidden;
    height: auto;
}
.brown-bkg {
    position: relative;
}
.error-textContent {
    padding: 36% 15%;
    color: #fff;
}
h2.error-heading {
    font-family: "Gotham A", "Gotham B";
    font-style: normal;
    font-weight: 300;
    font-size: 2.8vw;
}
.underline-offers {
    display: block;
    max-width: 95%;
    height: auto;
    text-align: center;
    margin-top: 5%;
    margin-bottom: 2%;
}
.error-contentDesc {
    font-size: 1.5vw;
    color: #fff;
    font-family: "Archer A", "Archer B";
    font-style: normal;
    font-weight: 400;
    margin-top: 5%;
    margin-bottom: 8%;
line-height: 2.2vw;
    padding: 0% 11% 0% 0%;
}
.error-btn-custom {
    box-shadow: 1.5px 2.5px 0px #860e0e;
    color: #fff;
    background-color: #dd181c;
    border-color: #cb1519;
    font-family: "Archer A" , "Archer B";
    font-style: normal;
    font-weight: 600;
    padding: 2% 4%;
    font-size: 1.4vw;
}
.error-btn-custom:hover {    
    background-color: #cb1519;
}
.error-brownContent{
margin-left:12%;
background: url('../Images/Brown_BG_404_Error_page_desktop.png');
background-repeat: no-repeat;
background-size: cover;
position: relative;
}

/* Error 404 CSS Ends */
.promo-content{
                position: absolute;
                top: 23%;
                left: 0;
                width: 100%;
                padding:2% 5%;
                text-align:center;
}
.promo-content h1,.promo-content h1 span.fun{
  color: #fee3ad;
  font-family: "BurbankBigRegular-Bold";
  font-size: 3.5vw;
  text-align: center;
  margin: 0;
  text-transform: uppercase;
  line-height: 3vw;
}
.promo-content h1 span{
                font-size:2vw; 
                color:#febf46;
}
.promo-content h1 span.summer,.promo-content h1 span.fun{
                font-size: 3.5vw;
                font-family: "BurbankBigRegular-Black";
				letter-spacing:3px;
}
.promo-movie{
                font-size:1.1vw;
                line-height:1.3vw;
                padding: 0.5vw 1vw;
                color:#fee3ad;
                font-family:"GothamNarrow-Book";
}
.promo-movie span{
                color:#febf46;
}
.promo-movie span,.promo-movie b{
                font-weight:normal;
                font-family:"GothamNarrow-Medium";
}
.promo-btn-movie .btn{
                background-color:#a81872;
                color:#f2ebe8;
                border-width:0px;
                box-shadow:inherit;
                border-radius:0;
                padding: 1% 2% 0.5% 2%;
                font-family:"BurbankBigRegular-Bold";
    letter-spacing: 2px;
}

.promo-offer-ends{
               font-size: 0.8vw;
    line-height: 1vw;
    padding: 1vw 7vw 0 7vw;
    color: #fee3ad;
    font-family: "GothamNarrow-Book";
    width: 50%;
    text-align: center;
    display: inline-block;
}

@media (min-width:1200px){
	.white-panel-offers {margin-left: -37.5%;}
	.offers-section>div:first-child{width: 79%;margin-left: 11%;}
}
@media (min-width: 1000px) and (max-width: 1199px){
	.offers-heading {
    font-family: "Archer A" , "Archer B";
    font-weight: 400;
    font-size: 2.8vw;
    color: #fff;
    margin-left: 3%;
    margin-top: 3%;
}
.promo-offer-ends {
    font-size: 0.9vw;
    line-height: 1.2vw;
    padding: 1vw 10vw 0 10vw;
}
.promo-content {
top: 25%;
}
}

/* Mobile CSS starts*/
@media (max-width: 767px) {
/* Margin, padding Lib starts*/
.mt4 {
		margin-top:4%;
}
ul.social-circle-offers li {
    top: 0;
}
.mbot15{
margin-bottom:0px;
}
.mbot2{margin-bottom:-2%;}
.validation-msg{
float:left;
}
.offer-dot {
    font-size: 3.5vw;
}
.btn-offer{
right:15px;
}
#news {
margin-right: 0;
padding: 10px 0;
margin-bottom:0;
}
.offers-box {
    width: 100%;
}
.white-bkg {
    font-size: 13pt; 
}
.mid-margin{
margin-top:5% !important;
}
.ml18{
margin-left:0%;
}
.mt2 {
  margin-top:2%;
}
.m5 {
    margin-top: 5%;
    margin-bottom:5%;
}
.m10 {
	margin-top: 10%;
	margin-bottom: 10%;
}

.img-cntr {
  text-align: center;
    margin: auto auto;
}
.share{
    font-family: "Archer A", "Archer B";
    font-style: normal;
    font-weight: 500;
    color: #9e9a8b;
    font-size: 9pt;
    position: relative;
    top: -8px;
}

/* Margin, padding Lib ends*/
.offers-section {
background: url('../images/Promo_Header_Bg_Quaker_Gluten free.png');
background-repeat: no-repeat;
background-size: cover;
padding-bottom:10%;
	}
	
.bummer-section {
    	background: url('../images/m-bummer.png');
	background-repeat: no-repeat;
    	background-size: cover;
    	background-position:100% 100%;
padding:37%;
}
.bummer-content {
    top: 45%;
    padding: 5%;
}
.offers-heading {  
    font-size: 5vw;
    margin-left: 0;
    margin-top: 9%;
padding:0;
margin-bottom:2px;
}
.bummer-heading {
    font-size: 7.5vw;
}
#newsletter {
    margin: 0px auto;
    padding: 2% 5%;
}
.bummer-subhead {
font-size: 5vw;
line-height: 6vw;
    margin-top: 2%;
}
#newsletter input[type=text] {
    height: 35px;
    line-height: 20px;
    padding: 0px 0px 2px 10px;
    color: #707070;
    font-size: 3vw;
    width: 68%;
}
.recipe-name {
    font-size: 7pt;
    top: -30px;
    left: 10px;
    letter-spacing: 0;
opacity:1;
}

#newsletter input[type="submit"] {
    font-size: 3.5vw;
height: 20px;
margin:6px 0px;
    width: 30%;
}
#newsletter .btn {
    line-height: 6px;
}

.mid-section {
font-size: 5vw;
margin-bottom:4%;
    padding-left: 15px;
    padding-right: 15px;
    margin-top:0;
}
.no-newslettermsg{
margin-left: 0%;
font-size:10pt;
}
.white-panel-offers h4 {
    font-size: 4.5vw;
    margin-left: 1%;
    margin-top: 5%;
}
.offer-content {
    font-size: 4.5vw;
    opacity: 0.9;
    margin-bottom: 2vw;
}

.offers-newsletter input[type=text] {
    height: 40px;
    width: 70%;
    font-size: 4vw;
    padding: 5px 10px 5px 15px;
}
.offers-newsletter input[type="submit"] {
    font-size: 3.5vw;
margin: 9px 0px;
    width: 29%;
padding: 1px;
}
.white-panel-offers {
    margin-left: -50%;
padding: 10px;
}
/* Error 404 CSS Starts */
.error-section{
    background: url('../images/Cookies_BG_404_Error_page_mobile.png');
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    height: auto;
background-position: center right;
}
.error-textContent {
        padding: 10% 0%;
}
h2.error-heading {
    font-size: 6vw;
text-align:center;
}
.underline-offers {
    max-width: 90%;
    margin-top: 2%;
    margin-bottom: 2%;
margin-left:5%;
}
.error-contentDesc {
    font-size: 5vw;
    margin-top: 3%;
    margin-bottom: 5%;
line-height: 7vw;
text-align:center;
padding:0% 6%;
}
.error-btn{
text-align:center;
}

.error-brownContent{
margin-left:3%;
}
.error-btn-custom {
font-size:5vw;
padding: 2% 5%;
}
.error-btn-custom:hover{
font-size:5vw;
padding: 2% 5%;
}

/* Error 404 CSS Ends */
.promo-content {
    top: 18%;
    padding: 2% 5%;
}
.promo-content h1, .promo-content h1 span.fun {
    font-size: 6vw;
    line-height: 5vw;
}
.promo-content h1 span {
    font-size: 3vw;
}
.promo-content h1 span.summer, .promo-content h1 span.fun {
font-size: 6vw;
    letter-spacing: 1px;
}
.promo-movie {
font-size: 1.1vw;
    line-height: 1.3vw;
    padding: 0.5vw 1vw;
}
.promo-btn-movie .btn {
    padding: 2% 3% 1.25% 3%;
    font-size: 2.5vw;
    margin: 2vw 0;
}
}
/* Mobile CSS ends*/

@media only screen 
and (min-device-width : 568px) 
and (max-device-width : 767px) 
and (orientation : landscape){
.offers-heading {
    font-size: 20pt;
   /*  margin-left: -5%; */
    margin-top: 4%;
}

h2.error-heading {
    font-size: 6.5vw;
}
.error-contentDesc {
    font-size: 4vw;
    line-height: 6vw;
}
.error-btn-custom {
    font-size: 3.5vw;
}
.offers-newsletter input[type=text] {
font-size: 3vw;
}
    .offers-newsletter input[type="submit"] {
font-size: 2vw;
    margin: 9px 0px;
    width: 20%;
}
}

/* iPad CSS starts */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait){
#newsletter .container , #news .container {
width:100%;
}
.offers-section {
background: url('../images/Offer_Header_bg_Tablet.png');
background-repeat: no-repeat;
padding-bottom: 4%;
background-size: 100% 100%;
}
.white-bkg {
    font-size: 16pt; 
}
.mbot15 {    margin-bottom: -8px;} 
.mbot2{margin-bottom:-2%;}
.none-divider{
    top: 10px;
    right: 30%;
}

 #news{margin-right: 4%;}
.pad0 {
  padding: 0;
}
.offers-heading {
     font-size: 3vw;
    margin-top: 4%;
    margin-left: 2.5%;
}

#newsletter h3{
    font-size: 1.5em;
    line-height: 25px;
    color: #333;
    margin: 0 auto;
    float: left;
    text-transform: capitalize;
}

#newsletter input[type=text]{
    height: 60px;
font-size: 2vw;

}
.box{
width:55%;
    margin-left: 21%;
}
#newsletter input[type="submit"] {
    font-size: 2.1vw;
margin:15px 0px;
height:30px;
}
.bummer-newsletter form#register-newsletter {
margin-top: 7%;
margin-bottom: 5%;
}
.bummer-content {
    position: absolute;
    top: 45%;
    width: 100%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}
.bummer-heading {
    font-size:4vw;
}
.bummer-subhead {
font-size:2vw;
}

.mid-section {
font-size: 13pt;
margin-top: 0%;
}
.offers-newsletter input[type=text] {
    height: 40px;
    width: 76%;
    font-size: 1.5vw;
    padding: 5px 10px 5px 10px;
}
.offers-newsletter input[type="submit"] {
    font-size: 1.3vw;
width:24%;
margin:7px 0px;
}
.white-panel-offers h4 {
    font-size: 2.3vw;
}
.offer-content {
    font-size: 1.4vw;
}
/* Error 404 CSS Starts */

.error-contentDesc {
    margin-bottom: 5%;
line-height:2.5vw;
}
.error-brownContent{
margin-left:7%;
width:45%;
}
/* Error 404 CSS Ends */
.promo-content h1, .promo-content h1 span.fun {
    font-size: 4vw;
}
.promo-content h1 span.summer, .promo-content h1 span.fun {
    font-size: 4vw;
    letter-spacing: 2px;
}
.promo-movie {
    font-size: 1.4vw;
    line-height: 1.75vw;
    padding: 1vw 0 0 1vw;
}
.promo-offer-ends {
    font-size: 0.9vw;
    padding: 1.5vw 10vw 0 10vw;
}
.promo-btn-movie .btn {
    padding: 1% 2%;
    font-size: 1.2vw;
}
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape){
#newsletter .container , #news .container {
width:100%;
}
.offers-section {
background: url('../images/Offer_Header_bg_Tablet.png');
background-repeat: no-repeat;
padding-bottom: 4%;
background-size: 100% 100%;
}
.bummer-heading {
    font-size: 3.4vw;
}
.promo-btn-movie .btn {
    padding: 1% 2%;
    font-size: 1.2vw;
}
.promo-movie {
font-size: 1.2vw;
    line-height: 1.4vw;
}
.promo-offer-ends {
    font-size: 0.9vw;
    line-height: 1.1vw;
    padding: 1vw 10vw 0 10vw;
}
.white-panel-offers h4 {
font-size: 1.9vw;
    margin-left: 1%;
}
.bummer-subhead {
font-size: 1.75vw;
}
#news{margin-right: 4%;}

#newsletter input[type="submit"] {
    font-size: 13pt;
    margin: 14px 0px;
}
.offers-newsletter  input[type=text] {
    font-size: 1.2vw;
}
.offers-newsletter  input[type="submit"] {
    font-size: 1.2vw;
width:25%;
  
}
.pad0 {
  padding: 0;
}
.offers-heading {
font-size: 3vw;
    margin-top: 4%;
}
.offer-content {
    font-size: 1.5vw;
}
/* Error 404 CSS Starts */

.error-contentDesc {
    margin-bottom: 5%;
}
.error-brownContent{
margin-left:7%;
width:45%;
}
.white-panel-offers {
margin-left:-45.5%;
left:50%;
}
/* Error 404 CSS Ends */
}

@media screen and (-webkit-min-device-pixel-ratio:0) { 
::i-block-chrome, .bummer-content {
position: absolute;
top: 10%;
width: 100%;
left: 0%;
}
}