.gadleadflip { width: 336px; height: 280px; }
.gadtop { width: 336px; height: 280px; }

.video-iframe {
  width: 100%;
  height: 100%;
  border: 8px solid #ffffff;
  box-sizing: border-box;
} 

 .solo-img {
  max-width: 100%;
}

.solo-claim a {
  width: 90%;
  height: 40px;
  background-color: rgb(239, 73, 50);
  line-height: 1.6em;
  position: relative;
  display: inline-block;
  margin-top: 20px;
  margin-bottom: 20px;
  text-decoration: none;
  color: #ffffff;
  font-size: 25px;
  font-family: "open_sans_condensed_lightRg";
  text-transform: uppercase;
}


 /* - - -- - - - - - - - - - FOR ALLSTORES-SLIDER MENU - - - - - - - - - - - */

#allstores-wrapper {
  width: 99%;
  height: 50px;
  margin: 0 auto;
}

#allstores-scroller {
  position: absolute;
  z-index: 1;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  width: 1850px;
  height: 55px;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: none;
  -o-text-size-adjust: none;
  text-size-adjust: none;
  overflow: hidden;
}

.allstores-slidermenu {
  position: relative;
  top: 0px;
  overflow: hidden;
/*border: 1px solid black;*/
}

.allstores-slide {
  width: 35px;
  float: left;
  display: inline-block;
}

.allstores-slide.arrow {
  width: 56px;
}

.allstores-slide.circle {
width: 30px;
}

.fa-circle.allstores {
  position: relative;
  top: 10px;
  color: #aaa7a3;
  font-size: 10px;
}

.allstores-slide a, .allstores-slide a:visited {
  font-size: 35px;
  font-family: "open_sans_condensed_lightRg";
  color: #ffffff;
  text-transform: uppercase;
  text-decoration: none;
}

.allstores-slide.arrow, .allstores-slide.arrow:visited {
  color: #aaa7a3;
  font-size: 35px;
  position: relative;
  top: 2px;
}

.allstores-slide.arrow a:hover {
  color: #aaa7a3;
}

.allstores-slide a:hover {
  color: rgb(213, 38, 14);
}

/* ^ ^ ^ ^ ^ ^ ^ ^ END ALLSTORES-SLIDER MENU ^ ^ ^ ^ ^ ^ ^ ^ */

.video-iframe {
  padding-top: 20px;
  padding-bottom: 20px;
  margin-bottom: 10px;
  background-color: black;
  width: 100%;
  border-bottom: 8px solid #ffffff;
}


.landing-header, .landing-header2 {
  height: 60px;
  width: 100%;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 100;
  background-color: rgb(239, 73, 50);
}

.landing-header2 {
  background-image: url(/img/landing-header2-bg.png);
}

.landing-header img, .landing-header2 img {
  padding-top: 10px;
  max-height: 74px;
  position: relative;
  top: -8px;
}

.landing-top-wrapper {
  width: 100%;
  display: inline-block;
  margin-top: 96px;
}

.landing-footer-wrapper {
  width: 100%;
  display: inline-block;
}

  .get-access {
    position: relative;
  }

  .get-access2 {
    margin-top: 100px;
  }

  .get-access h1, .get-access2 h1 {
    font-size: 24px;
    font-family: "open_sans_condensedbold";
    color: rgb( 239, 73, 50 );
    text-transform: uppercase;
    line-height: 1.35em;
  }

  .get-access h2 {
    font-size: 34px;
    font-family: "open_sans_condensedbold";
    color: rgb( 239, 73, 50 );
    text-transform: uppercase;
    line-height: 1.35em;
  }

  .get-access h2 span {
    width: 100%;
    font-size: 50px;
  }

  .get-access h3, .get-access2 h3 {
  font-size: 14px;
  font-family: "open_sansbold";
  margin: 2px;
  margin-top: 20px;
  }

  .get-access2 h3 {
    padding-bottom: 20px;
  }

  .get-access h4, .landing2-bullets h4 {
  font-size: 14px;
  font-family: "open_sansbold";
  margin: 2px;
  margin-top: 20px;
  }

  .landing2-bullets h4 {
    padding-bottom: 25px;
  }

  .get-access ul, .landing2-bullets ul {
  list-style: none;
  padding: 0px;
  padding-left: 7px;
  margin-top: 9px;
  text-align: left;
  display: inline-block;
  }

  .get-access ul li, .landing2-bullets ul li {
  font-size: 12px;
  font-family: "open_sansregular";
  color: rgb( 17, 17, 17 );
  line-height: 1.9em;
  }


  .get-access i, .landing2-bullets i {
  color: #d5260e;
  font-size: 4px;
  position: relative;
  top: -3px;
  left: -4px;
  }

  .landing2 img {
  display: none
}

  .sign-up {
  width: 95%;
  max-width: 350px;
  min-width: 270px;
  background: rgba(0,0,0,0.15);
  border: 5px dashed #ffffff;
  position: relative;
  /* float: right; */
  text-align: center;
  display: inline-block;
  }

  .sign-up i {
    padding-right: 7px;
  }

  .sign-up h2 {
  font-size: 34px;
  font-family: "open_sans_condensedbold";
  color: #111111;
  text-transform: uppercase;
  padding-top: 8px;
  padding-bottom: 8px;
  }

  .sign-up p {
  font-size: 16px;
  font-family: "open_sansbold";
  position: relative;
  top: -7px;
}

.email-connect.landing {
  display: inline-block;
  margin: 8px;
}

  .fa-chevron-right.landing {
  top: 0px;
  left: 223px;
  }

  #landingemailinput {
    height: 36px;
    width: 294px;
    font-size: 18px;
    text-indent: 5px;
    display: inline-block;
    position: relative;
    top: -2px;
    margin-bottom: 6px;

}

#landingnameinput {
  height: 36px;
  width: 294px;
  font-size: 18px;
  text-indent: 5px;
  display: inline-block;
  position: relative;
  top: -3px;
  margin-bottom: 6px;

}

.emailbutton.landing {
  display: inline-block;
  height: 36px;
  width: 300px;
  line-height: 36px;
  }

  .facebookbutton.landing {
  display: inline-block;
  margin: 8px;
  margin-bottom: 25px;
  height: 47px;
  line-height: 47px;
  }

  .verify {
    position: relative;
    height: 86px;
    left: 1px;
}

/* shrink button icons */
  .emailbutton.landing:hover i, .facebookbutton.landing:hover i {
    font-size: 22px;
    padding-right: 9px;
    position: relative;
    left: 1px;
    top: -1px;
  }

.white-line {
  height: 1px;
  width: 90%;
  background: #ffffff;
  margin-top: 25px;
  margin-bottom: 25px;
  display: inline-block;
}

  .comments-wrapper {
    width: 100%;
    position: relative;
    display: inline-block;
  }

  .comment, .comment2 {
  font-size: 12px;
  font-family: "open_sansregular";
  width: 270px;
  height: 183px;
  background-image: url(/img/wordbubble_mobile.png);
  background-repeat: no-repeat;
  text-align: left;
  display: inline-block;
  margin-left: 10px;
  margin-right: 10px;
  vertical-align: top;
  }

  .comment p, .comment2 p {
  width: 228px;
  margin: 15px;
  }

  .comment span {
    font-family: "open_sansbold";
    font-size: 14px;
    position: relative;
    top: -3px;
    left: 105px;
  } 

  .comment2 span {
    font-family: "open_sansbold";
    font-size: 14px;
    position: relative;
    top: 14px;
    left: 128px;
  }

  .landing {
    width: 768px
  }

.landing2-signup {
  position: relative;
}

/* * * * * * * * * LANDING THANKS * * * * * * * * * * * */
.landing-thanks {
  display: inline-block;
}

.landing-thanks h3 {
  font-size: 20px;
  font-family: "open_sansbold";
  margin: 0px;
  margin-top: 8px;
      margin-bottom: 10px;
}

.left-thanks {
display: none;
}

.right-thanks {
width: 100%;

}

.right-thanks ul {
  list-style: none;
  padding: 0px;
  padding: 10px;

}

.right-thanks li {
  text-align: left;
    font-size: 14px;
    font-family: "open_sansregular";
    color: rgb( 17, 17, 17 );
    line-height: 1.6em;
}

.right-thanks li.highlights {
  font-size: 16px;
  font-family: "open_sans_condensedbold";
  margin: 0px;
  margin-bottom: 11px;
}

.right-thanks i {
    color: #d5260e;
    font-size: 5px;
    position: relative;
    top: -5px;
    left: -5px;
}

.continue-button {
    background-color: #ef4932;
    width: 240px;
    height: 65px;
    line-height: 3em;
    text-decoration: none;
    color: #ffffff;
    font-size: 21px;
    font-family: "open_sans_condensed_lightRg";
    text-align: center;
    margin-top: 51px;
    display: inline-block;
}

.logo-banner {
  display: none;
}

/* - - - all stores specific -- */

#allstores {
  position: relative;
  top: 0px;
  height: 250px;
  width: 100%;
  background-color: #141414;
  background-image: url(/img/allstores-bg-mobile.jpg);
  background-position: center;
  background-repeat: no-repeat;
  margin-bottom: 15px;
}

.text-row-container {
  padding-bottom: 10px;
  float: left;
  margin-left: 30px;
  margin-right: 30px;
  width: 180px;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.text-row-container a {
  font-size: 16px;
  font-family: "open_sans_semiboldregular";
  color: rgb( 68, 68, 68 );
  text-decoration: none;
}

.allstores-selection {
  font-family: "open_sans_condensedbold";
  text-transform: uppercase;
  font-size: 50px;
  color: #ffffff;
  margin-bottom: 20px;
}

.storeindex h3 {
  font-family: "open_sans_condensedbold";
  text-transform: uppercase;
  font-size: 50px;
  color: #ffffff;
  font-weight: normal;
  margin: 0px;
}

.storeindex {
  position: relative;
  top: 78px;
}

/* - - - - - -whitelist - - - - - - */
.whitelist.bottomline {
  margin-top: 20px;
  top: 0px;
}

.mailclient_wheel {
  -webkit-appearance: none;
  border: none;
  position: relative;
  width: 90%;
  max-width: 400px;
  height: 35px;
  background-color: #ffffff;
  font-size: 20px;
  font-family: open_sansregular;
  color: #444444;
  text-transform: uppercase;
  padding-left: 10px;
  top: -10px;
  margin-bottom: 10px;
}

#allstores.whitelist h2 {
    font-size: 44px;
}

/* - - - - - - - blog - - - - - - - */
.blog {
  vertical-align: top;
  text-align: center;
  margin-bottom: 20px;
}

.blog-summary {
  width: 90%;
  background-color: white;
  overflow: hidden;
  border: 8px solid #ffffff;
  display: inline-block;
}

.blog-summary img {
  max-height: 180px;
  max-width: 280px;
}

.blog-summary h1 {
  font-size: 17px;
  font-family: "open_sans_semiboldregular";
  color: #d1312a;
  text-align: left;
}

.blog-summary h2 {
  font-size: 14px;
  font-family: "open_sansitalic";
  color: rgb( 68, 68, 68 );
  text-align: left
}

.blog.bottomline {
  top: 20px;
}

.blog-summary a {
  text-decoration: none;
}

.blog-comments {
  font-size: 17px;
  font-family: "open_sans_semiboldregular";
  color: #d1312a;
  text-align: left;
    display: none;
}

/* * * * * * BLOG READER PAGE BANNER * * * * * * */

#blog-read {
  position: relative;
  top: 0px;
  height: 160px;
  width: 100%;
  background-color: #eeeeee;
  background-position: center;
  margin-bottom: 15px;
}

#blog-read .banner-title {
  font-size: 50px;
  font-family: "open_sans_condensedbold";
  color: #444444;
  text-transform: uppercase;
  position: relative;
  top: 80px;
  padding-bottom: 74px;
}

#blog-read .banner-subtitle {
  font-size: 28px;
  font-family: "open_sans_condensed_lightRg";
  color: #777777;
  position: relative;
  z-index: 5;
  font-weight: normal;
}

.blog-read-text-container {
  position: relative;
  top: -46px;
}

.blog-content-container {
  position: relative;
  margin-top: 30px;
  display: inline-block;
  margin-left: 10px;
  margin-right: 10px;
}

.blog-content {
  position: relative;
  text-align: left;
  background-color: #ffffff;
  padding: 10px;
  border: 6px solid #ffffff;
  -webkit-box-shadow: inset 0px 0px 0px 3px #e6e4dc;
  -moz-box-shadow: inset 0px 0px 0px 3px #e6e4dc;
  box-shadow: inset 0px 0px 0px 1px #e6e4dc;
}

.blog-content img {
  max-width: 300px;
  margin-top: 20px;
  margin-bottom: 20px;
}

.blog-content h1 {
  font-size: 20px;
  font-family: "open_sans_semiboldregular";
  color: #d1312a;
  text-align: left;
  text-transform: none;
}

.blog-content h2 {
  font-size: 16px;
  font-family: "open_sansitalic";
  color: rgb( 68, 68, 68 );
  text-align: left;
  margin-top: 10px;
  margin-bottom: 20px;
}

.blog-content h3 {
  font-size: 16px;
  font-family: "open_sansbold";
  font-weight: normal;
  color: rgb( 68, 68, 68 );
  text-align: left;
  margin-top: 20px;
  margin-bottom: 10px;
}

.blog-content p {
  font-family: "open_sansregular";
  font-size: 14px;
  color: #444444;
  line-height: 21px;
  width: 100%;
  margin-bottom: 10px;
}

.blog-content p a, .blog-content p a:visited,
.blog-content h3 a, .blog-content h3 a:visited {
  color: rgb(213, 38, 14);
}

.blog-sidebar {
  display: none;
}

.blog_sharecontainer {
  position: relative;
  background-color: #363636;
  width: 100%;
  top: 0px;
  left: 0px;
  text-align: center;
  margin-bottom: 10px;
}

.share-article {
  font-family: "open_sansregular";
  font-size: 14px;
  color: #ffffff;
  text-transform: uppercase;
  position: relative;
  padding-top: 5px;
}

.couponmodal_social_icons {
  position: relative;
}

.couponmodal_social_icons i {
  font-size: 21px;
  color: #00c6b9;
  margin: 8px;

}

.fa-facebook.blog, .fa-twitter.blog {
  float: none;
}

.blog_copy_field {
  height: 19px;
  width: 90%;
  background-color: #ffffff;
  font-size: 14px;
  font-family: "open_sansregular";
  color: rgb( 26, 26, 26 );
  line-height: 1.7;
  padding-left: 5px;
  overflow: hidden;
  margin-bottom: 10px;
}


/* - - - - - contact us - - - - - - */
.contactus.generic-text {
  text-align: left;
  margin-left: 30px;
  display: block;
}

.contactus.generic-text p{
  text-indent: 0px;
  padding-bottom: 0px;
}

.contactus label, .contactus p {
display: inline-block;
  font-size: 14px;
  font-family: "open_sansregular";
  color: rgb( 68, 68, 68 );
  text-align: left;
}

.contactus p {
  padding-top: 20px;
  padding-bottom: 15px;
}


.contactus input, .contactus textarea {
  width: 90%;
  height: 40px;
  border-radius: 3px;
  font-size: 18px;
  font-family: "open_sansregular";
  color: rgb( 46, 46, 46 );
  border: 0px inset;
  text-align: left;
  text-indent: 10px;
  margin-bottom: 30px;
  margin-top: 5px;
}

.contactus button:focus {
  outline:none;
}

.contactus button {
  display: inline-block;
  width: 245px;
  height: 65px;
  background-color: rgb(239, 73, 50);
  line-height: 2.2em;
  position: relative;
  text-decoration: none;
  color: #ffffff;
  font-size: 30px;
  font-family: "open_sans_condensed_lightRg";
  text-transform: uppercase;
  border: 0px;
  margin-bottom: 30px;
}

#msg {
  width: 90%;
  height: 130px;
  border-radius: 3px;
  border: 0px;
}


/* - - - - - - - - - - - - - FOR SLIDER MENU - - - - - - - - - - - */

#wrapper {
  width: 99%;
  height: 50px;
  margin: 0 auto;
}

#scroller {
  position: absolute;
  z-index: 1;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  width: 1042px;
  height: 55px;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: none;
  -o-text-size-adjust: none;
  text-size-adjust: none;
  overflow: hidden;
}



#indicator {
display: none;
}

#dotty {
display: none;
}

.slidermenu {
  position: relative;
  top: 0px;
  overflow: hidden;
/*border: 1px solid black;*/
}

.slide {
  width: 180px;
  float: left;
  display: inline-block;
  padding: 5px;
}

.slide.arrow {
  width: 50px;
}

.slide.circle {
width: 30px;
}

.fa-circle {
  position: relative;
  top: 10px;
  color: #aaa7a3;
  font-size: 10px;
}

.slide a, .slide a:visited {
  font-size: 35px;
  font-family: "open_sans_condensed_lightRg";
  color: #ffffff;
  text-transform: uppercase;
  text-decoration: none;
}

.slide.arrow, .slide.arrow:visited {
  color: #aaa7a3;
  font-size: 35px;
  position: relative;
  top: 2px;
}

.slide.arrow a:hover {
  color: #aaa7a3;
}

.slide a:hover {
  color: rgb(239, 73, 50);
}

/* ^ ^ ^ ^ ^ ^ ^ ^ END SLIDER MENU ^ ^ ^ ^ ^ ^ ^ ^ */


/* - - - - used for stickyfooter - - - - */

html, body {
height: 100%;
margin: 0;
text-align: center;
min-width: 300px;
}

.wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -4em;
overflow-x: hidden;
}

.push {
height: 104px; /* .push must be the same height as .footer */
}
/* - - - - /end stickyfooter - - - - */
h1, h2, p	{
	font-weight: normal;
	margin: 0;
}

body {
	text-align: center;
	background-color: rgb(223, 220, 216);
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.navbar { /* desktop */
  display: none;
}

.joinbar, .searchicon {
	display: none;
}

.navlogo {
position: relative;
top: 2px;
left: -15px;
list-style: none;
display: inline-block;
}

.navlogo img {
  max-height: 74px;
  position: relative;
  z-index: 101;
}

.fa-star-o, .fa-gift {
  padding-right: 5px
}

.fa-search {
   color: #00c6b9;
position: relative;
top: -73px;
left: 89px;
margin-right: 100px;
background-repeat: no-repeat;
height: 42px;
width: 50px;
padding-top: 8px;
float: right;
border-radius: 50%;
background-color: #ffffff;
cursor: pointer;
}

.colorchange {
  color: #ffffff;
 background-color: #d5260e;
}

.searchcontainer {
   display: none;
  position: fixed;
  top: 60px;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
}

.searchfield {
  display: none;
  position: fixed;
  top: 110px;
  right: 0;
  left: 0;
  margin-right: auto;
  margin-left: auto;
  border-radius: 0px;
  border: 1px solid #e10000;
  background-color: #f6f6f6;
  font-family: "open_sans_semiboldregular";
  font-size: 19px;
  padding-left: 10px;
  height: 70px;
  width: 96%;
  -moz-appearance: none;
  -webkit-appearance: none;
}

::-webkit-input-placeholder {
   color: rgb( 68, 68, 68 );
}

:-moz-placeholder { /* Firefox 18- */
   color: rgb( 68, 68, 68 );  
}

::-moz-placeholder {  /* Firefox 19+ */
   color: rgb( 68, 68, 68 );  
}

:-ms-input-placeholder {  
   color: rgb( 68, 68, 68 ); 
}



/* - - - - - - - MOBILE NAVIGATION - - - - - */
.mobilenavbar {
  list-style: none;
  height: 75px;
  background-color: rgb(239, 73, 50);
}

.mobilenavbar {
  position: fixed;
  top: 0px;
  left: 0px;
  padding: 0px;
  margin: 0px;
  height: 60px;
  width: 100%;
  background-color: rgb(239, 73, 50);
  z-index: 1000;
}

.hamburger {
position: relative;
top: 7px;
left: 13px;
float: left;
list-style: none;
}

.fa-bars {
  color: #ffe963;
}


.mobilesubmenu {
  position: relative;
  height: 0px;
  width: 100%;
  background-color: #ffffff;
  list-style: none;
  padding: 0px;
  margin-top: 60px;
  margin-bottom: 0px;
  z-index: 999;
  overflow: hidden;
}

.mobilesubmenu li {
  text-align: left;
  height: 45px;
  line-height: 3em;
}

.mobilesubmenu li:hover {
background-color: #cccccc;
}

.mobilesubmenu li:first-child {

  margin-top: 40px;
}


.mobilesubmenu li a {
display: block;
font-size: 18px;
/*font-family: "open_sans_semiboldregular";*/
font-family: "open_sans_condensedbold";
color: rgb( 68, 68, 68 );
text-transform: none;
position: relative;
margin: 0px;
text-decoration: none;
padding-left: 25px;
text-transform: uppercase;
}

#linebreak {
  height: 1px;
  background-color: #cccccc;

}
/* * * * * * * * * * * * * * */

#suggestions2 {
  width: 100%;
  position: relative;
  z-index: 100;
  top: 159px;
}

.result {
  height: 65px;
}


.searchresult_title, #searchresult_category {
  font-size: 18px;
  font-family: "open_sans_semiboldregular";
  color: rgb( 68, 68, 68 );
  text-align: left;
  text-transform: none;
  position: relative;
  margin: 0px;
  display: block;
  padding-top: 2px;
  padding-bottom: 2px;
  left: 10px;
  /*width: 230px;*/
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#searchresult_category {
  font-size: 13px;
  text-decoration: underline;
}

.searchresult_text-container {
  position: relative;
  padding-top: 7px;
  padding-bottom: 8px;
}

.searchresult_product {
  font-size: 18px;
  font-family: "open_sans_semiboldregular";
  color: rgb( 68, 68, 68 );
  text-align: left;
  height: 65px;
  line-height: 3.5em;
  width: 100%;
  border-top: 1px solid #cccccc;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-indent: 10px;
}

/* - - - - -STORE PAGE EXPANDER - - - - -  */
.page-logo {
  display: inline-block;
  height: 60px;
  width: 120px;
  background: #ffffff;
}

.store, .storeinfo {
  display: inline-block;
  text-align: center;
  position: relative;
  overflow: hidden;
  padding-bottom: 10px;
  top: 30px;
}

.storeinfo {
  border-bottom: 1px solid;
  color: #cccccc;
  margin-bottom: 20px;
  width: 95%;
  padding: 0px;
}

.storename  {
  font-family: "open_sans_condensed_lightRg";
  font-size: 35px;
  color: #ffffff;
  padding: 0px;
  text-transform: uppercase;
}

#storetext {
  font-family: "open_sansregular";
  font-size: 14px;
  color: #444444;
  line-height: 21px;
  height: 44px;
  min-height: 44px;
  overflow: hidden;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 10px;
}

.more, .less {
  display: inline-block;
  position: relative;
  top: 0px;
  height: 22px;
  width: 65px;
  background-color: #aaa7a3;
  margin-top: 11px;
  text-align: left;
}

.less {
  display: none;
}

.more a, .more a:visited, .less a, .less a:visited {
  text-decoration: none;
  color: #ffffff;
  font-family: "open_sansbold";
  font-size: 11pt;
  position: relative;
  top: 2px;
  left: -1px;
}

.fa-plus-circle, .fa-minus-circle {
  font-size: 10pt;
  padding-left: 6px;
}

/*.topline, .bottomline {
  display: inline-block;
  width: 95%;
  height: 1px;
  background-color: #cccccc;
  position: relative;
  top: 0px;
  padding: 0px;
}*/



.bottomline {
  margin-bottom: 52px;
}


/* ****************** NAG MODAL ******************** */
/* error section */

.animated {
  -webkit-animation-duration: .5s;
  animation-duration: .5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

.error-popup {
  display: none;
  text-align: center;
  position: absolute;
  width: 80%;
  max-width: 420px;
  height: auto;
  top: 85px;
  background-color: rgb(213, 38, 14);
  border-radius: 16px;
  right: 0px;
  left: 0px;
  margin-left: auto;
  margin-right: auto;
  z-index: 1001;
}

.error-popup.landing {
  top: -78px;
}


.error-popup h2 {
  font-family: "open_sans_semiboldregular";
  font-size: 16px;
  color: #ffffff;
  margin: 10px;
}

.error-popup h3 {
  font-family: "open_sans_semiboldregular";
  font-size: 12px;
  color: #ffffff;
  margin: 10px;
  margin-bottom: 0px;
}

.error-arrow {
  display: inline-block;
  position: relative;
  top: 23px;
  left: 0px;
  width: 0; 
  height: 0; 
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 20px solid rgb(213, 38, 14);
}

/* end error section */


.nag_modal.thanks {
  height: 170px;
}

.nag_modal.thanks h1 {
  margin-top: 33px;
}

.nag_modal.thanks p {
  text-align: center;
  margin: 10px;
  margin-top: 25px;
}

.nag_modal, .resub_modal {
  position: absolute;
  right: 0px;
  left: 0px;
  top: 100px;
  text-align: center;
  width: 95%;
  height: auto;
  background-color: #ffffff;
  margin-left: auto;
  margin-right: auto;
  z-index: 1000;
  -webkit-box-shadow: 0px 4px 30px 1px rgba(0,0,0,0.69);
  -moz-box-shadow: 0px 4px 30px 1px rgba(0,0,0,0.69);
  box-shadow: 0px 4px 30px 1px rgba(0,0,0,0.69);
}

.nag_modal h1, .resub_modal h1 {
  font-size: 21px;
  font-family: "open_sans_condensedbold";
  color: rgb(239, 73, 50);
  font-weight: normal;
  position: relative;
  top: 20px;
  line-height: 1.3em;
  margin-bottom: 24px;
}

.nag_modal p, .resub_modal p {
  font-family: "open_sansregular";
  font-size: 14px;
  color: #444444;
  margin-left: 8px;
  margin-right: 8px;
}

.resub_modal p {
  margin: 30px auto 20px;
  width: 95%;
}

.nag_modal ul li i {
  padding-right: 7px;
}

 .nag_modal_signin i {
  padding-right: 10px;
 }


.nag_modal ul {
   list-style: none;
  padding: 0px;
  display: inline-block;
  margin: 8px;
}

.nag_modal li {
  font-size: 14px;
  font-family: "open_sans_condensedbold";
  color: #333333;
  padding-top: 5px;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
}

.nag_modal li i {
  color: #ef4932;
}

.emailbutton, .facebookbutton, .yesbutton, .nobutton {
  width: 245px;
  height: 65px;
  line-height: 2.6em;
  text-decoration: none;
  color: #ffffff;
  font-size: 24px;
  font-family: "open_sans_condensed_lightRg";
  z-index: 10;
  position: relative;
}

.emailbutton, .yesbutton {
  background-color: #ef4932;
  margin-bottom: 15px;
}

.fa-chevron-right {
  position: absolute;
  top: 0px;
  left: 220px;
  z-index: 9;
  background: #ef4932;
  height: 65px;
  line-height: 3.1em;
  font-size: 21px;
  color: #ffffff;
  padding-left: 6px;
  width: 9px;
}

.emailbutton:hover {
  background-color: #ed341a;
  cursor: pointer;
}

.facebookbutton {
  background-color: #3b5998;
}

.facebookbutton:hover {
  background-color: #344e86;
  cursor: pointer;
}

.yesbutton {
  background-color: #00c6b9;
  margin-left: auto;
  margin-right: auto;
}

.nobutton {
  background-color: #D5260E;
  margin: 0 auto 20px;
}

.yesbutton:hover {
  cursor: pointer;
  background: #00b2a7;
}

.nobutton:hover {
  cursor: pointer;
  background: #c3230d;
}

.resubinput {
  display: inline-block;
  width: 90%;
  min-width: 245px;
  max-width: 502px;
  height: 63px;
  font-size: 21px;
  font-family: "open_sans_condensed_lightRg";
  color: rgb( 46, 46, 46 );
  border: 0px inset;
  text-align: left;
  text-indent: 10px;
  border: 1px solid rgb(239, 73, 50);
  z-index: 9;
  border-radius: 0;
  padding: 0px;
  margin-bottom: 20px;
}

.yesbutton i, .nobutton i {
  padding-right: 10px;
}

/* shrink button icons */
.emailbutton:hover i, .facebookbutton:hover i,
.yesbutton:hover i, .nobutton:hover i {
  font-size: 22px;
  padding-right: 12px;
  position: relative;
  left: 1px;
  top: -1px;
}

.emailinput {
  position: absolute;
  width: 219px;
  height: 63px;
  font-size: 21px;
  font-family: "open_sans_condensed_lightRg";
  color: rgb( 46, 46, 46 );
  border: 0px inset;
  text-align: left;
  text-indent: 10px;
  top: 0px;
  left: 0px;
  border: 1px solid rgb(239, 73, 50);
  z-index: 9;
  margin-bottom: 15px;
  outline: none;
  -webkit-appearance: none;
  border-radius: 0;
  padding:0px;
}

.nag_modal_signin {
  display: inline-block;
  position: relative;
  margin-top: 15px;
  margin-bottom: 25px;
}

.email-connect {
  position: relative;
  top: 0px;
  left: 0px;
  width: 245px;
  height: 65px;
  margin-bottom: 15px;
}


/* - - - - - - - - - - - BANNER AREA - - - - - - - - - */


/* * * * * * EMAILHELP BANNER * * * * * * */

#emailhelp {
  position: relative;
  top: 0px;
  min-height: 250px;
  width: 100%;
  background-color: #eeeeee;
  background-position: center;
}

#emailhelp .banner-title {
  font-size: 45px;
  font-family: "open_sans_condensedbold";
  color: #444444;
  text-transform: uppercase;
  position: relative;
  top: 50px;
  padding-bottom: 35px;
}

#emailhelp .banner-subtitle {
    font-size: 20px;
    font-family: "open_sans_condensed_lightRg";
    color: #777777;
    position: relative;
    top: 20px;
    z-index: 5;
    font-weight: normal;
  }

.emailhelp-text-container {
  position: relative;
  top: 30px;
}

/* * * * * * WHITELIST BANNER * * * * * * */

#whitelist {
  position: relative;
  top: 0px;
  min-height: 250px;
  width: 100%;
  background-color: #eeeeee;
  background-position: center;
}

#whitelist .banner-title {
  font-size: 23px;
  font-family: "open_sans_condensedbold";
  color: #444444;
  text-transform: uppercase;
  position: relative;
  top: 50px;
  padding-bottom: 50px;
}

#whitelist .banner-subtitle {
  font-size: 23px;
  font-family: "open_sans_condensed_lightRg";
  color: #777777;
  position: relative;
  z-index: 5;
  font-weight: normal;
  padding-bottom: 5px;
}

.whitelist-text-container {
  position: relative;
  top: 5px;
}

/* * * * * * CONTACTUS BANNER * * * * * * */

#contactus {
  position: relative;
  top: 0px;
  min-height: 250px;
  width: 100%;
  background-color: #eeeeee;
  background-position: center;
}

#contactus .banner-title {
  font-size: 40px;
  font-family: "open_sans_condensedbold";
  color: #444444;
  text-transform: uppercase;
  position: relative;
  top: 60px;
  padding-bottom: 40px;
}

#contactus .banner-subtitle {
  font-size: 20px;
  font-family: "open_sans_condensed_lightRg";
  color: #777777;
  position: relative;
  z-index: 5;
  font-weight: normal;
}

.contactus-text-container {
  position: relative;
  top: 30px;
}

/* * * * * * ALLSTORES BANNER * * * * * * */

#allstores {
  position: relative;
  top: 0px;
  min-height: 250px;
  width: 100%;
  background-color: #141414;
  background-image: url(/img/allstores-bg-mobile.jpg);
  background-position: center;
  margin-bottom: 15px;
}

#allstores .banner-title {
  font-size: 60px;
  font-family: "open_sans_condensed_lightRg";
  color: #ffffff;
  text-transform: uppercase;
  position: relative;
  top: 20px;
  padding-bottom: 3px;
}

#allstores .banner-subtitle {
  font-family: "open_sans_condensedbold";
  text-transform: uppercase;
  font-size: 60px;
  color: #ffffff;
  font-weight: normal;
  margin: 0px;

}

.allstores-text-container {
  position: relative;
  top: 46px;
}


#orange {
  color: #fca82f;
}

#yellow {
  color: #ffe762;
}

#green {
  color: #80e05f;
}

#blue {
  color: #46d7d9;
}

#purple {
  color: #b56ede;
}


.allstores.bottomline {
  margin-top: 30px;
  top: 0px;
}

/* * * * * * BLOG BANNER * * * * * * */
#blog {
  position: relative;
  top: 0px;
  min-height: 250px;
  width: 100%;
  background-image: url(/img/blog-summary-bg-mobile.jpg);
  background-repeat: no-repeat;
  background-position: center;
  margin-bottom: 10px;
}

#blog .banner-title {
  font-size: 52px;
  font-family: "peraltaregular";
  color: #2b2e2e;
  position: relative;
  top: -34px;
}

#blog .banner-subtitle {
  font-size: 18px;
  font-family: "open_sans_condensed_lightRg";
  color: rgb( 239, 73, 50 );
  position: relative;
  top: -37px;
}

.blog-logo {
  position: relative;
  top: -7px;
  max-height: 70px;
}

.blog-text-container {
  background-image: url(/img/blog-banner-bubble-mobile.png);
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 210px;
  display: inline-block;
  position: relative;
  top: 39px;
}

/* * * * * * ERROR404 BANNER * * * * * * */

#error404 {
  position: relative;
  top: 0px;
  min-height: 250px;
  width: 100%;
  background-color: #4A7023;
  margin-bottom: 10px;

}

#error404 .banner-title {
  font-size: 50px;
  font-family: "open_sans_condensed_lightRg";
  color: #ffffff;
  text-transform: uppercase;
  position: relative;
  top: 47px;
  padding-bottom: 38px;
}

#error404 .banner-subtitle {
  font-size: 30px;
  font-family: "podkovabold";
  color: #BCED91;
  position: relative;
  z-index: 5;
  font-weight: normal;
}

#error404 p {
  font-size: 12px;
  font-family: "open_sans_semiboldregular";
  margin-bottom: 10px;
  color: #E0EEE0;
  position: relative;
  top: 5px;
  margin-left: 5px;
  margin-right: 5px;
}

.error404-text-container {
  position: relative;
  top: 0px;
}

/* * * * * * THANKS BANNER * * * * * * */

#thanks {
  position: relative;
  top: 0px;
  min-height: 250px;
  width: 100%;
  background-color: #00c6b9;
  margin-bottom: 10px;

}

#thanks .banner-title {
  font-size: 50px;
  font-family: "open_sans_condensed_lightRg";
  color: #ffffff;
  text-transform: uppercase;
  position: relative;
  top: 47px;
  padding-bottom: 38px;
}

#thanks .banner-subtitle {
  font-size: 30px;
  font-family: "podkovabold";
  color: #ffffff;
  position: relative;
  z-index: 5;
  font-weight: normal;
  top: 40px;
}

#thanks p {
  font-size: 12px;
  font-family: "open_sans_semiboldregular";
  margin-bottom: 10px;
  color: #ffffff;
  position: relative;
  top: 50px;
  margin-left: 5px;
  margin-right: 5px;
}

.thanks-text-container {
  position: relative;
  top: 0px;
}


/* * * * * * YAY PICKS BANNER * * * * * * */
#yaypicks {
  position: relative;
  top: 0px;
  height: 250px;
  width: 100%;
  background-color: #30d6c9;
  background-image: url(/img/picks-bg-mobile.jpg);
  background-position: center;
  margin-bottom: 10px;
}

#yaypicks img {
  position: relative;
  top: 81px;
  max-height: 65px;
}

#yaypicks .banner-title {
font-size: 59px;
  font-family: "fira_sansthin";
  color: rgb( 255, 255, 255 );
  padding-top: 25px;
  text-transform: uppercase;
  line-height: 48px;
}

#yaypicks hr {
  border-style: none;
  border-top: 1px solid #ffffff;
  width: 250px;
}

#yaypicks .banner-subtitle {
    display: inline-block;
    font-size: 14px;
    line-height: 1.071;
    font-family: "fira_sansthin";
    color: #ffff66;
    position: relative;
    margin: 0px;
    top: 4px;
    font-weight: normal;
    padding-bottom: 30px;
}

.picks-text-container {
    position: relative;
    top: 52px;
    background-color: #11c1b3;
    display: inline-block;
    width: 95%;
    max-width: 320px;
}

/* * * * * * TOP DEALS BANNER * * * * * * */
#topdeals {
  position: relative;
  top: 0px;
  height: 250px;
  width: 100%;
  background-color: #ffe374;
  background-image: url(/img/deals-bg-mobile.jpg);
  background-position: center 0px;
  margin-bottom: 15px;
}

#topdeals ul {
  padding: 0px;
  margin: 0px;
}

#topdeals ul li {
  display: inline-block;
}

#topdeals .banner-title {
font-size: 50px;
  font-family: "open_sans_condensedbold";
  color: rgb( 255, 255, 255 );
  text-transform: uppercase;
}

.td-banner-text {
  position: relative;
  top: 91px;
  width: 300px;
  display: inline-block;
}

.td-banner-text img {
  padding-left: 3px;
  padding-right: 3px;
  max-height: 36px;
}

.td-banner-line {
  display: inline-block;
  width: 200px;
  height: 5px;
  background-color: #ef4932;
  position: relative;
  top: -15px;
}

#topdeals .banner-subtitle {
  font-size: 12px;
  font-family: "open_sans_condensedbold";
  color: rgb( 255, 255, 255 );
  text-transform: uppercase;
  position: relative;
  margin: 0px;
  top: -15px;
}

/* * * * * * GROCERY SAVINGS BANNER * * * * * * */
.roundup {
  border-top: 1px solid #aaa7a3;
  margin-top: 5px;
  background: linear-gradient(#ffffff, #dfdcd8);
}

.roundup h4 {
    font-size: 20px;
    font-family: "open_sans_condensedbold";
    color: rgb(239, 73, 50);
    text-transform: uppercase;
    margin: 0px;
    /*background: #ffffff;*/
    padding: 5px;
    margin-top: 20px;
    color: #36c1b6;
}

#groceries {
  position: relative;
  top: 0px;
  height: 250px;
  width: 100%;
  background-color: #ffffff;
  background-image: url(/img/fresh-bg-mobile.jpg);
  background-position: center 0px;
  margin-bottom: 15px;
}

.fresh-text-container {
  position: relative;
  top: -32px;
}

#groceries .banner-title {
font-size: 40px;
  font-family: "podkovabold";
  color: rgb( 242, 101, 34 );
  position: relative;
  z-index: 4;
  top: 94px;
  padding-bottom: 23px;
}

#groceries .banner-subtitle {
font-size: 22px;
  font-family: "podkovabold";
  color: rgb( 0, 88, 38 );
  position: relative;
  z-index: 5;
  font-weight: normal;
  top: 60px;
}

/* * * * * * FLASH SAVINGS BANNER * * * * * * */
#flashsales {
  position: relative;
  top: 0px;
  height: 250px;
  width: 100%;
  background-color: #c43244;
  background-image: url(/img/flash-bg-mobile.jpg);
  background-position: center 0px;
  margin-bottom: 15px;
}

.flash-text-container {
  position: relative;
  top: 99px;
}

#flashsales .banner-title {
  font-size: 50px;
  font-family: "noto_sansbold_italic";
  color: rgb( 255, 255, 255 );
  font-weight: normal;
}

#flashsales .banner-subtitle span {
  font-family: "noto_sansitalic";
}

#flashsales .banner-subtitle {
font-size: 14px;
  font-family: "podkovaregular";
  color: rgb( 255, 255, 255 );
  position: relative;
  top: -13px;
  font-weight: normal;
}

/* * * * * * BLACK FRIDAY BANNER * * * * * * */
#blackfriday {
  position: relative;
  top: 0px;
  width: 100%;
  background-color: #000000;
  background-position: center;
  margin-bottom: 15px;
  overflow: hidden;
}

#blackfriday img {
  position: relative;
}

img.tags {
  z-index: 5;
  width: 200px;
}

img.text {
  top: -21px;
    z-index: 4;
    width: 200px;

}


#blackfriday .banner-subtitle {
    display: inline-block;
    width: 95%;
    font-size: 28px;
    line-height: 1.071;
    font-family: "open_sans_condensed_lightRg";
    color: #ffffff;
    position: relative;
    margin: 0px;
    top: -10px;
    font-weight: normal;
    text-transform: uppercase;

}

#blackfriday .banner-subtitle span {
  font-family: "open_sans_condensedbold"
}

.blackfriday-text-container {
    position: relative;
    top: -15px;
}

.animated { 
    -webkit-animation-duration: 1s; 
    animation-duration: 1s; 
    -webkit-animation-fill-mode: both; 
    animation-fill-mode: both; 
} 

@-webkit-keyframes bounceInDown { 
   0% { 
       opacity: 0; 
        -webkit-transform: translateY(-2000px); 
    } 
    60% { 
        opacity: 1; 
        -webkit-transform: translateY(30px); 
    } 
    80% { 
        -webkit-transform: translateY(-10px); 
    } 
    100% { 
        -webkit-transform: translateY(0); 
    } 
} 

@keyframes bounceInDown { 
    0% { 
        opacity: 0; 
        transform: translateY(-2000px); 
    } 
    60% { 
        opacity: 1; 
        transform: translateY(30px); 
    } 
    80% { 
        transform: translateY(-10px); 
    } 
    100% { 
        transform: translateY(0); 
    } 
} 

.bounceInDown { 
    -webkit-animation-name: bounceInDown; 
    animation-name: bounceInDown; 
}

@-webkit-keyframes swinging{
    0%{-webkit-transform: rotate(3deg);}
    50%{-webkit-transform: rotate(-1deg)}
    100%{-webkit-transform: rotate(6deg);}
}
 
@keyframes swinging{
    0%{transform: rotate(3deg);}
    50%{transform: rotate(-1deg)}
    100%{transform: rotate(3deg);}
}
 
.swingimage{
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-animation: swinging 3.5s ease-in-out forwards infinite;
    animation: swinging 3.5s ease-in-out forwards infinite;
    position: relative;
    z-index: 5;
    width: 98%;
}

/* * * * * * HOLIDAY BANNER * * * * * * */
#snow{
  background: none;
  background-image: url('/img/s1.png'), 
                    url('/img/s2.png'), 
                    url('/img/s3.png');
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index:1;
  -webkit-animation: snow 10s linear infinite;
  -moz-animation: snow 10s linear infinite;
  -ms-animation: snow 10s linear infinite;
  animation: snow 10s linear infinite;
}
@keyframes snow {
  0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
  50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
  100% {background-position: 500px 1000px, 200px 400px, -100px 300px;}
}
@-moz-keyframes snow {
  0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
  50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
  100% {background-position: 400px 1000px, 200px 400px, 100px 300px;}
}
@-webkit-keyframes snow {
  0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
  50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
  100% {background-position: 500px 1000px, 200px 400px, -100px 300px;}
}
@-ms-keyframes snow {
  0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
  50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
  100% {background-position: 500px 1000px, 200px 400px, -100px 300px;}
} 

#holiday {
    position: relative;
    height: 210px;
    width: 100%;
    background-color: #53707E;
    margin-bottom: 15px;
}

#holiday img {
  position: relative;
}

.holiday-text-container {

}


.holiday-text {
  width: 275px;
  position: relative;
  top: 50px;
  z-index: 6;
}

.holiday-from {
  width: 208px;
}

.holiday-trees {
    position: relative;
    height: 102px;
    width: 100%;
    background-image: url(/img/holiday-trees-mobile.png);
    background-repeat: repeat;
    overflow: hidden;
    top: 67px;
}



/* - - - - - - - - - - MYSTERY DEAL - - - - - - - - - - */

.gadsense-placeholder.mystery.leader {
  display: none;
  /*width: 300px;*/
  height: 250px;
}

.mystery-front a {
  text-decoration: none;
}

.mystery-reveal {
display: none;
border: 8px solid #ffffff;
}

.mystery-reveal.expired {
  background-image: url("/img/expiredstamp.png");
  background-size: 85%;
  background-position: center;
}

.mystery-banner {
  width: 100%;
  /*background-color: #f6dc45;*/
}

.mystery-deal {
  text-align: center;
  /*border: 8px solid rgb( 68, 68, 68 );*/
  position: relative;
}

.mystery-deal h1 {
  font-size: 30px;
  font-family: "peraltaregular";
  color: rgb( 68, 68, 68 );
  width: 100%;
  display: inline-block;
  text-transform: none;
  line-height: 1.9em;
  position: relative;
  background-image: url(/img/mysteryswirl-mobile.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-color: #ffe963;
}

.mystery-deal h1 span {
  font-size: 70px;
}

.mystery-deal h2 {
  font-size: 20px;
  font-family: "open_sansbold";
  color: rgb( 68, 68, 68 );
  padding-top: 5px;

}

.mystery-deal p {
  font-size: 14px;
  font-family: "open_sansregular";
  color: rgb( 68, 68, 68 );
  margin-left: 10px;
  margin-right: 10px;
  max-width: 630px;
  padding-top: 5px;
  display: inline-block;
}

.mystery-deal-button a {
  width: 90%;
  height: 40px;
  background-color: rgb(239, 73, 50);
  line-height: 1.5em;
  position: relative;
  display: inline-block;
  margin-top: 5px;
  margin-bottom: 10px;
  text-decoration: none;
  color: #ffffff;
  font-size: 25px;
  font-family: "open_sans_condensed_lightRg";
  text-transform: uppercase;
}

.mystery-coupon-logo img {
  height: 52px;
  width: 104px;
  padding: 10px;
}

.mystery-product-image img {
  max-width: 90%;
  padding: 10px;
}

.mystery-reveal {
  background-color: #f6dc45;
  margin-top: 20px;
  margin-bottom: 20px;
}

.mystery-reveal h2,
.mystery-reveal h3 {
  font-size: 24px;
  font-family: "open_sansbold";
  color: rgb( 68, 68, 68 );
  font-weight: bold;
  line-height: 1.25;
  margin-bottom: 5px;
  margin-top: 5px;
}

.mystery-reveal h3 {
  top: 39px;
  left: 140px;
  font-size: 16px;
}

.mystery-coupon-description,
.mystery-product-description {
  font-size: 14px;
  font-family: "open_sansregular";
  color: rgb( 68, 68, 68 );
  line-height: 1.25;
  padding-left: 10px;
  padding-right: 10px;
  text-align:left;
}

.mystery-coupon-description.textonly {
      margin-bottom: 10px;
}

.mystery-reveal .copy-instruction {
  font-family: "open_sans_condensedbold";
  font-size: 11px;
  color: rgb( 0, 0, 0 );
  font-weight: bold;
  position: relative;
}

.reveal-wrapper a {
   color: rgb(239, 73, 50);
   text-decoration:underline;
}

.reveal-wrapper ul {
  font-size: 13px;
  line-height: 1.5;
  font-family: "open_sansregular";
  text-align: left;
  display: inline-block;
  padding: 0px 30px 0px 30px;
  color: rgb( 68, 68, 68 );

}


.checkout {
  padding: 0px;
  list-style: none;
  position: relative;
}

.checkout input  {
  font-family: "open_sans_condensedbold";
  font-size: 20px;
  color: rgb( 0, 0, 0 );
  font-weight: normal;
  border: 1px solid rgb(239, 73, 50);
  width: 90%;
  height: 40px;
  padding-top: 8px;
  padding-bottom: 8px;
  text-indent: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 10px;
  text-align: center;
  -webkit-appearance: none;
  border-radius: 0;
  padding:0px;
}


.copy-nocode {
  display: inline-block;
  font-family: "open_sans_condensedbold";
  font-size: 20px;
  color: rgb( 0, 0, 0 );
  font-weight: normal;
  border: 1px solid rgb(239, 73, 50);
  width: 90%;
  padding-top: 8px;
  padding-bottom: 8px;
  background-color: #ffffff;
  position: relative;
}

.copy-code {
  margin-bottom: 10px;
}

.go-to-button, .product-go-to-link {
  display: inline-block;
  width: 90%;
  height: 36px;
  color: #ffffff;
  background-color: rgb(239, 73, 50);
  border: 1px solid rgb(239, 73, 50);
  line-height: 2em;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
  white-space: nowrap;
  margin-top: 7px;
}



.go-to-link a, .product-go-to-link a {
  font-size: 19px;
  text-align: center;
  font-family: "open_sansbold";
  font-weight: bold;
  line-height: 1.25;
  margin-bottom: 0px;
  position: relative;
  cursor:pointer;
  color:rgb(239, 73, 50);
  /*top: -4px;*/
  color: #FFFFFF;
  text-decoration: none;
  vertical-align: middle;
 }

.go-to-button:hover{
  background-color: #ee3920;
}

.go-to-button span {
  font-family: "open_sans_condensed_lightRg";
}

 .go-to-button a, .go-to-button a:visited {
  font-family: "open_sans_condensedbold";
  font-size: 20px;
  color: #ffffff;
  text-decoration: none;
  padding-left: 10px;
}

.mystery-reveal.mystery-expired h2 {
  font-size: 25px;
  font-family: "peraltaregular";
  text-align: center;
  text-transform: none;
  line-height: 1.4em;
  position: relative;
}

.mystery-reveal.mystery-expired h3 {
  font-size: 18px;
  text-align: center;
  line-height: 1.9em;
  position: relative;
  top: 0px;
  left: 0px;
}

.mystery-reveal.mystery-expired h3 span {
  font-size: 25px;
  color: rgb(239, 73, 50);
  margin-top: 10px;
}

.mystery-reveal.mystery-expired h4 {
  font-size: 15px;
  font-family: "open_sansregular";
  color: rgb( 68, 68, 68 );
  line-height: 1.5;
  text-align: center;
  margin: 0px;
  margin-left: 10px;
  margin-right: 10px;
}

.mystery-reveal.mystery-expired p {
  font-size: 15px;
  font-family: "open_sansregular";
  color: rgb( 68, 68, 68 );
  margin: 10px;
}

.mystery-reveal.mystery-expired a, 
.mystery-reveal.mystery-expired a:visited {
  font-weight: bold;
  color: #00c6b9;
}

.mystery-deal-button {
  width: 90%;
  height: 40px;
  background-color: rgb(239, 73, 50);
  line-height: 1.6em;
  position: relative;
  display: inline-block;
  margin-top: 8px;
  margin-bottom: 10px;
  text-decoration: none;
  color: #ffffff;
  font-size: 25px;
  font-family: "open_sans_condensed_lightRg";
  text-transform: uppercase;
}

/* - - - - - - - - - - RAF DEAL - - - - - - - - - - */

.gadsense-placeholder.raf.leader {
    display: none;
    /*width: 300px;*/
    /*height: 250px;*/
}

.gadsense-placeholder.leader.show {
  display: inline-block;
  margin-top: 20px;
  width: 100%;
}

.raflogo {
max-width: 120px;
  /*max-height: 60px;*/
    display: inline-block;
}

.raflogo-pm {
max-width: 150px;
display: inline-block;
}

.raf-container-right img{
  display: none;
  }

.raf-bg-container {
  background-image: url(/img/raf-deal-bg.png);
  background-repeat: no-repeat;
  background-color: #e6e6e6;
  background-position: center;
  padding-bottom: 5px;
}

.raf-deal h1, .raf-reveal h1 {
  display: none;
}

.raf-deal h3 {
  font-size: 20px;
  font-family: "proxima_nova_rgregular";
  color: #424242;
  text-transform: uppercase;
  line-height: 1.3em;
  font-weight: normal;
  width: 255px;
  display: inline-block;
  margin: 0px;
  margin-top: 20px;
}

.raf-deal h3 span {
  font-size: 20px;
  font-family: "open_sansbold";
  color: rgb( 68, 68, 68 );
  padding-top: 5px;
  text-transform: none;
}

.raf-deal h3 .purple {
  font-size: 20px;
  font-family: "proxima_nova_rgbold";
  color: #5344c3;
  text-transform: uppercase;
}


.raf-deal p {
  font-size: 14px;
  font-family: "open_sansregular";
  color: rgb( 68, 68, 68 );
  margin-left: 10px;
  margin-right: 10px;
  max-width: 630px;
  padding-top: 0px;
  display: inline-block;
  position: relative;
}

.gamerules, .gamerules:visited {
  font-family: "open_sans_condensedbold";
  font-size: 11px;
  position: relative;
  color: rgb( 68, 68, 68 );
}

.raf-deal-button a {
    width: 90%;
    height: 40px;
    background-color: rgb(239, 73, 50);
    line-height: 1.6em;
    position: relative;
    display: inline-block;
    margin-top: 8px;
    margin-bottom: 10px;
    text-decoration: none;
    color: #ffffff;
    font-size: 25px;
    font-family: "open_sans_condensed_lightRg";
    text-transform: uppercase;
    /*  animation-name: heartBeat;
  animation-iteration-count: infinite;
  animation-duration: 2s;
  animation-delay: 4s; */
}

.raf-deal-button-am a {
    background-color: #36c1b6;
}
    /* * * * * * * * * * * * * REVEAL * * * * * * * * * * * * */
    .raf-reveal {
  border: 8px solid #ffffff;
  background-color: #b7b7b7;
  display: none;
  margin-top: 20px;
  margin-bottom: 20px;
}

.raf-reveal.am {
  background-color: #F3E06F;
}

/* * * * * * * WIN * * * * * * * */

.raf-winner h3 {
  font-size: 14px;
  font-family: "open_sansbold";
  color: rgb( 68, 68, 68 );
  margin-top: 10px;
  margin-bottom: 10px;
}

.member-number {
  width: 80%;
  background: #ffffff;
  display: inline-block;
}

.raf-winner h4 {
font-size: 14px;
  font-family: "open_sansregular";
  color: rgb( 68, 68, 68 );
  font-weight: normal;
  margin: 7px;
  position: relative;
}

.raf-winner h4 span {
  font-family: "open_sansbold";
}

.member-number h4:first-child {
  color: #d5260e;
}

.congrats {
  display: inline-block;
  position: relative;
  top: 5px;
}

.congrats h3 {
  font-size: 14px;
  font-family: "open_sansbold";
  color: rgb( 68, 68, 68 );
  margin-top: 7px;
  margin-bottom: 5px;
}

.congrats h4 {
  position: relative;
  top: -1px;
  padding-bottom: 10px;
}

.congrats a, .congrats a:visited {
  color: #ef4932;
}

/* - - - - - claim prize - - - - - - */
.fa-close.claim {
  font-size: 20px;
  position: relative;
  float: right;
  color: #00c6b9;
  height: 24px;
  width: 27px;
  border-radius: 50%;
  background-color: #eeeeee;
  z-index: 1000;
  top: -13px;
  left: 14px;
  padding-top: 3px;
  padding-left: 0px;
}

#claim-modal {
display: inline-block;
  position: relative;
  width: 90%;
  background-color: #eeeeee;
  /* background-image: url("/img/signup_modal.png"); */
  border: 8px solid #55BFC3;
  box-shadow: 0px 12px 20px 3px rgba(0,0,0,0.26);
  -webkit-box-shadow: 0px 12px 20px 3px rgba(0,0,0,0.26);
  -moz-box-shadow: 0px 12px 20px 3px rgba(0,0,0,0.26);
  z-index: 1000;
  /* left: 50%; */
  top: 100px;
  /* margin-left: auto; */
  /* margin-right: auto; */
  /* margin-top: -235px; */
}

#claim-modal h2 {
  font-size: 17px;
  font-family: "peraltaregular";
  color: #ef4932;
  text-align: center;
  text-transform: none;
  /* margin: 10px; */
  position: relative;
  /* top: 4px; */
  text-transform: uppercase;
  margin-top: 10px;
}

#claim-modal h4 {
  font-size: 20px;
  font-family: "open_sansbold";
  color: rgb( 68, 68, 68 );
  margin: 0px;
  position: relative;
  margin-top: 10px;
}

#claim-modal h5 {
  font-size: 16px;
  font-family: "open_sansregular";
  color: #ef4932;
  margin-top: 16px;
  margin-bottom: 2px;
}


#claim-modal p {
  font-size: 14px;
  font-family: "open_sansregular";
  color: rgb( 68, 68, 68 );
  margin-left: 15px;
  margin-right: 15px;
  margin-bottom: 10px;
}
  

.claim-instruct {
}



/* * * * * * * LOSE * * * * * * * */
.raf-loser h3 {
  font-size: 16px;
  font-family: "open_sansbold";
  color: rgb( 68, 68, 68 );
  margin-top: 10px;
  margin-bottom: 10px;
}

.member-number {
  width: 80%;
  max-width: 285px;
  background: #ffffff;
  display: inline-block;
}

.raf-loser h4 {
font-size: 16px;
  font-family: "open_sansregular";
  color: rgb( 68, 68, 68 );
  font-weight: normal;
  margin: 7px;
  position: relative;
}

.member-number h4 span {
  font-family: "open_sansbold";
  font-size: 30px;
}

.member-number h4:first-child {
  color: #d5260e;
}

.sorry {
  display: inline-block;
  position: relative;
  top: 5px;
}

.sorry h3 {
  font-size: 16px;
  font-family: "open_sansbold";
  color: rgb( 68, 68, 68 );
  margin-top: 7px;
  margin-bottom: 5px;
}

.sorry h4 {
    position: relative;
    top: -1px;
    padding-bottom: 15px;
    padding-top: 5px;
}


/* * * * * * * FACT * * * * * * * * */
.fact-right {
  position: relative;
  background: url("/img/fact-bg.png");
  background-size: 100%;
  border-bottom: 2px solid #eeeeee;
  display: none;
}

.raf-reveal > .fact-right h3 {
  margin: 0px;
    font-size: 18px;
    color: rgb(239, 73, 50);
    text-align: center;
}

.raf-reveal > .fact-right h3 span {
    position: relative;
    top: 5px;
    left: 7px;
    font-size: 30px;
    color: rgb(239, 73, 50);
}

.raf-reveal > .fact-right h3 span i {
    -ms-transform: rotate(5deg); /* IE 9 */
    -webkit-transform: rotate(5deg); /* Safari */
    transform: rotate(5deg);
}

.raf-reveal > .fact-right p {
  margin: 1px, auto;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  margin-top: 10px;
  font-size: 14px;
  font-family: "open_sansregular";
}


/* * * * * * * EXPIRE * * * * * * * */

.raf-expired h3 {
  font-size: 14px;
  font-family: "open_sansbold";
  color: #d5260e;
  margin-top: 10px;
  margin-bottom: 10px;
  text-transform: uppercase;
}

.date-expire {
  width: 80%;
  background: #ffffff;
  display: inline-block;
}

.raf-expired h4 {
font-size: 14px;
  font-family: "open_sansregular";
  color: rgb( 68, 68, 68 );
  font-weight: normal;
  margin: 7px;
  position: relative;
}

.raf-expired h4 span {
  font-family: "open_sansbold";
}

.time-expire {
  display: inline-block;
  position: relative;
  top: 5px;
}

.time-expire h3 {
    font-size: 14px;
    font-family: "open_sansregular";
    color: rgb( 68, 68, 68 );
    margin-top: 7px;
    margin-bottom: 5px;
    text-transform: uppercase;
    margin-left: 5px;
    margin-right: 5px;
}

.time-expire h4 {
  position: relative;
  top: -1px;
  padding-bottom: 10px;
}

.raf-expired a, .raf-expired a:visited {
color: #ef4932;
}

/* * * * * * * NON MEMBER * * * * * * * */

.raf-nonmember h3 {
  font-size: 16px;
  font-family: "open_sansbold";
  color: #ef4932;
  margin-top: 10px;
  margin-bottom: 10px;
}

.raf-nonmember h5 {
display: inline-block;
  font-size: 12px;
  font-family: "open_sansregular";
  color: rgb( 68, 68, 68 );
  font-weight: normal;
  margin-top: 4px;
  line-height: 1.3em;
  margin-left: 5px;
  margin-right: 5px;
  max-width: 600px;

}

.raf-nonmember h4 {
  font-size: 14px;
  font-family: "open_sansregular";
  color: rgb( 68, 68, 68 );
  font-weight: normal;
  margin: 4px;
  position: relative;
  top: -2px;
}

.raf-nonmember a, .raf-nonmember a:visited {
  color: #ef4932;
}

.rejoin {
  padding-bottom: 10px;
}

.emailinput.joinagain {
    position: relative;
    top: 0px;
    left: 0px;
    width: 88%;
    height: 40px;
}

.rejoin-btn {
    width: 90%;
    height: 40px;
    background-color: rgb(239, 73, 50);
    line-height: 1.6em;
    position: relative;
    display: inline-block;
    margin-top: 8px;
    margin-bottom: 10px;
    text-decoration: none;
    color: #ffffff;
    font-size: 25px;
    font-family: "open_sans_condensed_lightRg";
    text-transform: uppercase;
}

#thankyou h3 {
    font-size: 20px;
    font-family: "open_sansbold";
    color: #ef4932;
    margin-top: 5px;
}


/* - - - - - - - - - - - CATEGORY - - - - - - - - - */

#category {
position: relative;
list-style: none;
padding: 0px;
top: 0px;
width: 100%;
}

#category li {
  display: inline-block;
  padding: 5px;
  width: 90%;
  border-bottom: 1px solid #cccccc;
}

#category li:first-child {
  border-top: 1px solid #cccccc;
}

#category li a, #category li a:visited {
  font-size: 30px;
    font-family: "open_sans_condensed_lightRg";
    color: #ffffff;
    text-transform: uppercase;
    text-decoration: none;


}

#category li a:hover {
  color: rgb(213, 38, 14);

}

.hide {
  display: none;
}

/*used for category nav resizing*/
@media only screen  and (max-width: 374px) {
  #category li a, #category li a:visited {
    font-size: 20px;
  }
}

@media only screen and (min-width: 375px) and (max-width: 520px) {
  #category li a, #category li a:visited {
    font-size: 25px;
  }
}

@media only screen and (min-width: 521px) and (max-width: 657px) {
  #category li a, #category li a:visited {
    font-size: 28px;
  }
}


/* - - - - - - - - - - - - GENERIC-TEXT Area (gamefaq, legal, etc)- - - - - - -*/
.generic-text {
  max-width: 700px;
  display: inline-block;
  margin-left: 5px;
  margin-right: 5px;
}

.store.generic-text {
  width: 100%;
}

.generic-text h2 {
  font-size: 20px;
  font-family: "open_sans_semiboldregular";
  color: rgb( 68, 68, 68 );
  margin-bottom: 10px;
  color: #d1312a;
  font-weight: normal;
}

.generic-text h3 {
  font-size: 17px;
  font-family: "open_sans_semiboldregular";
  color: rgb( 68, 68, 68 );
  margin-bottom: 10px;
  color: #d1312a;
}

.generic-text h5 {
  font-size: 14px;  
  text-align: left;
  color: rgb (68, 68, 68 );
  font-family: "open_sansregular";
  margin-bottom: 8px;
}

.generic-text p {
  display: inline-block;
  font-size: 14px;
  font-family: "open_sansregular";
  color: rgb( 68, 68, 68 );
  width: 90%;
  margin-bottom: 30px;
    text-align: left;

}

.generic-text a {
  color: #d1312a;
}

.generic-text ul {
  margin-left: 0px;
}

.generic-text ul li, .generic-text ol li,
.blog-content ul li, .blog-content ol li
 {
  font-size: 14px;
  font-family: "open_sansregular";
  color: rgb( 68, 68, 68 );
  text-align: left;
  margin-bottom: 5px;
  width: 90%;
}

/* - - - - - - - - - - - COUPON AREA - - - - - - - - - */

.product-coupon.ga, .store-coupon.gad { /* styling for adsense coupon */
    -webkit-box-shadow:none;
    -moz-box-shadow:inset none;
    box-shadow:inset none;
}


.show-more-button, .show-more-button:visited {
  display: inline-block;
  width: 60%;
  min-width: 200px;
  height: 50px;
  background-color: rgb(239, 73, 50);
  line-height: 2.1em;
  margin-top: 30px;
  margin-bottom: 30px;
  text-decoration: none;
  color: #ffffff;
  font-size: 25px;
  font-family: "open_sans_condensed_lightRg";
  text-transform: uppercase;
  position: relative;
  text-align: center;
  margin-left: 10px;
  margin-right: 10px;
}


.prev-next-button:hover, .show-more-button:hover, .mystery-deal-button a:hover {
  background-color: #e23720
}


.prev-next-button, .prev-next-button:visited {
  display: inline-block;
  width: 40%;
  min-width: 100px;
  height: 50px;
  background-color: rgb(239, 73, 50);
  line-height: 2.1em;
  margin-top: 30px;
  margin-bottom: 30px;
  text-decoration: none;
  color: #ffffff;
  font-size: 25px;
  font-family: "open_sans_condensed_lightRg";
  text-transform: uppercase;
  position: relative;
  text-align: center;
  margin-left: 10px;
  margin-right: 10px;
}

/* - - - - - - - - - - - STORE COUPON - - - - - - - - - */
.highlight {
  float: right;
  margin-right: 4px;
  margin-top: 1px;
  color: #ef4932;
  width: 22px;
  text-align: center;
  line-height: 0em;
}

.highlight i {
  font-size: 20px;
}

.highlight span {
  font-family: "open_sansbold";
  font-size: 8px;
  margin: 0px;
}



.couponarea {
  position: relative;
  top: 15px;
  padding-bottom: 60px;
  overflow: hidden;
}


.store-coupon {
	display: inline-block;
	width: 90%;
  	margin: 9px;
  	background-color: white;
  	overflow: hidden;
  	border: 8px solid #ffffff;
  	-webkit-box-shadow:inset 0px 0px 0px 5px #e6e4dc;
    -moz-box-shadow:inset 0px 0px 0px 5px #e6e4dc;
    box-shadow:inset 0px 0px 0px 1px #e6e4dc;
    min-height: 125px;
}

.store-coupon-logo {
  position: relative;
  height: 55px;
  float: left;
  margin-right: 10px;
  margin-top: 1px;
  margin-left: 1px;
}

.store-coupon-logo img {
	height: 52px;
	width: 104px;
}

.store-coupon-title {
  text-align: left;
  height: 52px;
}

.store-coupon-title h2 {
  font-size: 25px;
  font-family: "open_sans_condensedbold";
  color: rgb( 54, 193, 182 );
  padding-top: 5px;
  white-space: nowrap;
  overflow: hidden;
}

.store-coupon-title a, .store-coupon-title a:visited {
  color: #36c1b6;
}

.store-coupon-title h3 {
  font-size: 12px;
  font-family: "open_sansregular";
  color: #ef4932;
  margin: 0px;
}

.store-coupon-description {
  margin: 10px;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 3px;
  text-align: center;
  overflow: hidden;
  font-size: 13px;
  font-family: "open_sansregular";
  color: rgb( 68, 68, 68 );
  min-height: 36px;
}



.similar-coupons, .similar-coupons:visited, .date, .percent-off {
	text-decoration: none;
	font-size: 12px;
  	font-family: "open_sansregular";
  	color: rgb( 68, 68, 68 );
}

/* - - - - - - - - - - - - PRODUCT COUPON - - - - - - - - - - - - - - */

.product-coupon {
	display: inline-block;
	width: 90%;
  	margin: 9px;
  	background-color: white;
  	overflow: hidden;
  	border: 8px solid #ffffff;
  	-webkit-box-shadow:inset 0px 0px 0px 5px #e6e4dc;
    -moz-box-shadow:inset 0px 0px 0px 5px #e6e4dc;
    box-shadow:inset 0px 0px 0px 1px #e6e4dc;
    min-height: 125px;
}

.product-coupon.gad {
    -webkit-box-shadow:none;
    -moz-box-shadow:inset none;
    box-shadow:inset none;
}

.product-coupon-image {
	float: left;
  	margin-right: 10px;
  	margin-left: 5px;
  	margin-top: 5px;
}

.product-coupon-image img {
  max-height: 104px;
  max-width: 104px;
}

.product-coupon-title {
  text-align: left;
  height: 52px;
}

.product-coupon-title.modal {
  text-align: center;
}

.product-coupon-title h2 {
  font-size: 19px;
  font-family: "open_sans_condensedbold";
  color: rgb( 54, 193, 182 );
  padding-top: 5px;
  white-space: nowrap;
  overflow: hidden;
}

.product-coupon-title h3 {
  font-size: 12px;
  font-family: "open_sansregular";
  color: #ef4932;
  margin: 0px;
}

.was-price, .now-price {
	font-family: "open_sans_condensedbold";
}
.was-price {
	color: #ef4932;
	text-decoration: line-through;
} 

.now-price {
	color: #36c1b6;
}

.now-price a, .now-price a:visited {
  color: #36c1b6;
}

.product-coupon-title a, .product-coupon-title a:visited {
  color: #36c1b6;
}


.product-coupon-description {
	margin-left: 10px;
	margin-right: 10px;
  text-align: left;
  font-size: 13px;
  font-family: "open_sansregular";
  color: rgb( 68, 68, 68 );
  min-height: 47px;
}

.date {
  float: left;
  margin-left: 10px;
  padding-top: 5px;
  padding-bottom: 5px
}

.similar-coupons {
  float: right;
  padding-top: 5px;
  padding-bottom: 5px;
  margin-right: 10px;
}

.fa-arrow-right {
	color: #00c6b9;
}

/* - - - - - - - - - - MODALS - - - - - - - - - - - */
#fade {
  position: fixed;
  left: 0%;
  top: 0%;
  background-color: black;
  -moz-opacity: 0.7;
  opacity: 0.75;
  filter: alpha(opacity=70);
  width: 100%;
  height: 100%;
  z-index: 999;
}

.join-area {
  background-color: #bbbbbb;
  margin-top: 20px;
  width: 90%;
  background-color: rgb(239, 73, 50);
  border: 1px solid rgb(213, 38, 14);
  text-align: center;
  display: inline-block;
  font-family: "open_sans_condensed_lightRg";
  font-size: 16px;
  color: #ffffff;
}

.join-area p {
  margin-top: 2px;
  margin-bottom: 2px;
  width: 155px;
  display: inline-block;
}

.go-to-button.join {
  height: 42px;
  color: #ffffff;
  background-color: rgb(239, 73, 50);
  line-height: 2.5em;
  position: relative;
  top: -9px;
  text-align: center;
  border: 1px solid #e06c67;
}

.go-to-button.join:hover {
    background-color: #ed341a;
}

.modal-coupon.thanks {
  height: auto;
    padding-bottom: 25px;
}

.modal-message-container {
  width: 100%;
  background-color: #36c1b6;
  position: relative;
}

.modal-message {
  margin-left: 25px;
  margin-right: 25px;
  padding-top: 25px;
  padding-bottom: 25px;
  position: relative;
  margin-bottom: 25px;
}

.modal-coupon.thanks h1 {
  font-size: 26px;
  font-family: "open_sans_condensedbold";
  color: #ffffff;
  font-weight: normal;
  text-align: center;
}

.modal-coupon.thanks p {
  font-size: 18px;
  font-family: "open_sansregular";
  color: #ffffff;
  font-weight: normal;
  text-align: center;
}

.gadsense-placeholder.modal {
  position: relative;
  width: 300px;
  height: 250px;
  background-color: #dddddd;
  display: inline-block;
  margin: 0px;
}

.gadsense-placeholder.modal.leader { /* * * * LEADER AD MODAL FROM DESKTOP **/
  display: none;
  width: 100%;
  height: auto;
  position: relative;
  top: 0px;
  left: 0px;
  background-color: #ffffff;
}

.modal-coupon {
  display: inline-block;
  position: relative;
  top: 100px;
  height: auto;
  width: 95%;
  min-width: 300px;
  border: none;
  background-color: #ffffff;
  box-shadow: 0px 4px 14px 3px rgba(0,0,0,0.56);
  -webkit-box-shadow: 0px 4px 14px 3px rgba(0,0,0,0.56);
  -moz-box-shadow: 0px 4px 14px 3px rgba(0,0,0,0.56);
  margin-bottom: 50px;
  z-index: 1000;
  right: 0;
  left: 0;
  margin-right: auto;
  margin-left: auto;
}


.fa-close {
position: absolute;
  font-size: 20px;
  float: right;
  color: #00c6b9;
  margin-right: 3px;
  margin-bottom: 20px;
  height: 24px;
  width: 27px;
  border-radius: 50%;
  background-color: #ffffff;
  z-index: 1000;
  top: -8px;
  right: -8px;
  padding-top: 3px;
  padding-left: 0px;
  box-shadow: 11px 2px 14px -6px rgba(0,0,0,0.26);
  -webkit-box-shadow: 11px 2px 14px -6px rgba(0,0,0,0.26);
  -moz-box-shadow: 11px 2px 14px -6px rgba(0,0,0,0.26);
}

.fa-close.thanks {
  background-color: #00c6b9;
  color: #ffffff;
}

.store-coupon-logo.modal {
width: 100%;
position: relative;
  height: auto;
  float: none;
  margin-right: 0px;
  margin-top: 0px;
  margin-left: 0px;
}

.store-coupon-logo.modal img {
  margin-top: 25px;
  margin-left: 25px;
  max-height: 104px;
  max-width: 104px;
  width: auto;
}

.store-coupon-title.modal h2 {
  font-family: "open_sans_condensedbold";
  font-size: 30px;
  color: #000000;
  position: relative;
  text-align: center;
}

.store-coupon-title.modal {
  text-align: center;
}

.store-coupon-description.modal {
  font-size: 13px;
  border-bottom: 1px solid #dddddd;
  position: relative;
  padding-bottom: 10px;
  padding-top: 10px;
  top: 0px;
  margin: 0px;
  margin-left: 10px;
  margin-right: 10px;
}

.checkout.modal {
  width: 100%;
  height: 112px;
  background-color: #00c6b9;
  position: relative;
}

.checkout.modal.withcode {
  height: 130px;
}

.copy-code {
  position: relative;
  top: 17px;
}

.checkout.modal .copy-instruction {
  position: relative;
  top: 10px;
  color: #ffffff;
  font-family: "open_sans_condensedbold";
  font-size: 11px;
}

.checkout.modal .go-to-button {
  height: 40px;
  line-height: 2.5em;
  background-color: #00a297;
  border: 1px solid #00e2d3;
  text-align: center;
  top: 30px;
}

.checkout.modal .go-to-button:hover {
  background-color: #069c92;
}

.checkout.modal.withcode .go-to-button {
  top: -4px;
}

.checkout.modal input {
  border: 1px solid black;
  width: 90%;
  position: relative;
}

.date.modal {
position: absolute;
  top: 0px;
  margin: 0px;
  left: 7px;
}

.no-code-required.modal {
  font-size: 20px;
  font-family: "open_sans_condensedbold";
  color: rgb( 255, 255, 255 );
  position: relative;
  top: 18px;
}

.mobile-gadsense-placeholder.modal {
  margin-top: 0px;
}

.share-container {
  width: 100%;
  height: 112px;
  background-color: #444444;
  color: #ffffff;
  text-align: center;
  position: relative;
  margin-top: 10px;
}

.share-container h2 {
  font-size: 18px;
  font-family: "open_sansregular";
  color: rgb( 255, 255, 255 );
  padding-top: 16px;
}

.social-icons {
  list-style: none;
  padding: 0px;
}

.social-icons li {
    vertical-align: top;
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
}

.modal-share {
  color: #444444;
  background-color: #ffffff;
  height: 30px;
  width: 35px;
  font-size: 23px;
  padding-top: 5px;
}

/* * * * * * * FOOTER * * * * * * * */


footer {
	width: 100%;;
  	background-color: rgb(239, 73, 50);
    padding-bottom: 30px;
}

footer a, footer a:visited {
    text-decoration: none;
  color: #ffffff;
}

.footerlogo, #noshow, .top {
  display: none;
}

footer li {
  list-style: none;
  font-family: "open_sans_condensed_lightRg";
  font-size: 11pt;
  font-weight: bold;
  margin-bottom: 5px;
}

.bottom {
	display: inline-block;
	padding-left: 0px;
}

.footerlink-social {
width: 106px;
  position: relative;
  top: 15px;
}

.footerlink-social a, .footerlink-social a:visited {
	color: #d1312a;
}


.fa-twitter {
	float: right;
}

.fa-facebook {
	float: left;
}

/* * * * * * BONUS * * * * * */
.mystery-bg.bonus {
  background: url("/img/bonus-bg.png");
}

.raf-deal.bonus, .raf-reveal.bonus {
  background: url("/img/bonus.png");
  background-repeat: repeat;
}

.raf-deal.bonus h3 {
  width: 270px;
}

.raflogo.bonus {
    padding-bottom: 0px;
    max-width: none;
    position: absolute;
    top: -10px;
    left: -25px;
    height: 229px;
    width: 356px;
    z-index: 0;
}

.raf-deal.bonus span {
  color: #5344c3;
    text-shadow:
    -1px -1px 0 #fff,
    1px -1px 0 #fff,
    -1px 1px 0 #fff,
    1px 1px 0 #fff; 
}

.raf-container-right.bonus h1 {
  display: none;
}


/*fact-right bonus h3
fact-container bonus h4 h5*/

.fact-container.bonus {
   overflow: hidden;
}

.fact-right.bonus {
  text-align: center;
  border: 2px solid #ffffff;
  box-sizing: border-box;
  background: url("/img/burst1.png");
  background-size: 100%;
  background-position-y: -70px;
}

.fact-right.bonus h3 {
  text-align: center;
  color: #D5260E;
  font-size: 20px;
    margin-top: 6px;
    margin-bottom: 3px;
}

.fact-container.bonus h4 {
    font-family: "open_sansbold";
    font-size: 16px;
    max-width: 99%;
    max-height: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0px;
}


.fact-container.bonus h5, .fact-container.bonus p {
    font-family: "open_sansregular";
    color: rgb( 68, 68, 68 );
    font-size: 14px;
    margin: 5px;
    font-weight: normal;
}

.fact-container.bonus h6 {
    font-family: "open_sansregular";
    color: rgb( 68, 68, 68 );
    font-size: 12px;
    color: #5344c3;
    margin: 0px;
    display: none;
}

.fact-container.bonus p {
      color: #5344c3;
      margin: 0px;
      display: none;
}

.fact-container.bonus span a, .fact-container.bonus span a:visited {
    font-family: "open_sans_condensedbold";
    font-size: 11px;
    color: rgb( 68, 68, 68 );
}

.gadsense-placeholder.raf.bonus {
  margin-top: 4px;
}


.membership {
  width: 80%;
  max-width: 400px;
  height: 63px;
  position: relative;
  left: -9px;
  display: inline-block;
  margin-top: 40px;
  margin-bottom: 40px;
}

.emailcheck {
  width: 100%;
  height: 100%;
  font-size: 21px;
  font-family: "open_sans_condensed_lightRg";
  color: rgb( 46, 46, 46 );
  border: 0px inset;
  text-align: left;
  text-indent: 10px;
  position: relative;
  border: 1px solid rgb(239, 73, 50);
  z-index: 9;
  border-radius: 0;
  padding: 0px;
}

.membership i {
    position: absolute;
    top: 0px;
    left: 100%;
    z-index: 9;
    background: #ef4932;
    height: 65px;
    line-height: 3.1em;
    font-size: 21px;
    color: #ffffff;
    padding-left: 3px;
    padding-right: 3px;
    width: 18px;
    cursor: pointer;
}

.check-membership h3 {
  padding-bottom: 20px;
  color: #25857e;
}

.check-membership button {
    display: inline-block;
    width: 245px;
    height: 65px;
    line-height: 2.6em;
    position: relative;
    text-decoration: none;
    color: #ffffff;
    font-size: 18px;
    font-family: "open_sans_condensed_lightRg";
    z-index: 10;
    background: #00c6b9;
    border: 1px solid #cccccc;
}


/* - - - - - - - - - - - - - - - */

.product-row {
  text-align: center;
  padding: 30px;
  background-color: #ffffffcc;
  overflow: auto;
  border-radius: 20px;
  margin-left: 10px;
  margin-right: 10px;

}

.product-txt h2 {
  width: 250px;
  margin-top: 20px;
  display: inline-block;
}

.product-img {
  width: 250px;
  border-radius: 10px;
}

.product-txt{
 text-align: center;
}

.product-price {
  margin-top: 10px;
  font-weight: bold;
  font-size: 30px !important;
  text-align: center !important;
}

.product-price span {
  text-decoration: line-through;
  vertical-align: super;
  font-weight: normal;
  margin-left: 10px;
  font-size: 18px !important;
}

.see_on_amazon-btn {
    width: 250px;
    height: 60px;
    background-color: rgb(239, 73, 50);
    line-height: 2.1em;
    margin-top: 0px;
    text-decoration: none;
    text-align: center;
    color: #ffffff;
    font-size: 30px;
    font-family: "open_sans_condensed_lightRg";
    text-transform: uppercase;
    position: relative;
    display: inline-block;
}

.product-description {
  margin-top: 20px;
  width: 250px;
}

.idx-number {
  text-decoration: none;
  text-align: center;
  color:#ffffff;
  font-size: 50px;
  font-family: "open_sansbold";
  text-transform: uppercase;
  position: relative;
  text-align: left;
  border-bottom: 1px solid #ffffff;
  margin-bottom: 20px;
  width: 50%;
  opacity: .5;
  margin-left: 10px;
}

.product-heading {
  color: #ef4932;
  font-size: 28px;
  font-family: "open_sansregular";
  text-transform: uppercase;
  position: relative;
  text-align: left;
  margin-bottom: 20px;
  margin-left: 10px;
}


.product-description {
  margin-top: 20px;
  margin-bottom: 10px !important;

}

.couponarea.generic-text.product-page, .couponarea.generic-text.product-page .couponarea {
  margin-top: 10px;
  margin-bottom: 10px;
}




