/**
* Table of Contents:
*
* 1.0 - General
* 2.0 - Navigation
* 3.0 - Search
* 4.0 - Categories
* 5.0 - Spotlights
* 6.0 - Third Party Adverts
* 7.0 - Advice
* 8.0 - Special Offers

* ----------------------------------------------------------------------------
*/
/**
 * 1.0 General
 * ----------------------------------------------------------------------------
 */
.addborder:after {
  float: left;
  content: "";
  width: 100%;
  height: 1px;
  display: block;
  clear: both;
  margin: 2em 0;
  background: -moz-linear-gradient(left, rgba(188, 188, 188, 0) 0, #bcbcbc 25%, #bcbcbc 75%, rgba(188, 188, 188, 0) 99%, rgba(188, 188, 188, 0) 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(188, 188, 188, 0)), color-stop(25%, #BCBCBC), color-stop(75%, #BCBCBC), color-stop(99%, rgba(188, 188, 188, 0)), color-stop(100%, rgba(188, 188, 188, 0)));
  background: -webkit-linear-gradient(left, rgba(188, 188, 188, 0) 0, #BCBCBC 25%, #BCBCBC 75%, rgba(188, 188, 188, 0) 99%, rgba(188, 188, 188, 0) 100%);
  background: -o-linear-gradient(left, rgba(188, 188, 188, 0) 0, #bcbcbc 25%, #bcbcbc 75%, rgba(188, 188, 188, 0) 99%, rgba(188, 188, 188, 0) 100%);
  background: -ms-linear-gradient(left, rgba(188, 188, 188, 0) 0, #bcbcbc 25%, #bcbcbc 75%, rgba(188, 188, 188, 0) 99%, rgba(188, 188, 188, 0) 100%);
  background: linear-gradient(to right, rgba(188, 188, 188, 0) 0, #BCBCBC 25%, #BCBCBC 75%, rgba(188, 188, 188, 0) 99%, rgba(188, 188, 188, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00bcbcbc",endColorstr="#00bcbcbc",GradientType=1);
}

body, button, input, select, textarea {
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
}

#skiptocontent {
  height: 1px;
  width: 1px;
  position: absolute;
  overflow: hidden;
  top: -10px;
}

/**
 * 2.0 Navigation
 * ----------------------------------------------------------------------------
 */
@media (max-width: 1024px) {
  #header {
    background-color: #fff;
  }
  #header #logo {
    height: auto;
  }
  #header #logo .desktop {
    display: none;
  }
  #header #logo .mobile {
    display: block;
  }
  #header #header-content {
    padding: 0 0;
  }
}
/**
 * 3.0 Search
 * ----------------------------------------------------------------------------
 */
#search {
  margin-bottom: 0;
  position: relative;
  background: #147A86;
  background-image: url("../images/common/FSSearchBackground.png");
  background-position: center;
  background-repeat: no-repeat;
}
#search .content {
  position: relative;
  padding: 4em 0 0em 0;
}

#promote {
  width: 12em;
  padding: 0em 0 0 1.6em;
  float: right;
  position: relative;
  z-index: 10;
  border-left: 1px solid #020915;
  height: 4em;
}
#promote h2 {
  font-size: 0.95em;
  margin-top: 0;
  margin-bottom: 0.7em;
  color: #fff;
  display: block;
  font-weight: normal;
}
#promote p {
  font-size: 0.8em;
}
#promote .button {
  color: #152740;
  background-color: #9FDBCF;
  background: -webkit-gradient(linear, left top, left bottom, from(#A8E6D9), to(#9FDBCF));
  background: -webkit-linear-gradient(top, #A8E6D9, #9FDBCF);
  background: -moz-linear-gradient(top, #A8E6D9, #9FDBCF);
  background: -ms-linear-gradient(top, #A8E6D9, #9FDBCF);
  background: -o-linear-gradient(top, #A8E6D9, #9FDBCF);
  background: linear-gradient(top, #A8E6D9, #9FDBCF);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr="#A8E6D9", EndColorStr="#9FDBCF");
  border: 1px solid #9FDBCF;
  font-size: 0.85em;
  margin-top: 1.2em;
}
#promote .button span {
  padding: 0.4em 1em;
  display: block;
}
#promote .button:hover {
  background-color: #94d7c9;
  background: -webkit-gradient(linear, left top, left bottom, from(#9ce3d4), to(#94d7c9));
  background: -webkit-linear-gradient(top, #9ce3d4, #94d7c9);
  background: -moz-linear-gradient(top, #9ce3d4, #94d7c9);
  background: -ms-linear-gradient(top, #9ce3d4, #94d7c9);
  background: -o-linear-gradient(top, #9ce3d4, #94d7c9);
  background: linear-gradient(top, #9ce3d4, #94d7c9);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr="#9ce3d4", EndColorStr="#94d7c9");
}
#promote .fa {
  margin-left: 0.5em;
}

#searchBar {
  background-color: #152740;
  padding: 1.5em 1.5em 2em 1.5em;
  width: 100%;
  max-width: 50em;
  margin: 0 auto;
  position: relative;
  z-index: 10;
  margin-bottom: -2em;
}
#searchBar:after {
  display: block;
  content: "";
  clear: both;
}
#searchBar h1 {
  color: #fff;
  font-weight: 300;
  font-size: 1.7em;
  margin: 0 0 0.7em 0;
  text-align: left;
  width: 100%;
  display: block;
  /* font-weight: bold; */
  text-align: center;
  /* color: #95c127; */
}
#searchBar fieldset {
  padding: 0;
}
#searchBar #searchForm {
  width: calc(100% - 13.5em);
  float: left;
  padding: 0.4em 0;
}
@media (max-width: 800px) {
  #searchBar #searchForm {
    width: 100%;
  }
}
#searchBar #searchSuggestions {
  top: 100%;
}

@media (max-width: 1024px) {
  #search {
    padding-top: 0;
  }
  #search .content {
    padding: 2em 1em;
  }
  #searchBar {
    margin-bottom: 0;
  }
}
@media (max-width: 800px) {
  #promote {
    display: none;
  }
  #searchBar {
    background-color: rgba(0, 0, 0, 0);
    padding: 0;
    margin-bottom: 0;
    width: 100%;
  }
  #searchBar fieldset {
    padding: 0;
  }
  #searchBar h1 {
    display: none;
  }
}
@media (max-width: 650px) {
  #searchBar h1 {
    display: none;
  }
}
.more-options {
  font-size: 0.938em;
}
.more-options #select-categories {
  color: #000;
  background: #fff;
  box-shadow: 0 3px 0 #e6e6e6;
  font-weight: normal;
}
.more-options #select-categories:hover {
  background: white;
}
.more-options #select-categories:focus {
  box-shadow: 0 3px 0 #e6e6e6 inset;
}
.more-options #select-categories span {
  padding: 0.5em 1em;
  display: block;
}
.more-options #select-categories span:before {
  margin-right: 0.5em;
}
.more-options ul {
  padding: 0;
}
.more-options ul > li {
  float: left;
}
.more-options ul li {
  list-style-type: none;
  margin-bottom: 0.5em;
}
.more-options ul h4 {
  margin-top: 0;
  margin-bottom: 0.75em;
}
.more-options ul ol {
  display: inline-block;
  padding: 0;
}
.more-options ul .type li {
  line-height: 1.7;
}
.more-options ul .price ol > li {
  margin-bottom: 0.5em;
}
.more-options ul .price label {
  width: 3em;
  display: inline-block;
  vertical-align: middle;
}
.more-options ul .price .selectboxit-container {
  vertical-align: middle;
}
.more-options ul .price .selectboxit-container .selectboxit {
  width: 9em !important;
}
.more-options ul .price .selectboxit-container > span {
  height: 38px;
}
.more-options ul .price .selectboxit-container span {
  line-height: 38px;
}

.catagory {
  width: 27.5%;
}

.type {
  width: 45%;
}
.type li {
  width: 50%;
  float: left;
}

.price {
  width: 27.5%;
}

/**
 * 4.0 categories
 * ----------------------------------------------------------------------------
 */
#categories {
  position: relative;
  background-color: #fff;
  padding-top: 4em;
  overflow: hidden;
}
#categories .content {
  font-size: 0.8em;
  position: relative;
  min-height: 3em;
}
#categories .content:after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: -webkit-linear-gradient(left, rgba(229, 229, 229, 0) 0, #ccc 50%, rgba(229, 229, 229, 0) 100%);
  background: linear-gradient(to right, rgba(229, 229, 229, 0) 0, rgba(0, 0, 0, 0.2) 50%, rgba(229, 229, 229, 0) 100%);
  position: absolute;
  bottom: 0;
  left: 0;
}

.top-categories {
  margin: 0;
  padding: 0.7em 0;
  overflow: hidden;
  width: 100%;
  float: left;
}
.top-categories li {
  display: inline-block;
  float: left;
  width: 14.7%;
  margin: 0 2.3% 1.4em 0;
  position: relative;
  overflow: hidden;
  border: 1px solid #E6E6E6;
  color: #383838;
  background: #FAFAFA;
  box-shadow: 0 3px 0 #9B9B9B;
  text-align: center;
  cursor: pointer;
  font-weight: bold;
  border-radius: 5px;
  text-decoration: none;
}
.top-categories li:nth-child(6n+6) {
  margin-right: 0;
}
.top-categories li a {
  color: #2d2d2d;
  text-decoration: none;
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  padding: 1em;
}
.top-categories li:active {
  box-shadow: none;
  margin-top: 0;
}

#view-more-categories {
  margin: 0;
  padding: 0;
}
#view-more-categories #desktop {
  font-weight: bold;
  list-style-type: none;
  border-top: 1px solid #e9e9e9;
  padding: 1em 0;
  width: 100%;
  clear: both;
  text-align: center;
  float: left;
}
#view-more-categories #desktop .active .fa:before {
  content: "\f077";
}
#view-more-categories #mobile {
  display: none;
}
#view-more-categories a {
  color: #000;
  text-decoration: none;
}
#view-more-categories a:hover {
  color: #B0E627;
}

#all-categories {
  padding: 1em 0 0;
  clear: both;
}
#all-categories ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
  display: inline-block;
  vertical-align: top;
  width: 16.8%;
  margin-right: 3.4%;
}
#all-categories ul:last-child {
  margin-right: 0;
  float: right;
}
#all-categories li:last-child a {
  border-bottom: none;
}
#all-categories a {
  color: #000;
  text-decoration: none;
  padding: 0.7em 0;
  border-bottom: 1px solid #e9e9e9;
  width: 100%;
  display: block;
}
#all-categories a:hover {
  text-decoration: underline;
  color: #B0E627;
}
#all-categories a:visited {
  color: #990062;
}
#all-categories h2 {
  font-size: 1.1em;
  font-weight: 100;
  margin-top: 0;
  color: #fff;
}

.svg-container {
  display: inline-block;
  position: relative;
  width: 100%;
  padding-bottom: 3%;
  vertical-align: middle;
  overflow: hidden;
}
.svg-container .svg-content {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
}

@media (min-width: 1025px) {
  .top-categories li:hover {
    margin-top: -3px;
    box-shadow: 0 6px 0 #9B9B9B;
  }
  .top-categories li:hover a {
    color: #B0E627;
  }
}
@media (max-width: 1024px) {
  #categories {
    padding-top: 1em;
  }
  #categories .content {
    min-height: 4.4em;
  }
  #view-more-categories #desktop {
    float: right;
    position: relative;
    padding: 0.7em 0;
    margin: 0.7em 0 0 0;
  }
  #view-more-categories #desktop a {
    line-height: 2;
  }
  .svg-container {
    display: none;
  }
}
@media (max-width: 980px) {
  .top-categories li {
    width: 23.2%;
  }
  .top-categories li:nth-child(6n+6) {
    margin-right: 2.3%;
  }
  .top-categories li:nth-child(4n+4) {
    margin-right: 0;
  }
}
@media (max-width: 650px) {
  .cat-home:before {
    content: "\f015";
  }
  .cat-fastfood:before {
    content: "\f0f5";
  }
  .cat-business:before {
    content: "\f0b1";
  }
  .cat-food:before {
    content: "\f0f5";
  }
  .cat-top:before {
    content: "\f005";
  }
  .cat-womens:before {
    content: "\f182";
  }
  .cat-letting:before {
    content: "\f084";
  }
  .cat-automotive:before {
    content: "\f1b9";
  }
  .cat-cleaning:before {
    content: "\e608";
  }
  .cat-browseall:before {
    content: "\f054";
  }
  #categories {
    position: relative;
    background: none;
  }
  #categories .content {
    font-size: 0.8em;
    position: relative;
    background: none;
    float: left;
    width: 100%;
  }
  #categories .content .top-categories,
#categories .content #view-more-categories {
    overflow: visible;
    width: 100%;
    height: auto;
    float: none;
    padding: 1em 0 0;
  }
  #categories .content .top-categories li,
#categories .content #view-more-categories li {
    float: left;
    list-style-type: none;
    width: 33.3%;
    border: 1px solid #e9e9e9;
    margin: -1px 0 0 -1px;
    background: #fff;
    box-shadow: none;
    border-radius: 0;
    height: 9em;
  }
  #categories .content .top-categories li:nth-child(1n+9),
#categories .content #view-more-categories li:nth-child(1n+9) {
    display: none;
  }
  #categories .content .top-categories li a,
#categories .content #view-more-categories li a {
    color: #2d2d2d;
    padding: 1.7em 0;
    text-align: center;
    width: 100%;
    display: block;
    text-decoration: none;
    font-weight: bold;
  }
  #categories .content .top-categories li .icon:before,
#categories .content #view-more-categories li .icon:before {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 3em;
    display: block;
    margin-bottom: 0.3em;
  }
  #categories .content #view-more-categories #desktop {
    display: none;
  }
  #categories .content #view-more-categories #mobile {
    display: block;
  }
  #categories .content #view-more-categories .icon:before {
    width: 100%;
    display: block;
    margin-bottom: 0.5em;
  }
  #all-categories {
    display: none !important;
  }
}
@media print {
  #all-categories {
    display: block !important;
  }
}
/**
 * 5.0 Spotlights
 * ----------------------------------------------------------------------------
 */
#spotlights ul {
  list-style-type: none;
  width: 100%;
  float: left;
  padding: 0;
  margin: 2em 0;
}
#spotlights li {
  float: left;
  width: 31.8%;
  margin-right: 2.3%;
  margin-bottom: 1em;
  text-align: center;
  position: relative;
  height: 144px;
  overflow: hidden;
}
#spotlights li:nth-child(3n+0) {
  margin-right: 0;
}
#spotlights li a {
  color: #000;
  opacity: 0.9;
  width: 100%;
  height: 100%;
  background: #fff;
  display: block;
}
#spotlights li a .image {
  width: 100%;
  padding: 2.15em 1em;
  display: block;
  opacity: 0.85;
}
#spotlights li a .spotlight-info {
  width: 100%;
  position: absolute;
  background: rgba(0, 0, 0, 0.9);
  color: #fff;
  padding: 1em;
  bottom: -144px;
}
#spotlights li a .spotlight-info h3 {
  margin: 0;
  margin-bottom: 0.3em;
  font-size: 0.95em;
}
#spotlights li a .spotlight-info p {
  font-size: 0.85em;
  margin: 0;
  margin-bottom: 0.3em;
}

@media (min-width: 1024px) {
  #spotlights li a:hover {
    text-decoration: none;
  }
  #spotlights li a:hover .image {
    opacity: 1;
  }
  #spotlights li a:hover .spotlight-info {
    bottom: 0;
  }
}
@media (max-width: 650px) {
  #spotlights {
    display: none;
  }
}
@media print {
  .spotlight-info {
    bottom: 0 !important;
  }
}
/**
 * 6.0 Third Party Adverts
 * ----------------------------------------------------------------------------
 */
.third-party {
  text-align: center;
  position: relative;
  clear: both;
}
.third-party .content {
  padding: 0 1.875em;
}
.third-party .content span {
  font-size: 0.8em;
  margin-bottom: 0.5em;
  display: block;
  width: 100%;
  color: #666;
  text-align: center;
}
.third-party .third-party-promo {
  margin: 0 auto;
}
.third-party #partners {
  list-style-type: none;
  margin: 0;
}
.third-party #partners li {
  display: none;
}

@media (max-width: 1024px) {
  .third-party {
    display: none;
  }
}
/**
 * 7.0 Advice
 * ----------------------------------------------------------------------------
 */
#advice h2 {
  text-align: center;
  font-weight: normal;
  margin-top: 1.85em;
}
#advice .advice-article {
  padding: 0 1.875em;
  float: left;
  width: 100%;
}
#advice .advice-article h2 {
  margin-top: 0;
}
#advice .advice-article li {
  padding: 0 1.5em 1.5em;
}
#advice .advice-article .button {
  color: #152740;
  background-color: #A3D524;
  background: -webkit-gradient(linear, left top, left bottom, from(#B0E627), to(#A3D524));
  background: -webkit-linear-gradient(top, #B0E627, #A3D524);
  background: -moz-linear-gradient(top, #B0E627, #A3D524);
  background: -ms-linear-gradient(top, #B0E627, #A3D524);
  background: -o-linear-gradient(top, #B0E627, #A3D524);
  background: linear-gradient(top, #B0E627, #A3D524);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr="#B0E627", EndColorStr="#A3D524");
  border: 1px solid #A3D524;
}
#advice .advice-article .button:hover {
  background-color: #99c822;
  background: -webkit-gradient(linear, left top, left bottom, from(#abe31a), to(#99c822));
  background: -webkit-linear-gradient(top, #abe31a, #99c822);
  background: -moz-linear-gradient(top, #abe31a, #99c822);
  background: -ms-linear-gradient(top, #abe31a, #99c822);
  background: -o-linear-gradient(top, #abe31a, #99c822);
  background: linear-gradient(top, #abe31a, #99c822);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr="#abe31a", EndColorStr="#99c822");
}
#advice .advice-article .button span {
  padding: 1em 1.5em;
  display: block;
}
#advice .advice-article .bx-viewport {
  padding-bottom: 1.5em;
}
#advice .advice-timeline a {
  -webkit-transition: all, 0.2s, ease-in-out;
  -moz-transition: all, 0.2s, ease-in-out;
  -o-transition: all, 0.2s, ease-in-out;
  transition: all, 0.2s, ease-in-out;
  list-style-type: none;
  float: left;
  width: 25%;
  text-align: center;
  padding: 0 1.2em;
  border-bottom: 0.1em solid #2d2d2d;
  color: #000;
  text-decoration: none;
}
#advice .advice-timeline a:after {
  -webkit-transition: all, 0.2s, ease-in-out;
  -moz-transition: all, 0.2s, ease-in-out;
  -o-transition: all, 0.2s, ease-in-out;
  transition: all, 0.2s, ease-in-out;
  width: 0.1em;
  display: block;
  height: 1em;
  content: "";
  margin: 0.5em auto 0 auto;
  background: #2d2d2d;
}
#advice .advice-timeline a:hover {
  border-bottom: 0.313em solid #147A86;
  color: #147A86;
  text-decoration: none;
}
#advice .advice-timeline a:hover:after {
  background: #147A86;
  margin-bottom: -2px;
}
#advice .advice-timeline .active {
  border-bottom: 0.313em solid #147A86;
  color: #147A86;
  text-decoration: none;
}
#advice .advice-timeline .active:after {
  background: #147A86;
  margin-bottom: -2px;
}
#advice .advice-copy {
  float: left;
  width: 50%;
}
#advice .advice-copy h3 {
  font-size: 1.375em;
}
#advice .advice-copy p {
  clear: left;
  margin: 0 0 1.5em;
  line-height: 1.5;
}
#advice .advice-copy .btn {
  float: left;
}
#advice .advice-image {
  width: 45%;
  float: right;
  padding: 0 0 0 4em;
  margin-top: 1em;
}
#advice .advice-image img {
  width: 100%;
}

.advice-article {
  visibility: hidden;
}

@media (max-width: 1024px) {
  #advice .advice-timeline a {
    font-size: 0.9em;
    padding: 0 0.2em;
  }
  #advice .advice-timeline span {
    min-height: 2.7em;
    display: block;
  }
}
@media (max-width: 650px) {
  #advice h2 {
    font-size: 1.3em;
  }
  #advice .advice-timeline {
    width: 100%;
    display: block;
    text-align: center;
  }
  #advice .advice-timeline a {
    background: #666;
    width: 10px;
    height: 10px;
    margin: 0 2px;
    outline: 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    display: inline-block;
    text-align: center;
    float: none;
  }
  #advice .advice-timeline a:after {
    display: none;
  }
  #advice .advice-timeline a span {
    display: none;
  }
  #advice .advice-timeline a.active {
    background: #2d2d2d;
    border-bottom: none;
    color: #B0E627;
    text-decoration: none;
  }
  #advice .advice-copy {
    text-align: center;
    float: none;
    width: 100%;
  }
  #advice .advice-copy h3 {
    margin-top: 0;
    font-size: 1em;
  }
  #advice .advice-copy p {
    font-size: 0.8em;
  }
  #advice .advice-copy .button {
    color: #152740;
    background-color: #A3D524;
    background: -webkit-gradient(linear, left top, left bottom, from(#B0E627), to(#A3D524));
    background: -webkit-linear-gradient(top, #B0E627, #A3D524);
    background: -moz-linear-gradient(top, #B0E627, #A3D524);
    background: -ms-linear-gradient(top, #B0E627, #A3D524);
    background: -o-linear-gradient(top, #B0E627, #A3D524);
    background: linear-gradient(top, #B0E627, #A3D524);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr="#B0E627", EndColorStr="#A3D524");
    border: 1px solid #A3D524;
  }
  #advice .advice-copy .button:hover {
    background-color: #99c822;
    background: -webkit-gradient(linear, left top, left bottom, from(#abe31a), to(#99c822));
    background: -webkit-linear-gradient(top, #abe31a, #99c822);
    background: -moz-linear-gradient(top, #abe31a, #99c822);
    background: -ms-linear-gradient(top, #abe31a, #99c822);
    background: -o-linear-gradient(top, #abe31a, #99c822);
    background: linear-gradient(top, #abe31a, #99c822);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr="#abe31a", EndColorStr="#99c822");
  }
  #advice .advice-copy .button span {
    padding: 1em 1.5em;
    display: block;
  }
  #advice .advice-image {
    max-width: 162px;
    margin-bottom: 1em;
    margin-left: auto;
    margin-right: auto;
    float: none;
    width: 100%;
    padding: 0;
  }
  #advice .advice-image img {
    width: 100%;
  }
}
@media print {
  .bx-viewport {
    overflow: visible !important;
  }
  .adviceSlider {
    width: 100% !important;
  }
}
/**
 * 8.0 Special Offers
 * ----------------------------------------------------------------------------
 */
.special-offers {
  position: relative;
  padding: 1em;
  display: block;
  text-decoration: none;
  margin: 2em 0;
  clear: both;
}
.special-offers a {
  display: block;
  color: #fff;
  text-decoration: none;
}
.special-offers a:hover {
  text-decoration: none;
}
.special-offers .content {
  background-color: #147A86;
  padding: 1em 2em;
}
.special-offers .content:hover {
  background: #178e9c;
}
.special-offers .offers-copy {
  width: 90%;
}
.special-offers .offers-copy:before {
  font: normal normal normal 14px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f005";
  font-size: 7em;
  margin-right: 0.2em;
  float: left;
  color: #fff;
}
.special-offers .offers-copy h2 {
  margin: 0;
  font-weight: normal;
  font-size: 1.7em;
  padding: 0.3em 0 0.5em;
}
.special-offers .offers-copy p {
  margin: 0 0;
}

@media (max-width: 650px) {
  .special-offers {
    margin-top: 2em;
  }
  .special-offers .offers-copy {
    width: 100%;
  }
  .special-offers .offers-copy h2 {
    margin: 0 0 0.5em 0;
    font-weight: normal;
    padding: 0.3em 0;
  }
  .special-offers .offers-copy:before {
    display: none;
  }
}

/*# sourceMappingURL=home.css.map */