/* Generated by less 2.5.1 */
/*7==========~=~~::::~~~===+++++++++++???+???????+?+?????????????????I???IIIIIIIIIIIIIIIIIIIIIII77 .
+++++++++++++====~~::::~~~=======+++++++++++++++++++++++++?+??????????????IIIIIIIIIIIIIIIIIIIIIIII7.
7+++?+???++++++====~::::~~~~~=============+=+===+===+=+=+++++++++?+?????????IIIIIIIIIIIIIIIIIIIIII7O
7?????????????+++====~~:::~~~~~~~==~======================+===+++++++++??????IIIIIIIIIIIIIIIIIIIII78
7I?IIIIII?I?????+++====~:::~~~~~~~~=~~==~~=~===~=~=~==~==========++++++++????IIIIIIIIIIIII7III7III78
7IIIIIIIIIIII????++++==~~~~:~~~~~~~~~=~DDDNND88OOOOOO88DDOZZ+======+++++++????IIIIIIIIIIIIII7I777778
7IIIIIIIIIIIIII??++++===~~~~~~::~NDNDOZ$$$$$$$$$$$$$$$$$$$$$$$ZD77===++++?+????IIIIIII77II7777777778
77I7I777I7IIIII????++====~=~~ODNOZZ$$$$$$$$777777777777777$$$$$$$$Z8II=++++????IIIIII7I7777777777778
777777777I7IIIII???++++==+DNDZZ$$$$$$77777777777IIII7I7777777777$$$$$$ZO++++???IIIII7777777777777778
7777777777777IIII????++INDZZ$$$$$777777IIIIIIIIIIIIIIIIIIIIIII777777$$$$$O++???IIIII7777777777777778
77777777777777III????$D8ZZ$$$$77777IIIIIII??????ZMMD??????IIIIIII777777$$$$Z$=I?III77777777777777778
777$777$777777IIII??D8ZZZ$$$7777IIIII?????????MMMMMMMM?????????IIIIII7777$$$$Z7=III777777777$7$7$7$8
7$$$$7$7$777777IIIDNZZZ$$$$777IIIII?????++++NMMM8$MMMMMM+++++??????IIII7777$$$ZZ,I77777777$77$$$$$$8
7$$$$$$$$$77$7777DOZZ$$$$777IIII?????++++=MMMMOZZZZMMMMMMM=+++++?????IIII7777$$$ZO,77777$7$7$$$$$$$8
$$$$$$$$$$$$7778NZZZ$$$7777III????++++==MMMMZMMMM$$$7MMMMMMM===++++????III777$$$$ZZ.77$$$$$$$$$$$$$D
$$$$$$$$$$$$$$ONZZZ$$$777IIII????+$MMDMMMMZZMMMMMMM77IIMMMMMMM+==++++???III7777$$$ZZ.$7$$$$$$$$$$$$D
$$$$$$$$$$$$$ZNZZZ$$$777III????++MMNMMMMDMZ$$7O7MMMMMI???DMMMMN===++++???IIII777$$$ZZ.$$$$$$$$$$$$$D
$$$$$$$$$$$$$DOZZ$$$$777III???++=MMMMMZZZ$8M777IMMMMMMM?:MMMNDN~====+++???III777$$$ZZO=$$$$$$$$$$$$D
$Z$$Z$$$Z$$$$8ZZZ$$$777III???+++MMMMZZ$NM$77$MII??MMMMMMMMDDD~~~~====+++???III777$$$ZZ:$$$Z$$ZZ$$Z$D
$$ZZ$$$$$$$$NZZZZ$$777III???+IMMMD$$MD7777MII??MI?++$MMMDDD,:::~~~====+++??III777$$$ZZZ:$$$$Z$ZZZ$$D
$ZZZZZZ$Z$Z78ZZZ$$$777III???MMMNZM$777M8IIIOM?+++M=MMMDDD,,:::::~~~===+++???III777$$$ZZ~$$Z$$ZZZ$Z$D
$ZZZZZZZZZZ7OZZZ$$$777IIIZMMMNM$$77MIIIIMM??+IM=MMMMD8D.,,,,::::~~~===+++???III777$$$ZZ$$$ZZZZZZZZ$D
$ZZZZZZZZZZDOZZZ$$$777I$MMMN$MMMM7IIIMI+?+MN==MMMMDOO...,,,,::::~~~===+++???III777$$$ZZZIZZZZZZZZZ$D
$ZZZZZZZZZ$NOZZZ$$$77IMMMMZ$77NMMMM????M?+==MMMM8OZZOZ,,,,,,::::~~~===+++???III777$$$ZZZ+ZZZZZZZZZZD
ZZZZZZZZZZZDOZZZZ$$7777MMMMM8III8MMMM++==MMMMN8O$ZO8DDND?,,::::~~~====+++???III777$$$ZZOIZZZZZZZZZZD
ZZZZZZZZZZZ?OOZZZ$$$777I7MMMMMO??+8MMMM~MMMM8O8,,?ODNNMMNNN:::~~~~===+++???III777$$$ZZZZZZZZZZZZZZZD
ZZZZZZZZZZZ~OOZZZZ$$777III?MMMMMN+==~~MMMND8+:::,,,ZDMMMMMMMM:~~~===+++???III7777$$ZZZZIZZZZZZZZZZZD
ZZZZZZZZZZZ=DOOZZZ$$$777III??MMMMMMMMMMNDD?::::::::::NMMMMMMMMM====+++???IIII777$$$ZZZO$ZZZZOZZZOZZD
ZZZZZZZZZZZZ,OOZZZZ$$$777III???MMMMMMNDD~=~~~~~~~:::~~~MMMMMMMMMMO=++????III777$$$ZZZZ$ZZZZZZZZZZOZD
ZOZZZZZZZZZZZZOOZZZZ$$$777IIII???NMDDD======~~~~~~~~~~~~=MMMMMMMMMMM???IIII777$$$ZZZZOZZZZZZZZZZZZZD
ZOOZOOOZZZOZZ.DOOOZZZ$$$7777IIII????+++++==================MMMMMMMMMMMIII7777$$$ZZZZOZZZZZOZZOZOZOZD
ZOOOZOOOOOZZZZ.DOOOZZZ$$$$7777IIII?????+++++++++======+++++++MMMMMMMMMMMI77$$$$ZZZZOOZZZOZOZOZOOOOOD
OOOZOZOOOZOOZZZ.DOOOZZZZ$$$$7777IIII???????+++++++++++++++????IMMMMMMMMMMM$$$$ZZZOO8ZZOZOZOOZOOOZOOD
OOOOZOOOOOOOZZZZ7IOOOOZZZZ$$$$77777IIIII????????????????????IIIIIMMMMMMMMMMMZZZOOOOZZZZOOOOOOOOOOOOD
OOOOOOOOOOOOOZOZZZ:8OOOZZZZZ$$$$$77777IIIIIIIIIIII??IIIIIIIIIII7777MMMMMMMMMMMZO8ZZZZZZOOOOOOOOOOOOD
OOOOOOOOOOOOOOZZZZZ7=OOOOOZZZZZ$$$$$77777777IIIIIIIIIIIII77777777$$$$MMMMMMMMMN8$ZZZZOOOOOOOOOOOOOOD
OOOOOOOOOOOOOZOOZZZZZI=8OOOOZZZZZ$$$$$$$77777777777777777777$$$$$$$$ZZZNMMMMND$ZZZZZZZOOOOOOOOOOOOOD
OOOOOOOOOOOOOOOOOZZZZZZ7=8OOOOOZZZZZZ$$$$$$$$$$$$$$$$$$$$$$$$$$ZZZZZZZOOONN8$$$ZZZZZZOOOOOOOOOOOOOON
OOOOOOOOOOOOOOOOOOOZZZZZZZ+78OOOOOOZZZZZZZZZZZ$$$$$$$$$ZZZZZZZZZZZOOOOO8D$$$$$ZZZZZZOZOOOOOOOOOOOOOD
OOOOOOOOOOOOOOOOOOOZOZZZZZZ$Z7I888OOOOOOOOOZZZZZZZZZZZZZZZZOOOOOOOOOND7$$$$$$$ZZZZZOOOOOOOOOOOOOOOOD
OOOOOOOOOOOOOOOOOOOOOOOZZZZZZZ$Z$778OOOOOOOOOOOOOOOOOOOOOOOOOOOODN$$7$7$$$$$$ZZZZZOOOOOOOOOOOOOOOOOD
OOOOOOO8OOOOOOOOOOOOOOOOOZZZZZZZZZZ$$Z$ZOOO888OOO888888O8DDNZ$$$$$$$$$$$$$$$$ZZZZZZOOOOOOOOOOOOOOOON
OOOO8OOOOOOOOOOOOOOOOOOOOOZOZZZZZZZZ$ZZ$ZZZ$Z$Z$Z$Z$$$$$$$$Z$Z$Z$Z$$$$$$$$$$$$ZZZZOZOOOOOOOOOOOOOOON
OOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZ$$$$$$$$$$ZZZZZZOOOOOOOOOOOOOO8N
88OO8888OO88OO8OOO8OOOOOOOOOOOOOOOZOZZOOZZOZZZZZZZZZZZZZZZZZZZZZZZZZZZZZ$Z$$$$$$ZZZZZZOOZZOZOOOOZO8D
88O8O8O8O8O888OOOOOOOOOOOOOOOOOOOOOOOOOOOOOOZOOOZOOOZOOZOOOZOZOOOZOZZZZZZZZZ$$$$$ZZZZZZZZZZZOZOZOZ8
.O8O88O88O88OO8OOO8OOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOZOZZZZZZZZ$$$$ZZZZZZZZZZZZZZ8M..
 ....OMMMMMMMMMMMMMMMMMMMM      CHCRAFT version 1.0 June 2012       MMMMMMMMMMMMMMMMMMMMMM8: ...*/
/* Some code exerpts from LESS Elements 0.9 - http://lesselements.com */
/* -_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_ */
/*          LESS VARIABLES            */
/* -_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_ */
/* style variant weight size/line-height family */
/* backslash character must be escaped to prevent LESS from dividing font size by line height */
/* |||||| EZ-DIVs ||||||| */
/*
Nest this little mixin inside your div style to invoke a shorthand string of common sizing declarations.
EXAMPLE .ezdiv(@abs,100px,@a,@a,0px,1,100%,0,@n,@a,0,@n);

  results in this -->      position: absolute;
                          top: 100px;
                          right: auto;
                          bottom: auto;
                          left: 0px;
                          z-index: 1;
                          width: 100%;
                          min-width: 0;
                          height: auto;
                          min-height: 0;

Note that "AUTO" (a), x%, and em/en/px are all valid units for position and dimension variables.
Min-width/height defaults are 0px.
*/
/* |||||| COLUMNS ||||||| */
/* |||||| BORDER IMAGE ||||||| */
/*  SYNTAX:
    border-image:image-path top-right-width, top-left-width, bottom-right-width, bottom-left-width */
/*  EXAMPLES:
    border-style:solid; <--- for older browser compatibility
    border-color:transparent; <--- for older browser compatibility, can be set to a fallback color of choice
    border-width:20px 21px 20px 20px; <--- for older browser compatibility
    .border_image (@bih2, 40, 20, 40, 20);
*/
/* |||||| ROUNDED CORNERS ||||||| */
/*  SYNTAX: .border-radius: 5px 10px 15px 20px; (top-left, top-right, bottom-right, bottom-left */
/* |||||| BOX SHADOW ||||||| */
/*  SYNTAX:
    box-shadow:<inset (on or off)>, <x offset>, <y-offset>, <feather>, <color>; */
/*  EXAMPLES:
  box-shadow: 5px 5px rgba(0,0,0,0.5); --opacity
  box-shadow: 0 0 10px 5px black,
        40px -30px lime,
        40px 30px 50px red,
        -40px 30px yellow,
        -40px -30px 50px blue; --multiple colors
*/
/* |||||| INNER SHADOW ||||||| */
/* Creates an inner shadow on the specified element */
/* |||||| BOX SIZING ||||||| */
/* Changes how box sizing is calculated */
/*

content-box: the default. Width and height values apply to the element's
content only. The padding and border are added to the outside of the box.

padding-box: Width and height values apply to the element's content
and its padding. The border is added to the outside of the box.
Currently, only Firefox supports the padding-box value.

border-box: Width and height values apply to the content, padding,
and border.

inherit: inherits the box sizing of the parent element.
#

*/
/* |||||| USER SELECT ||||||| */
/* disables text select on the specified element */
/* |||||| BACKGROUND GRADIENTS ||||||| */
/*  EXAMPLE:
  .gradient(#F5F5F5, #EEE, FFF);
*/
/* |||||| BACKGROUND GRADIENTS for survey ||||||| */
/* |||||| BACKGROUND GRADIENTS for survey ||||||| */
/* |||||| JAVASCRIPT FUNCTION EMBEDDING ||||||| */
/*
EXAMPLE
@var:`Math.round(45/8)`;
#specialtest    {width:"@{var}px";}
*/
/* |||||| OPACITY FOR ALL BROWSERS ||||||| */
/* |||||||||||||||||||||||||||||||||||||||||||||||||||||||||
   |||||||||||||||||||  END LESS MIXINS  |||||||||||||||||||
   |||||||||||||||||||||||||||||||||||||||||||||||||||||||||


                               ^
                            ./|_|\.
                          |`````````|
                          |  EDITS  |
                          |  BELOW  |
                          |         |
                          |    #    |
                          |    #    |
                          |    #    |
                          |  #####  |
                          |   ###   |
                          |    #    |
                          |___   ___|
                            `\|_|/`
                              <|>
                               ^
               _     _|_     _|=|_     _|_     _
    ..,~,.. _-/|\-_-\(|)/-_-/(}-{)\-_-\(|)/-_-/|\-_ ..,~,..
   ----------------------------"----------------------------
/*                GLOBAL RESETS AND DEFAULTS                 */
/* Resets */
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
code,
del,
dfn,
em,
img,
q,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
caption,
th,
td {
  text-align: left;
  font-weight: 400;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
}
blockquote,
q {
  quotes: "" "";
}
a img {
  border: none;
}
/* Removes Firefox imposed outline */
a {
  outline: none;
}
/* Defaults */
html {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
body {
  background: #404141;
}
h1 {
  margin: 12px 0px 10px 0px;
  font: 30px/32px fira_sansbook, arial, sans-serif;
}
h2 {
  margin: 12px 0px 8px 0px;
  font: 26px/32px fira_sansbook, arial, sans-serif;
}
h3 {
  margin: 12px 0px px 0px;
  font: 24px/32px fira_sansbook, arial, sans-serif;
}
h4 {
  margin: 12px 0px 8px 0px;
  font: 22px/32px fira_sansbook, arial, sans-serif;
}
ul,
ol {
  margin: 4px 0px 16px 10px;
}
ul li,
ol li {
  margin: 0px 0px 0px 18px;
  text-indent: 0;
}
ul ul,
ol ul,
ul ol,
ol ol {
  margin: 4px 0px 16px 20px;
}
ul ul li,
ol ul li,
ul ol li,
ol ol li {
  margin: 0px 0px 1px 20px;
}
p {
  margin-bottom: 10px;
}
tr:nth-child(odd) {
  padding: 5px;
}
tr:nth-child(even) {
  padding: 5px;
  border-top: 1px solid #7fa7c7;
  border-bottom: 1px solid #7fa7c7;
}
a {
  color: #1c5380;
}
a:hover {
  color: #0a74cd;
}
a:active {
  color: #0a74cd;
}
a:visited {
  color: #6f7d96;
}
/*

// DISABLED WHILE SURVEY IS BEING IMPLEMENTED !!

input, select    {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  text-indent: 0.01px; // hack for Firefox
  text-overflow: ''; // Hack for Firefox
  outline: 0;
}
*/
/* Add this class to any parent container that holds one or more floats that need to be cleared. */
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
* html .clearfix {
  zoom: 1;
}
/* IE6 */
*:first-child + html .clearfix {
  zoom: 1;
}
/* IE7 */
/* Pick two colors, one for the "off state" and one for the "on state". */
/* Color Gradients for inputs */
/* this is the main unselected color */
/* Selected or checked color gradient */
/* ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
   ||||||||||||||||||||||  END GLOBAL RESETS AND DEFAULTS  ||||||||||||||||||||||||
   |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */
/*                                  \^/
                     _     _|_     _|=|_     _|_     _
          ..,~,.. _-/|\-_-\(|)/-_-/(}-{)\-_-\(|)/-_-/|\-_ ..,~,..
   ----------------------------------"----------------------------------
                        COMMON ELEMENTS AND UI WIDGETS                    */
.pageframe {
  position: relative;
  top: auto;
  left: auto;
  z-index: 1;
  width: 1036.5px;
  height: auto;
  margin: 0px auto 0px auto;
  background: #ffffff url(../img/background_a.png) 0px 0px no-repeat;
  -o-background-size: 100%;
  -webkit-background-size: 100%;
  -khtml-background-size: 100%;
  -moz-background-size: 100% !important;
  background-size: 100%;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.header {
  position: relative;
  top: auto;
  left: -15px;
  z-index: 1;
  width: 1066.5px;
  height: 295.5px;
  background: transparent url(../img/header.png) no-repeat center center;
  -o-background-size: 100%;
  -webkit-background-size: 100%;
  -khtml-background-size: 100%;
  -moz-background-size: 100% !important;
  background-size: 100%;
}
.home_link {
  position: absolute;
  top: 20px;
  left: 360px;
  z-index: 1;
  width: 330px;
  height: 160px;
  display: block;
}
/* NAVBAR FOR BADGED SITE */
.navbar {
  position: absolute;
  top: 214px;
  left: 314px;
  z-index: 1;
  width: auto;
  height: auto;
  text-align: right;
}
.navbar .link1,
.navbar .link2,
.navbar .link3,
.navbar .link4,
.navbar .link5 {
  background-repeat: no-repeat;
  background-color: transparent;
  background-image: url(../img/links.png);
  -o-background-size: 574.5px 39px;
  -webkit-background-size: 574.5px 39px;
  -khtml-background-size: 574.5px 39px;
  -moz-background-size: 574.5px 39px !important;
  background-size: 574.5px 39px;
  cursor: pointer;
}
.navbar .link1 {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 1;
  width: 82px;
  height: 27px;
  background-position: 5px 0px;
}
.navbar .link2 {
  position: absolute;
  top: -4px;
  left: 120px;
  z-index: 1;
  width: 128px;
  height: 26px;
  background-position: -100px 3px;
}
.navbar .link3 {
  position: absolute;
  top: -5px;
  left: 280px;
  z-index: 1;
  width: 116px;
  height: 28px;
  background-position: -246px 3px;
}
.navbar .link4 {
  position: absolute;
  top: 1px;
  left: 422px;
  z-index: 1;
  width: 102px;
  height: 28px;
  background-position: -373px -2px;
}
.navbar .link5 {
  position: absolute;
  top: 13px;
  left: 550px;
  z-index: 1;
  width: 92px;
  height: 28px;
  background-position: -488px -12px;
}
.navbar .link1:hover,
.navbar .link2:hover,
.navbar .link3:hover,
.navbar .link4:hover,
.navbar .link5:hover {
  background-image: url(../img/links_mo.png);
  -o-background-size: 574.5px 39px;
  -webkit-background-size: 574.5px 39px;
  -khtml-background-size: 574.5px 39px;
  -moz-background-size: 574.5px 39px !important;
  background-size: 574.5px 39px;
}
.navbar .link2:hover {
  position: absolute;
  top: -4px;
  left: 120px;
  z-index: 1;
  width: 128px;
  height: 26px;
  background-position: -100px 2px;
}
.navbar .link1_active,
.navbar .link2_active,
.navbar .link3_active,
.navbar .link4_active,
.navbar .link5_active {
  background-repeat: no-repeat;
  background-color: transparent;
  background-image: url(../img/links_active.png);
  -o-background-size: 574.5px 39px;
  -webkit-background-size: 574.5px 39px;
  -khtml-background-size: 574.5px 39px;
  -moz-background-size: 574.5px 39px !important;
  background-size: 574.5px 39px;
  cursor: default;
}
.navbar .link1_active {
  position: absolute;
  top: -2px;
  left: 0px;
  z-index: 1;
  width: 82px;
  height: 27px;
  background-position: 5px 0px;
}
.navbar .link2_active {
  position: absolute;
  top: -7px;
  left: 120px;
  z-index: 1;
  width: 128px;
  height: 26px;
  background-position: -100px 3px;
}
.navbar .link3_active {
  position: absolute;
  top: -7px;
  left: 280px;
  z-index: 1;
  width: 116px;
  height: 28px;
  background-position: -246px 3px;
}
.navbar .link4_active {
  position: absolute;
  top: -1px;
  left: 422px;
  z-index: 1;
  width: 102px;
  height: 28px;
  background-position: -373px -2px;
}
.navbar .link5_active {
  position: absolute;
  top: 11px;
  left: 550px;
  z-index: 1;
  width: 92px;
  height: 28px;
  background-position: -488px -12px;
}
/* NAVBAR FOR NO BADGE SITE */
.navbar_nb {
  position: absolute;
  top: 214px;
  left: 200px;
  z-index: 1;
  width: auto;
  height: auto;
  text-align: right;
}
.navbar_nb .link1,
.navbar_nb .link2,
.navbar_nb .link3,
.navbar_nb .link4,
.navbar_nb .link5 {
  background-repeat: no-repeat;
  background-color: transparent;
  background-image: url(../img/links_nb.png);
  -o-background-size: 574.5px 28.5px;
  -webkit-background-size: 574.5px 28.5px;
  -khtml-background-size: 574.5px 28.5px;
  -moz-background-size: 574.5px 28.5px !important;
  background-size: 574.5px 28.5px;
  cursor: pointer;
}
.navbar_nb .link1 {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 1;
  width: 82px;
  height: 27px;
  background-position: 5px 0px;
}
.navbar_nb .link2 {
  position: absolute;
  top: -4px;
  left: 120px;
  z-index: 1;
  width: 128px;
  height: 26px;
  background-position: -100px 3px;
}
.navbar_nb .link3 {
  position: absolute;
  top: -5px;
  left: 280px;
  z-index: 1;
  width: 116px;
  height: 28px;
  background-position: -246px 3px;
}
.navbar_nb .link4 {
  position: absolute;
  top: 1px;
  left: 422px;
  z-index: 1;
  width: 102px;
  height: 28px;
  background-position: -373px -2px;
}
.navbar_nb .link5 {
  position: absolute;
  top: 1px;
  left: 550px;
  z-index: 1;
  width: 92px;
  height: 28px;
  background-position: -488px 0px;
}
.navbar_nb .link1:hover,
.navbar_nb .link2:hover,
.navbar_nb .link3:hover,
.navbar_nb .link4:hover,
.navbar_nb .link5:hover {
  background-image: url(../img/links_mo_nb.png);
  -o-background-size: 574.5px 29px;
  -webkit-background-size: 574.5px 29px;
  -khtml-background-size: 574.5px 29px;
  -moz-background-size: 574.5px 29px !important;
  background-size: 574.5px 29px;
}
.navbar_nb .link2:hover {
  position: absolute;
  top: -4px;
  left: 120px;
  z-index: 1;
  width: 128px;
  height: 26px;
  background-position: -100px 2px;
}
.navbar_nb .link1_active,
.navbar_nb .link2_active,
.navbar_nb .link3_active,
.navbar_nb .link4_active,
.navbar_nb .link5_active {
  background-repeat: no-repeat;
  background-color: transparent;
  background-image: url(../img/links_active_nb.png);
  -o-background-size: 574.5px 29px;
  -webkit-background-size: 574.5px 29px;
  -khtml-background-size: 574.5px 29px;
  -moz-background-size: 574.5px 29px !important;
  background-size: 574.5px 29px;
  cursor: default;
}
.navbar_nb .link1_active {
  position: absolute;
  top: -2px;
  left: 0px;
  z-index: 1;
  width: 82px;
  height: 27px;
  background-position: 5px 0px;
}
.navbar_nb .link2_active {
  position: absolute;
  top: -7px;
  left: 120px;
  z-index: 1;
  width: 128px;
  height: 26px;
  background-position: -100px 3px;
}
.navbar_nb .link3_active {
  position: absolute;
  top: -7px;
  left: 280px;
  z-index: 1;
  width: 116px;
  height: 28px;
  background-position: -246px 3px;
}
.navbar_nb .link4_active {
  position: absolute;
  top: -1px;
  left: 422px;
  z-index: 1;
  width: 102px;
  height: 28px;
  background-position: -373px -2px;
}
.navbar_nb .link5_active {
  position: absolute;
  top: 0px;
  left: 550px;
  z-index: 1;
  width: 92px;
  height: 28px;
  background-position: -488px 0px;
}
.content_white {
  position: relative;
  top: auto;
  left: auto;
  z-index: 10;
  width: auto;
  height: auto;
  margin: 20px 0px 20px 0px;
  padding: 0px 100px 0px 100px;
  font: 20px/30px fira_sansbook, arial, sans-serif;
  text-align: left;
  color: rgba(255, 255, 255, 0.8);
}
.content {
  position: relative;
  top: auto;
  left: auto;
  z-index: 10;
  width: 1036px;
  height: auto;
  padding: 0px 220px 10px 220px;
  font: 20px/32px fira_sansbook, arial, sans-serif;
  color: #264156;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.content .acronym,
.content .testing_list {
  position: relative;
  top: auto;
  left: auto;
  z-index: 10;
  width: 580px;
  height: auto;
  margin: 0px 0px 20px -20px;
  padding: 15px;
  font: 20px/44px fira_sansbook, arial, sans-serif;
  color: #333;
  text-align: center;
  background: #faefd1;
  border: 1px solid #d9cda9;
  -webkit-box-shadow: inset 0px 0px 10px #d9cda9, 0px 1px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0px 0px 10px #d9cda9, 0px 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0px 0px 10px #d9cda9, 0px 1px 2px rgba(0, 0, 0, 0.1);
  -webkit-transform: rotate(-1deg);
  -moz-transform: rotate(-1deg);
  -o-transform: rotate(-1deg);
  -ms-transform: rotate(-1deg);
  transform: rotate(-1deg);
}
.content .acronym b,
.content .testing_list b {
  margin: 0px;
  padding: 0px;
  font: 20px/44px fira_sansbook, arial, sans-serif;
}
.content .acronym u,
.content .testing_list u {
  width: 30px;
  margin: 0px 3px 4px 0px;
  font: 22px/32px fira_sansbook, arial, sans-serif;
  background: #ffc629;
  text-align: center;
  text-decoration: none;
  display: inline-block;
}
.content .testing_list {
  position: relative;
  top: auto;
  left: auto;
  z-index: 10;
  width: 720px;
  height: auto;
  margin: 0px 0px 20px -80px;
  padding: 15px 15px 15px 20px;
  text-align: left;
}
.content .acronym:before,
.content .testing_list:before {
  content: "";
  position: absolute;
  top: -20px;
  left: -15px;
  z-index: 10;
  width: 30px;
  height: 60px;
  background: rgba(0, 0, 0, 0.15);
  border: 1px solid #b7b3a8;
  -webkit-transform: rotate(35deg);
  -moz-transform: rotate(35deg);
  -o-transform: rotate(35deg);
  -ms-transform: rotate(35deg);
  transform: rotate(35deg);
}
.content .acronym:after,
.content .testing_list:after {
  content: "";
  position: absolute;
  top: auto;
  left: auto;
  z-index: 10;
  width: 30px;
  height: 70px;
  right: -15px;
  bottom: -30px;
  background: rgba(0, 0, 0, 0.15);
  border: 1px solid #b7b3a8;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.animation {
  position: relative;
  top: auto;
  left: -5px;
  z-index: 1;
  width: 1048.5px;
  height: 440px;
  background: transparent url(../img/animation_bg.png) no-repeat center center;
  -o-background-size: 100%;
  -webkit-background-size: 100%;
  -khtml-background-size: 100%;
  -moz-background-size: 100% !important;
  background-size: 100%;
}
.animation .mejs-video {
  top: 35px;
  left: 206px;
}
.big_button,
.big_button1 {
  position: relative;
  top: 0px;
  left: 0px;
  z-index: 1;
  width: 146px;
  height: 123px;
  margin: 0px auto 40px auto;
  padding-top: 27px;
  font: 26px/30px fira_sansbook, arial, sans-serif;
  color: #fff3dd;
  text-shadow: 0px -1px 0px #9a6200;
  text-align: center;
  border: 1px solid #b77501;
  -webkit-border-top-right-radius: 80px;
  -webkit-border-bottom-right-radius: 80px;
  -webkit-border-bottom-left-radius: 80px;
  -webkit-border-top-left-radius: 80px;
  -moz-border-radius-topleft: 80px;
  -moz-border-radius-topright: 80px;
  -moz-border-radius-bottomright: 80px;
  -moz-border-radius-bottomleft: 80px;
  border-top-right-radius: 80px;
  border-bottom-right-radius: 80px;
  border-bottom-left-radius: 80px;
  border-top-left-radius: 80px;
  background: #ce9701;
  -webkit-box-shadow: 0px 0px 0px #ffab18, 0px 3px 0px #c7bc9e, inset 0px 0px 40px #eaab00;
  -moz-box-shadow: 0px 0px 0px #ffab18, 0px 3px 0px #c7bc9e, inset 0px 0px 40px #eaab00;
  box-shadow: 0px 0px 0px #ffab18, 0px 3px 0px #c7bc9e, inset 0px 0px 40px #eaab00;
  cursor: pointer;
}
.big_button1:before,
.big_button:before {
  content: "";
  position: absolute;
  top: -17px;
  left: -18px;
  z-index: -1;
  width: 180px;
  height: 180px;
  -webkit-border-top-right-radius: 100px;
  -webkit-border-bottom-right-radius: 100px;
  -webkit-border-bottom-left-radius: 100px;
  -webkit-border-top-left-radius: 100px;
  -moz-border-radius-topleft: 100px;
  -moz-border-radius-topright: 100px;
  -moz-border-radius-bottomright: 100px;
  -moz-border-radius-bottomleft: 100px;
  border-top-right-radius: 100px;
  border-bottom-right-radius: 100px;
  border-bottom-left-radius: 100px;
  border-top-left-radius: 100px;
  border: 1px solid #ccc;
}
.big_button:after {
  content: "NEXT...";
  position: absolute;
  top: 58px;
  left: -100px;
  z-index: -1;
  width: auto;
  height: auto;
  color: #333;
  text-shadow: none;
}
.big_button1:after {
  content: "";
  position: absolute;
  top: 58px;
  left: -100px;
  z-index: -1;
  width: auto;
  height: auto;
  color: #333;
  text-shadow: none;
}
.big_button1:hover,
.big_button:hover {
  padding-top: 26px;
  color: #fff;
  text-shadow: 0px 0px 10px #ffc629;
  border: 2px solid #cb8b1b;
  -webkit-border-top-right-radius: 80px;
  -webkit-border-bottom-right-radius: 80px;
  -webkit-border-bottom-left-radius: 80px;
  -webkit-border-top-left-radius: 80px;
  -moz-border-radius-topleft: 80px;
  -moz-border-radius-topright: 80px;
  -moz-border-radius-bottomright: 80px;
  -moz-border-radius-bottomleft: 80px;
  border-top-right-radius: 80px;
  border-bottom-right-radius: 80px;
  border-bottom-left-radius: 80px;
  border-top-left-radius: 80px;
  background: #ffc615;
  -webkit-box-shadow: 0px 0px 20px #ffa508, 0px 3px 0px #c1913d, inset 0px 0px 40px #ffc629;
  -moz-box-shadow: 0px 0px 20px #ffa508, 0px 3px 0px #c1913d, inset 0px 0px 40px #ffc629;
  box-shadow: 0px 0px 20px #ffa508, 0px 3px 0px #c1913d, inset 0px 0px 40px #ffc629;
}
.big_button1:active,
.big_button:active {
  padding-top: 26px;
  background: #ffc629;
  border: 2px solid #ffb127;
  -webkit-box-shadow: 0px 0px 0px transparent, inset 0px 0px 40px #eaab00;
  -moz-box-shadow: 0px 0px 0px transparent, inset 0px 0px 40px #eaab00;
  box-shadow: 0px 0px 0px transparent, inset 0px 0px 40px #eaab00;
}
.big_button1:active::before,
.big_button:active::before {
  content: "";
  position: absolute;
  top: -18px;
  left: -18px;
  z-index: -1;
  width: 180px;
  height: 180px;
  -webkit-box-shadow: inset 0px 0px 10px #cccccc;
  -moz-box-shadow: inset 0px 0px 10px #cccccc;
  box-shadow: inset 0px 0px 10px #cccccc;
}
@-webkit-keyframes pulsar {
  from {
    background: #ce9701;
    -webkit-box-shadow: 0px 0px 0px #ffab18, 0px 3px 0px #c7bc9e, inset 0px 0px 40px #ffc62d;
    -moz-box-shadow: 0px 0px 0px #ffab18, 0px 3px 0px #c7bc9e, inset 0px 0px 40px #ffc62d;
    box-shadow: 0px 0px 0px #ffab18, 0px 3px 0px #c7bc9e, inset 0px 0px 40px #ffc62d;
  }
  to {
    background: #ffc629;
    -webkit-box-shadow: 0px 0px 20px #ffab18, 0px 3px 0px #c7bc9e, inset 0px 0px 40px #eaab00;
    -moz-box-shadow: 0px 0px 20px #ffab18, 0px 3px 0px #c7bc9e, inset 0px 0px 40px #eaab00;
    box-shadow: 0px 0px 20px #ffab18, 0px 3px 0px #c7bc9e, inset 0px 0px 40px #eaab00;
  }
}
@keyframes pulsar {
  from {
    background: #ce9701;
    -webkit-box-shadow: 0px 0px 0px #ffab18, 0px 3px 0px #c7bc9e, inset 0px 0px 40px #ffc62d;
    -moz-box-shadow: 0px 0px 0px #ffab18, 0px 3px 0px #c7bc9e, inset 0px 0px 40px #ffc62d;
    box-shadow: 0px 0px 0px #ffab18, 0px 3px 0px #c7bc9e, inset 0px 0px 40px #ffc62d;
  }
  to {
    background: #ffc629;
    -webkit-box-shadow: 0px 0px 20px #ffab18, 0px 3px 0px #c7bc9e, inset 0px 0px 40px #eaab00;
    -moz-box-shadow: 0px 0px 20px #ffab18, 0px 3px 0px #c7bc9e, inset 0px 0px 40px #eaab00;
    box-shadow: 0px 0px 20px #ffab18, 0px 3px 0px #c7bc9e, inset 0px 0px 40px #eaab00;
  }
}
.big_button1,
.big_button {
  -webkit-animation-name: pulsar;
  -webkit-animation-duration: 2s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-delay: 0s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-name: pulsar;
  animation-duration: 2s;
  animation-timing-function: linear;
  animation-delay: 0s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
/* animates button on click */
@-webkit-keyframes clickit {
  from {
    background: #ffc629;
    -webkit-box-shadow: 0px 0px 0px transparent, inset 0px 0px 40px #eaab00;
    -moz-box-shadow: 0px 0px 0px transparent, inset 0px 0px 40px #eaab00;
    box-shadow: 0px 0px 0px transparent, inset 0px 0px 40px #eaab00;
  }
  to {
    background: #ffd971;
    -webkit-box-shadow: 0px 0px 0px #eaab00, inset 0px 0px 40px #ffca3a;
    -moz-box-shadow: 0px 0px 0px #eaab00, inset 0px 0px 40px #ffca3a;
    box-shadow: 0px 0px 0px #eaab00, inset 0px 0px 40px #ffca3a;
  }
}
@keyframes clickit {
  from {
    background: #ffc629;
    -webkit-box-shadow: 0px 0px 0px transparent, inset 0px 0px 40px #eaab00;
    -moz-box-shadow: 0px 0px 0px transparent, inset 0px 0px 40px #eaab00;
    box-shadow: 0px 0px 0px transparent, inset 0px 0px 40px #eaab00;
  }
  to {
    background: #ffd971;
    -webkit-box-shadow: 0px 0px 0px #eaab00, inset 0px 0px 40px #ffca3a;
    -moz-box-shadow: 0px 0px 0px #eaab00, inset 0px 0px 40px #ffca3a;
    box-shadow: 0px 0px 0px #eaab00, inset 0px 0px 40px #ffca3a;
  }
}
.big_button1:active,
.big_button:active {
  -webkit-animation-name: clickit;
  -webkit-animation-duration: 2s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-delay: 0s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-name: clickit;
  animation-duration: 2s;
  animation-timing-function: linear;
  animation-delay: 0s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
.getapp_ico {
  position: absolute;
  top: 55px;
  left: 10px;
  z-index: 1;
  width: 193.6px;
  height: 271.2px;
  background: transparent url(../img/getTheApp.png) no-repeat center center;
  -o-background-size: 100%;
  -webkit-background-size: 100%;
  -khtml-background-size: 100%;
  -moz-background-size: 100% !important;
  background-size: 100%;
  cursor: pointer;
  display: none;
}
.inthenews_ico {
  position: absolute;
  top: 150px;
  left: 30px;
  z-index: 1;
  width: 249.2px;
  height: 158.8px;
  background: transparent url(../img/in_the_news.png) no-repeat center center;
  -o-background-size: 100%;
  -webkit-background-size: 100%;
  -khtml-background-size: 100%;
  -moz-background-size: 100% !important;
  background-size: 100%;
  cursor: pointer;
  display: block;
}
.recipe_ico,
.quick_recipe_ico,
.fodmaplist_ico,
.fodmaptracker_ico,
.lowfodmaplist_ico {
  position: relative;
  top: 0px;
  left: 0px;
  z-index: 1;
  width: 125px;
  height: 125px;
  margin: 0px auto 20px auto;
  border: 10px solid rgba(255, 255, 255, 0.2);
  -webkit-border-top-right-radius: 125px;
  -webkit-border-bottom-right-radius: 125px;
  -webkit-border-bottom-left-radius: 125px;
  -webkit-border-top-left-radius: 125px;
  -moz-border-radius-topleft: 125px;
  -moz-border-radius-topright: 125px;
  -moz-border-radius-bottomright: 125px;
  -moz-border-radius-bottomleft: 125px;
  border-top-right-radius: 125px;
  border-bottom-right-radius: 125px;
  border-bottom-left-radius: 125px;
  border-top-left-radius: 125px;
  background: rgba(255, 255, 255, 0.5);
  -webkit-box-shadow: 0px 0px 0px rgba(255, 255, 255, 0), inset 0px 0px 20px rgba(255, 255, 255, 0.5);
  -moz-box-shadow: 0px 0px 0px rgba(255, 255, 255, 0), inset 0px 0px 20px rgba(255, 255, 255, 0.5);
  box-shadow: 0px 0px 0px rgba(255, 255, 255, 0), inset 0px 0px 20px rgba(255, 255, 255, 0.5);
  background-clip: padding-box;
  display: inline-block;
  cursor: pointer;
}
.quick_recipe_ico {
  margin-left: 50px;
}
.recipe_ico:hover,
.quick_recipe_ico:hover,
.fodmaplist_ico:hover,
.fodmaptracker_ico:hover,
.lowfodmaplist_ico:hover {
  border: 10px solid rgba(255, 255, 255, 0.5);
  background: rgba(255, 255, 255, 0.7);
  -webkit-box-shadow: 0px 0px 25px rgba(255, 255, 255, 0.5), inset 0px 0px 20px #ffffff;
  -moz-box-shadow: 0px 0px 25px rgba(255, 255, 255, 0.5), inset 0px 0px 20px #ffffff;
  box-shadow: 0px 0px 25px rgba(255, 255, 255, 0.5), inset 0px 0px 20px #ffffff;
  background-clip: padding-box;
}
.recipe_ico:after,
.quick_recipe_ico:after,
.fodmaplist_ico:after,
.fodmaptracker_ico:after,
.lowfodmaplist_ico:after {
  content: "";
  position: absolute;
  top: -32px;
  left: -36px;
  z-index: 1;
  width: 200px;
  height: 200px;
}
.recipe_ico:hover::before,
.quick_recipe_ico:hover::before,
.fodmaplist_ico:hover::before,
.fodmaptracker_ico:hover::before,
.lowfodmaplist_ico:hover::before {
  content: "DOWNLOAD";
  font: 20px/20px fira_sansbook, arial, sans-serif;
  position: absolute;
  top: 145px;
  left: 12px;
  z-index: -1;
  width: auto;
  height: auto;
  color: #fff;
  text-shadow: none;
}
.screen {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 20;
  width: 100%;
  min-width: 0px;
  height: 100%;
  min-height: 0px;
  background: rgba(50, 50, 50, 0.8);
  display: none;
}
/*                            \^/
               _     _|_     _|=|_     _|_     _
    ..,~,.. _-/|\-_-\(|)/-_-/(}-{)\-_-\(|)/-_-/|\-_ ..,~,..
   ----------------------------"----------------------------
                        Recipe Formatting                     */
.recipe_ico:after {
  content: "";
  background: transparent url(../img/recipes.png) no-repeat center center;
  -o-background-size: 166px 124px;
  -webkit-background-size: 166px 124px;
  -khtml-background-size: 166px 124px;
  -moz-background-size: 166px 124px !important;
  background-size: 166px 124px;
}
.quick_recipe_ico:after {
  content: "";
  background: transparent url(../img/quick_meals.png) no-repeat center center;
  -o-background-size: 166px 124px;
  -webkit-background-size: 166px 124px;
  -khtml-background-size: 166px 124px;
  -moz-background-size: 166px 124px !important;
  background-size: 166px 124px;
}
.recipe_container {
  margin: 40px 20px 0px 20px;
  padding: 0px 30px 80px 30px;
  text-align: center;
  border-top: 2px solid #9a5797;
  background: #9a5797;
  background-color: #cba9c9;
  background-image: -webkit-linear-gradient(top, #cba9c9, #9a5797);
  background-image: -moz-linear-gradient(top, #cba9c9, #9a5797);
  background-image: -o-linear-gradient(top, #cba9c9, #9a5797);
  background-image: -ms-linear-gradient(top, #cba9c9, #9a5797);
  background-image: linear-gradient(top, #cba9c9, #9a5797);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9a5797', endColorstr='#cba9c9', GradientType=0);
  -webkit-border-top-right-radius: 25px;
  -webkit-border-bottom-right-radius: 0px;
  -webkit-border-bottom-left-radius: 0px;
  -webkit-border-top-left-radius: 25px;
  -moz-border-radius-topleft: 25px;
  -moz-border-radius-topright: 25px;
  -moz-border-radius-bottomright: 0px;
  -moz-border-radius-bottomleft: 0px;
  border-top-right-radius: 25px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-top-left-radius: 25px;
}
.recipe_container h2 {
  position: relative;
  top: -22px;
  left: 0px;
  z-index: 1;
  width: auto;
  height: auto;
  min-width: 700px;
  margin: 0px auto -20px auto;
  padding: 2px 50px 2px 50px;
  color: #fff;
  background: #9a5797;
  border: 2px solid #fff;
  display: inline-block;
  -webkit-box-shadow: 0px 0px 0px 2px #9a5797;
  -moz-box-shadow: 0px 0px 0px 2px #9a5797;
  box-shadow: 0px 0px 0px 2px #9a5797;
  -webkit-border-top-right-radius: 25px;
  -webkit-border-bottom-right-radius: 25px;
  -webkit-border-bottom-left-radius: 25px;
  -webkit-border-top-left-radius: 25px;
  -moz-border-radius-topleft: 25px;
  -moz-border-radius-topright: 25px;
  -moz-border-radius-bottomright: 25px;
  -moz-border-radius-bottomleft: 25px;
  border-top-right-radius: 25px;
  border-bottom-right-radius: 25px;
  border-bottom-left-radius: 25px;
  border-top-left-radius: 25px;
}
.day_button {
  position: relative;
  top: auto;
  left: auto;
  z-index: 1;
  width: 90px;
  height: 81px;
  margin-right: 15px;
  margin-bottom: 15px;
  padding-top: 9px;
  font: 26px/26px fira_sansbook, arial, sans-serif;
  color: #fff;
  text-align: center;
  background: #5c1659;
  border: 6px solid #fff;
  display: inline-block;
  cursor: pointer;
  -webkit-box-shadow: -4px 4px 10px #000000;
  -moz-box-shadow: -4px 4px 10px #000000;
  box-shadow: -4px 4px 10px #000000;
}
.day_button span {
  font: 50px/40px fira_sansbook, arial, sans-serif;
  display: block;
}
.day_button:hover {
  background: #c79200;
}
@-webkit-keyframes datehover {
  from {
    background: #5c1659;
  }
  to {
    background: #c79200;
  }
}
@keyframes datehover {
  from {
    background: #5c1659;
  }
  to {
    background: #c79200;
  }
}
.day_button:hover {
  -webkit-animation-name: datehover;
  -webkit-animation-duration: .5s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-delay: 0s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-direction: normal;
  animation-name: datehover;
  animation-duration: .5s;
  animation-timing-function: linear;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
}
@-webkit-keyframes dateout {
  from {
    background: #c79200;
  }
  to {
    background: #5c1659;
  }
}
@keyframes dateout {
  from {
    background: #c79200;
  }
  to {
    background: #5c1659;
  }
}
.day_button {
  -webkit-animation-name: dateout;
  -webkit-animation-duration: .5s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-delay: 0s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-direction: normal;
  animation-name: dateout;
  animation-duration: .5s;
  animation-timing-function: linear;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
}
.recipe {
  position: absolute;
  top: 0px;
  left: 50px;
  z-index: 1000;
  width: 930px;
  height: 600px;
  text-align: center;
  background: #fff2fe;
  border: 4px solid #c437be;
  -webkit-box-shadow: 0px 0px 0px 4px #5f005b, 0px 0px 50px #b573b3;
  -moz-box-shadow: 0px 0px 0px 4px #5f005b, 0px 0px 50px #b573b3;
  box-shadow: 0px 0px 0px 4px #5f005b, 0px 0px 50px #b573b3;
  -webkit-border-top-right-radius: 25px;
  -webkit-border-bottom-right-radius: 25px;
  -webkit-border-bottom-left-radius: 25px;
  -webkit-border-top-left-radius: 25px;
  -moz-border-radius-topleft: 25px;
  -moz-border-radius-topright: 25px;
  -moz-border-radius-bottomright: 25px;
  -moz-border-radius-bottomleft: 25px;
  border-top-right-radius: 25px;
  border-bottom-right-radius: 25px;
  border-bottom-left-radius: 25px;
  border-top-left-radius: 25px;
}
.recipe .accordion,
.recipe .nested {
  position: absolute;
  top: 14px;
  left: auto;
  z-index: 1;
  width: 930px;
  height: 560px;
  margin-top: 6px;
  padding: 0px 0px 0px 20px;
  font: 16px/20px fira_sansbook, arial, sans-serif;
  text-align: left;
  background: #ffffff url(../img/tablecloth.png);
  overflow-y: scroll;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.recipe .accordion div > div > h3 + div,
.recipe .nested div > div > h3 + div {
  padding-bottom: 15px;
  display: none;
}
.recipe h3 {
  margin-left: -20px;
  margin-bottom: 0px;
  padding: 8px 10px 8px 40px;
  font: 24px/30px kaushan_scriptregular, arial, sans-serif;
  background: #ebcbea url(../img/plus_minus_darkblue.png) 10px 10px no-repeat;
  border-bottom: 1px solid #fff;
  cursor: pointer;
}
.recipe h3:hover {
  background: #dbb3d9 url(../img/plus_minus_darkblue.png) 10px -40px no-repeat;
}
.recipe .on,
.recipe .on:hover {
  color: #fff;
  background: #9a2095 url(../img/plus_minus_darkblue.png) 10px -90px no-repeat;
}
.recipe h3 + div {
  background: #fff;
}
.recipe div {
  vertical-align: text-top;
}
.recipe div .recipe_image {
  position: relative;
  top: -1px;
  left: -20px;
  z-index: 2;
  width: 914px;
  height: auto;
  min-height: 100px;
  display: block;
}
.recipe div .ingredients {
  position: relative;
  top: -11px;
  left: 0px;
  z-index: 2;
  width: 38%;
  height: auto;
  margin: 0px 10px 0px -10px;
  padding: 4px 10px 0px 10px;
  font: 16px/20px fira_sanssemibold, arial, sans-serif;
  background: #fff3dd;
  display: inline-block;
}
.recipe div .ingredients span {
  font: 16px/20px fira_sanssemibook, arial, sans-serif;
}
.recipe div .ingredients b {
  font: 20px/20px fira_sansbold, arial, sans-serif;
  margin: -4px -10px 8px -10px;
  padding: 8px 0px 0px 10px;
  color: #fff3dd;
  letter-spacing: 1px;
  text-shadow: 0px 2px 0px #452d27;
  background: #452d27;
  display: block;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.recipe div .ingredients ul {
  margin-left: 0px;
}
.recipe div .ingredients ul li {
  margin-bottom: 4px;
  list-style-type: square;
}
.recipe div .preparation {
  position: relative;
  top: -4px;
  left: 0px;
  z-index: 1;
  width: 54%;
  height: auto;
  margin-bottom: 10px;
  padding: 1%;
  font: 18px/22px fira_sansbook, arial, sans-serif;
  display: inline-block;
}
.recipe div .preparation b {
  font: 24px/26px fira_sansbook, arial, sans-serif;
  margin: 4px 0px 8px 30px;
  display: block;
}
.recipe div .preparation ol {
  margin-bottom: 4px;
  list-style-type: none;
}
.recipe div .preparation ol li {
  counter-increment: cookstep;
  margin-bottom: 8px;
}
.recipe div .preparation ol li:before {
  content: counter(cookstep);
  position: absolute;
  top: auto;
  left: auto;
  z-index: 1;
  width: 23px;
  height: 22px;
  margin: -2px 0px 0px -32px;
  padding: 1px 1px 1px 1px;
  font: 18px/22px fira_sansbook, sans-serif;
  color: #fff3dd;
  text-align: center;
  font-weight: bold;
  background-color: #504441;
  -webkit-border-top-right-radius: 25px;
  -webkit-border-bottom-right-radius: 25px;
  -webkit-border-bottom-left-radius: 25px;
  -webkit-border-top-left-radius: 25px;
  -moz-border-radius-topleft: 25px;
  -moz-border-radius-topright: 25px;
  -moz-border-radius-bottomright: 25px;
  -moz-border-radius-bottomleft: 25px;
  border-top-right-radius: 25px;
  border-bottom-right-radius: 25px;
  border-bottom-left-radius: 25px;
  border-top-left-radius: 25px;
}
.breakfast_list,
.lunch_list,
.dinner_list,
.snack_list {
  width: 45%;
  margin: 0px 15px 30px 15px;
  text-align: left;
  vertical-align: top;
  display: inline-block;
  background: #5f005b url(../img/recipe_table_bg.png);
}
.breakfast_list h3,
.lunch_list h3,
.dinner_list h3,
.snack_list h3,
.breakfast_list h3:hover,
.lunch_list h3:hover,
.dinner_list h3:hover,
.snack_list h3:hover {
  margin-left: -20px;
  margin-bottom: 0px;
  padding: 8px 10px 8px 40px;
  font: 24px/30px kaushan_scriptregular, arial, sans-serif;
  background: #ebcbea;
  border-bottom: 1px solid #fff;
  cursor: default;
}
.breakfast_list h4,
.lunch_list h4,
.dinner_list h4,
.snack_list h4 {
  margin: 0px 0px 0px 0px;
  padding: 3px 0px 2px 10px;
  font: 20px/26px fira_snsbook, arial, sans-serif;
  color: #5f005b;
  text-transform: uppercase;
  background: #ebcbea;
  display: block;
}
.breakfast_list .meal_list,
.lunch_list .meal_list,
.dinner_list .meal_list,
.snack_list .meal_list {
  padding: 0px 10px 0px 10px;
  font: 18px/30px fira_sansbook, arial, sans-serif;
  color: #ebcbea;
  cursor: pointer;
}
.breakfast_list .meal_list:hover,
.lunch_list .meal_list:hover,
.dinner_list .meal_list:hover,
.snack_list .meal_list:hover {
  color: #fff;
  text-decoration: underline;
}
.recipe:before {
  content: "Low FODMAP Recipe Ideas";
  position: relative;
  top: -4px;
  left: 0px;
  z-index: 101;
  width: auto;
  height: auto;
  margin: 0px auto 0px auto;
  padding: 2px 50px 6px 50px;
  font: 22px/22px fira_sansbook, arial, sans-serif;
  color: #fff;
  background: #5f005b;
  display: inline-block;
  -webkit-box-shadow: 0px 2px 0px rgba(194, 62, 188, 0.3);
  -moz-box-shadow: 0px 2px 0px rgba(194, 62, 188, 0.3);
  box-shadow: 0px 2px 0px rgba(194, 62, 188, 0.3);
  -webkit-border-top-right-radius: 0px;
  -webkit-border-bottom-right-radius: 25px;
  -webkit-border-bottom-left-radius: 25px;
  -webkit-border-top-left-radius: 0px;
  -moz-border-radius-topleft: 0px;
  -moz-border-radius-topright: 0px;
  -moz-border-radius-bottomright: 25px;
  -moz-border-radius-bottomleft: 25px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 25px;
  border-bottom-left-radius: 25px;
  border-top-left-radius: 0px;
}
.hide_recipe {
  position: absolute;
  top: auto;
  left: auto;
  z-index: 101;
  width: 140px;
  height: 38px;
  margin: 0px auto 0px auto;
  bottom: -4px;
  right: 41%;
  background: #5f005b url(../img/close.png) no-repeat 88px 6px;
  -webkit-box-shadow: 0px -2px 0px rgba(194, 62, 188, 0.3);
  -moz-box-shadow: 0px -2px 0px rgba(194, 62, 188, 0.3);
  box-shadow: 0px -2px 0px rgba(194, 62, 188, 0.3);
  -webkit-border-top-right-radius: 25px;
  -webkit-border-bottom-right-radius: 0px;
  -webkit-border-bottom-left-radius: 0px;
  -webkit-border-top-left-radius: 25px;
  -moz-border-radius-topleft: 25px;
  -moz-border-radius-topright: 25px;
  -moz-border-radius-bottomright: 0px;
  -moz-border-radius-bottomleft: 0px;
  border-top-right-radius: 25px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-top-left-radius: 25px;
  cursor: pointer;
}
.hide_recipe:before {
  content: "CLOSE";
  position: absolute;
  top: 10px;
  left: 22px;
  z-index: 1;
  width: auto;
  height: auto;
  font: 20px/20px fira_sansbook, arial, sans-serif;
  color: #fff;
}
.dbr_1 {
  -webkit-transform: rotate(-8deg);
  -moz-transform: rotate(-8deg);
  -o-transform: rotate(-8deg);
  -ms-transform: rotate(-8deg);
  transform: rotate(-8deg);
}
.dbr_2 {
  -webkit-transform: rotate(-2deg);
  -moz-transform: rotate(-2deg);
  -o-transform: rotate(-2deg);
  -ms-transform: rotate(-2deg);
  transform: rotate(-2deg);
}
.dbr_3 {
  -webkit-transform: rotate(2deg);
  -moz-transform: rotate(2deg);
  -o-transform: rotate(2deg);
  -ms-transform: rotate(2deg);
  transform: rotate(2deg);
}
.dbr_4 {
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
}
.dbr_5 {
  -webkit-transform: rotate(-5deg);
  -moz-transform: rotate(-5deg);
  -o-transform: rotate(-5deg);
  -ms-transform: rotate(-5deg);
  transform: rotate(-5deg);
}
.dbr_6 {
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
}
.dbr_7 {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}
.dbr_8 {
  -webkit-transform: rotate(9deg);
  -moz-transform: rotate(9deg);
  -o-transform: rotate(9deg);
  -ms-transform: rotate(9deg);
  transform: rotate(9deg);
}
.dbr_9 {
  -webkit-transform: rotate(-1deg);
  -moz-transform: rotate(-1deg);
  -o-transform: rotate(-1deg);
  -ms-transform: rotate(-1deg);
  transform: rotate(-1deg);
}
.dbr_10 {
  -webkit-transform: rotate(6deg);
  -moz-transform: rotate(6deg);
  -o-transform: rotate(6deg);
  -ms-transform: rotate(6deg);
  transform: rotate(6deg);
}
.dbr_11 {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}
.dbr_12 {
  -webkit-transform: rotate(-5deg);
  -moz-transform: rotate(-5deg);
  -o-transform: rotate(-5deg);
  -ms-transform: rotate(-5deg);
  transform: rotate(-5deg);
}
.dbr_13 {
  -webkit-transform: rotate(10deg);
  -moz-transform: rotate(10deg);
  -o-transform: rotate(10deg);
  -ms-transform: rotate(10deg);
  transform: rotate(10deg);
}
.dbr_14 {
  -webkit-transform: rotate(-4deg);
  -moz-transform: rotate(-4deg);
  -o-transform: rotate(-4deg);
  -ms-transform: rotate(-4deg);
  transform: rotate(-4deg);
}
.dbr_15 {
  -webkit-transform: rotate(-2deg);
  -moz-transform: rotate(-2deg);
  -o-transform: rotate(-2deg);
  -ms-transform: rotate(-2deg);
  transform: rotate(-2deg);
}
.dbr_16 {
  -webkit-transform: rotate(-9deg);
  -moz-transform: rotate(-9deg);
  -o-transform: rotate(-9deg);
  -ms-transform: rotate(-9deg);
  transform: rotate(-9deg);
}
.dbr_17 {
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
.dbr_18 {
  -webkit-transform: rotate(-8deg);
  -moz-transform: rotate(-8deg);
  -o-transform: rotate(-8deg);
  -ms-transform: rotate(-8deg);
  transform: rotate(-8deg);
}
.dbr_19 {
  -webkit-transform: rotate(1deg);
  -moz-transform: rotate(1deg);
  -o-transform: rotate(1deg);
  -ms-transform: rotate(1deg);
  transform: rotate(1deg);
}
.dbr_20 {
  -webkit-transform: rotate(-5deg);
  -moz-transform: rotate(-5deg);
  -o-transform: rotate(-5deg);
  -ms-transform: rotate(-5deg);
  transform: rotate(-5deg);
}
.dbr_21 {
  -webkit-transform: rotate(5deg);
  -moz-transform: rotate(5deg);
  -o-transform: rotate(5deg);
  -ms-transform: rotate(5deg);
  transform: rotate(5deg);
}
.recipe {
  display: none;
}
.less {
  height: 200px;
  margin-bottom: 30px;
  overflow: hidden;
  cursor: pointer;
}
.less:before {
  content: "";
  position: absolute;
  top: auto;
  left: auto;
  z-index: 2;
  width: 932px;
  height: 20px;
  margin-top: 100px;
  padding: 70px 0px 10px 0px;
  font: 20px/26px kaushan_scriptregular, arial, sans-serif;
  color: #fff;
  text-align: center;
}
.more {
  height: auto;
  cursor: pointer;
}
/*                            \^/
               _     _|_     _|=|_     _|_     _
    ..,~,.. _-/|\-_-\(|)/-_-/(}-{)\-_-\(|)/-_-/|\-_ ..,~,..
   ----------------------------"----------------------------
                  FODMAP Food List Formatting                   */
.fodmaplist_container {
  margin: -14px 20px 0px 20px;
  padding: 0px 30px 80px 30px;
  text-align: center;
  border: 2px solid #fff;
  background: #8e6800;
  background-color: #ac7e00;
  background-image: -webkit-linear-gradient(top, #ac7e00, #8e6800);
  background-image: -moz-linear-gradient(top, #ac7e00, #8e6800);
  background-image: -o-linear-gradient(top, #ac7e00, #8e6800);
  background-image: -ms-linear-gradient(top, #ac7e00, #8e6800);
  background-image: linear-gradient(top, #ac7e00, #8e6800);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8e6800', endColorstr='#ac7e00', GradientType=0);
}
.fodmaplist_container h2 {
  position: relative;
  top: -20px;
  left: 0px;
  z-index: 1;
  width: auto;
  height: auto;
  min-width: 700px;
  margin: 0px auto -20px auto;
  padding: 2px 50px 2px 50px;
  color: #fff;
  background: #cb9500;
  border: 2px solid #fff;
  display: inline-block;
  -webkit-box-shadow: 0px 0px 0px 2px #cb9500;
  -moz-box-shadow: 0px 0px 0px 2px #cb9500;
  box-shadow: 0px 0px 0px 2px #cb9500;
  -webkit-border-top-right-radius: 25px;
  -webkit-border-bottom-right-radius: 25px;
  -webkit-border-bottom-left-radius: 25px;
  -webkit-border-top-left-radius: 25px;
  -moz-border-radius-topleft: 25px;
  -moz-border-radius-topright: 25px;
  -moz-border-radius-bottomright: 25px;
  -moz-border-radius-bottomleft: 25px;
  border-top-right-radius: 25px;
  border-bottom-right-radius: 25px;
  border-bottom-left-radius: 25px;
  border-top-left-radius: 25px;
}
.fodmaplist_container .less:before {
  content: "Click for full list";
  background: transparent url(../img/h_fodmap_fade.png) repeat-x center bottom;
  border-bottom: 2px dashed #cb9500;
}
.fodmaplist {
  text-align: left;
}
.fodmaplist .beverages,
.fodmaplist .dairy,
.fodmaplist .fruits,
.fodmaplist .grains,
.fodmaplist .nuts,
.fodmaplist .other,
.fodmaplist .sweeteners,
.fodmaplist .vegitables {
  margin: 0px 0px 40px -7px;
  padding: 0px 0px 0px 10px;
  border-bottom: 1px solid #ffc629;
  background: #836000 url(../img/FODMAP_table_bg.png) repeat-x center 28px;
  display: block;
  overflow: hidden;
}
.fodmaplist .fooditem {
  width: 434px;
  display: inline-block;
  font: 18px/30px fira_sansbook, arial, sans-serif;
  color: #fff;
}
.fodmaplist .fooditem:first-child {
  width: 434px;
  margin: 3px 0px 0px 0px;
  display: inline-block;
  font: 20px/26px fira_snsbook, arial, sans-serif;
  color: #fff;
  text-transform: uppercase;
}
.fodmaplist .fooditem:nth-child(odd)::after {
  content: '';
  position: absolute;
  top: auto;
  left: auto;
  z-index: 1;
  width: 835px;
  height: auto;
  display: inline-block;
}
.fodmaplist .spacer,
.fodmaplist .p1-fructose,
.fodmaplist .p2-fructans,
.fodmaplist .p3-gos,
.fodmaplist .p4-lactose,
.fodmaplist .p5-polyol {
  position: relative;
  top: auto;
  left: 0px;
  z-index: 1;
  width: 99px;
  height: auto;
  padding: 10px 0px 10px 0px;
  display: inline-block;
}
.fodmaplist .p1-fructose:after,
.fodmaplist .p2-fructans:after,
.fodmaplist .p3-gos:after,
.fodmaplist .p4-lactose:after,
.fodmaplist .p5-polyol:after {
  content: "";
  position: absolute;
  top: auto;
  left: auto;
  z-index: 1;
  width: 18px;
  height: 18px;
  margin: -7px 0px 0px 38px;
  font: 0px/20px arial;
  background: #ffc629;
  border: 1px solid #000;
  -webkit-border-top-right-radius: 20px;
  -webkit-border-bottom-right-radius: 20px;
  -webkit-border-bottom-left-radius: 20px;
  -webkit-border-top-left-radius: 20px;
  -moz-border-radius-topleft: 20px;
  -moz-border-radius-topright: 20px;
  -moz-border-radius-bottomright: 20px;
  -moz-border-radius-bottomleft: 20px;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  border-top-left-radius: 20px;
}
.fodmaplist .spacer:nth-of-type(2)::after,
.fodmaplist .spacer:nth-of-type(3)::after,
.fodmaplist .spacer:nth-of-type(4)::after,
.fodmaplist .spacer:nth-of-type(5)::after,
.fodmaplist .spacer:nth-of-type(6)::after {
  content: "";
  position: absolute;
  top: auto;
  left: auto;
  z-index: 1;
  width: 99px;
  height: auto;
  margin-left: 0px;
  margin-top: -13px;
  padding: 4px 0px 4px 0px;
  font: 18px/20px fira_sansbook, arial, sans-serif;
  text-align: center;
  background: #ffc629;
  display: inline-block;
}
.fodmaplist .spacer:nth-of-type(2)::after {
  content: "Fructose";
}
.fodmaplist .spacer:nth-of-type(3)::after {
  content: "Fructans";
}
.fodmaplist .spacer:nth-of-type(4)::after {
  content: "GOS";
}
.fodmaplist .spacer:nth-of-type(5)::after {
  content: "Lactose";
}
.fodmaplist .spacer:nth-of-type(6)::after {
  content: "Polyols";
}
.fodmaplist .spacer:after,
.fodmaplist .p1-fructose:before,
.fodmaplist .p2-fructans:before,
.fodmaplist .p3-gos:before,
.fodmaplist .p4-lactose:before,
.fodmaplist .p5-polyol:before {
  content: "";
  position: absolute;
  top: auto;
  left: auto;
  z-index: 1;
  width: 1px;
  height: 30px;
  margin-top: -12px;
  margin-left: 0px;
  border-left: 1px solid #ffc629;
}
.fodmaplist_ico:after {
  content: "";
  position: absolute;
  top: -36px;
  left: -36px;
  z-index: 1;
  width: 200px;
  height: 200px;
  background: transparent url(../img/foodlist.png) no-repeat center center;
  -o-background-size: 121px 144px;
  -webkit-background-size: 121px 144px;
  -khtml-background-size: 121px 144px;
  -moz-background-size: 121px 144px !important;
  background-size: 121px 144px;
}
.fodmaptracker_container {
  margin: -14px 20px 0px 20px;
  padding: 0px 30px 80px 30px;
  text-align: center;
  border: 2px solid #fff;
  background: #5f3f02;
  background-color: #5f3f02;
  background-image: -webkit-linear-gradient(top, #5f3f02, #4d3302);
  background-image: -moz-linear-gradient(top, #5f3f02, #4d3302);
  background-image: -o-linear-gradient(top, #5f3f02, #4d3302);
  background-image: -ms-linear-gradient(top, #5f3f02, #4d3302);
  background-image: linear-gradient(top, #5f3f02, #4d3302);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d3302', endColorstr='#5f3f02', GradientType=0);
}
.fodmaptracker_container h2 {
  position: relative;
  top: -20px;
  left: 0px;
  z-index: 1;
  width: auto;
  height: auto;
  min-width: 700px;
  margin: 0px auto -20px auto;
  padding: 2px 50px 2px 50px;
  color: #fff;
  background: #5f3f02;
  border: 2px solid #fff;
  display: inline-block;
  -webkit-box-shadow: 0px 0px 0px 2px #5f3f02;
  -moz-box-shadow: 0px 0px 0px 2px #5f3f02;
  box-shadow: 0px 0px 0px 2px #5f3f02;
  -webkit-border-top-right-radius: 25px;
  -webkit-border-bottom-right-radius: 25px;
  -webkit-border-bottom-left-radius: 25px;
  -webkit-border-top-left-radius: 25px;
  -moz-border-radius-topleft: 25px;
  -moz-border-radius-topright: 25px;
  -moz-border-radius-bottomright: 25px;
  -moz-border-radius-bottomleft: 25px;
  border-top-right-radius: 25px;
  border-bottom-right-radius: 25px;
  border-bottom-left-radius: 25px;
  border-top-left-radius: 25px;
}
.fodmaptracker_ico:after {
  content: "";
  position: absolute;
  top: -36px;
  left: -36px;
  z-index: 1;
  width: 200px;
  height: 200px;
  background: transparent url(../img/fodmapTracker.png) no-repeat center center;
  -o-background-size: 148px 144px;
  -webkit-background-size: 148px 144px;
  -khtml-background-size: 148px 144px;
  -moz-background-size: 148px 144px !important;
  background-size: 148px 144px;
}
/*                            \^/
               _     _|_     _|=|_     _|_     _
    ..,~,.. _-/|\-_-\(|)/-_-/(}-{)\-_-\(|)/-_-/|\-_ ..,~,..
   ----------------------------"----------------------------
                        Low FODMAP list                      */
.lowfodmap_container {
  margin: -14px 20px 40px 20px;
  padding: 0px 30px 40px 30px;
  text-align: center;
  border: 2px solid #fff;
  background: #264b5f;
  background-color: #3f6b83;
  background-image: -webkit-linear-gradient(top, #3f6b83, #264b5f);
  background-image: -moz-linear-gradient(top, #3f6b83, #264b5f);
  background-image: -o-linear-gradient(top, #3f6b83, #264b5f);
  background-image: -ms-linear-gradient(top, #3f6b83, #264b5f);
  background-image: linear-gradient(top, #3f6b83, #264b5f);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#264b5f', endColorstr='#3f6b83', GradientType=0);
  -webkit-border-top-right-radius: 0px;
  -webkit-border-bottom-right-radius: 25px;
  -webkit-border-bottom-left-radius: 25px;
  -webkit-border-top-left-radius: 0px;
  -moz-border-radius-topleft: 0px;
  -moz-border-radius-topright: 0px;
  -moz-border-radius-bottomright: 25px;
  -moz-border-radius-bottomleft: 25px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 25px;
  border-bottom-left-radius: 25px;
  border-top-left-radius: 0px;
}
.lowfodmap_container h2 {
  position: relative;
  top: -20px;
  left: 0px;
  z-index: 1;
  width: auto;
  height: auto;
  min-width: 700px;
  margin: 0px auto -20px auto;
  padding: 2px 50px 2px 50px;
  color: #fff;
  background: #264b5f;
  border: 2px solid #fff;
  display: inline-block;
  -webkit-box-shadow: 0px 0px 0px 2px #264b5f;
  -moz-box-shadow: 0px 0px 0px 2px #264b5f;
  box-shadow: 0px 0px 0px 2px #264b5f;
  -webkit-border-top-right-radius: 25px;
  -webkit-border-bottom-right-radius: 25px;
  -webkit-border-bottom-left-radius: 25px;
  -webkit-border-top-left-radius: 25px;
  -moz-border-radius-topleft: 25px;
  -moz-border-radius-topright: 25px;
  -moz-border-radius-bottomright: 25px;
  -moz-border-radius-bottomleft: 25px;
  border-top-right-radius: 25px;
  border-bottom-right-radius: 25px;
  border-bottom-left-radius: 25px;
  border-top-left-radius: 25px;
}
.lowfodmap_container .low_fodmap_list .less:before {
  content: "Click for full list";
  width: 920px;
  background: transparent url(../img/l_fodmap_fade.png) repeat-x center bottom;
  border-bottom: 2px dashed #006fad;
}
.lowfodmap_container .low_fodmap_list .lf_beverages,
.lowfodmap_container .low_fodmap_list .lf_dairy,
.lowfodmap_container .low_fodmap_list .lf_fruits,
.lowfodmap_container .low_fodmap_list .lf_grains,
.lowfodmap_container .low_fodmap_list .lf_nuts,
.lowfodmap_container .low_fodmap_list .lf_other,
.lowfodmap_container .low_fodmap_list .lf_sweeteners,
.lowfodmap_container .low_fodmap_list .lf_vegitables,
.lowfodmap_container .low_fodmap_list .lf_protein,
.lowfodmap_container .low_fodmap_list .lf_herbs {
  position: relative;
  top: -4px;
  left: 0px;
  z-index: 1;
  width: 97%;
  height: auto;
  margin-bottom: 20px;
  padding: 0px 10px 0px 10px;
  font: 18px/30px fira_snsbook, arial, sans-serif;
  color: #fff;
  text-align: left;
  background: #1d4155 url(../img/LFODMAP_table_bg.png) repeat-x center 30px;
  border-bottom: 1px solid #1d4155;
  display: inline-block;
}
.lowfodmap_container .low_fodmap_list .lf_beverages > span:first-child,
.lowfodmap_container .low_fodmap_list .lf_dairy > span:first-child,
.lowfodmap_container .low_fodmap_list .lf_fruits > span:first-child,
.lowfodmap_container .low_fodmap_list .lf_grains > span:first-child,
.lowfodmap_container .low_fodmap_list .lf_nuts > span:first-child,
.lowfodmap_container .low_fodmap_list .lf_other > span:first-child,
.lowfodmap_container .low_fodmap_list .lf_sweeteners > span:first-child,
.lowfodmap_container .low_fodmap_list .lf_vegitables > span:first-child,
.lowfodmap_container .low_fodmap_list .lf_protein > span:first-child,
.lowfodmap_container .low_fodmap_list .lf_herbs > span:first-child {
  width: 100%;
  margin: 0px -10px 0px -10px;
  padding: 0px 10px 0px 10px;
  font: 18px/30px fira_snsbook, arial, sans-serif;
  color: #1d4155;
  background: #a6c9dd;
  text-transform: uppercase;
  display: inline-block;
}
.lowfodmap_container .low_fodmap_list .col1,
.lowfodmap_container .low_fodmap_list .col2 {
  width: 47%;
  margin: 10px 1% 20px 1%;
  display: inline-block;
  vertical-align: text-top;
  text-align: center;
}
.lowfodmap_container .low_fodmap_list:after {
  content: ".";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
}
.lowfodmaplist_ico:after {
  content: "";
  position: absolute;
  top: -36px;
  left: -36px;
  z-index: 1;
  width: 200px;
  height: 200px;
  background: transparent url(../img/lowfoodlist.png) no-repeat center center;
  -o-background-size: 121px 144px;
  -webkit-background-size: 121px 144px;
  -khtml-background-size: 121px 144px;
  -moz-background-size: 121px 144px !important;
  background-size: 121px 144px;
}
/*                            \^/
               _     _|_     _|=|_     _|_     _
    ..,~,.. _-/|\-_-\(|)/-_-/(}-{)\-_-\(|)/-_-/|\-_ ..,~,..
   ----------------------------"----------------------------
                       FAQ Formatting                        */
.faq_accordion {
  margin-bottom: 50px;
}
.faq_accordion h2 {
  margin: 30px 0px 1px -20px;
  padding: 4px 10px 4px 20px;
  color: #fff;
  background: #9a2095;
}
.faq_accordion h3 {
  margin-left: -20px;
  margin-bottom: 1px;
  padding: 5px 10px 5px 40px;
  background-image: url(../img/plus_minus_faq.png);
  background-position: 10px 10px;
  background-repeat: no-repeat;
  cursor: pointer;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.faq_accordion h3:hover {
  background-image: url(../img/plus_minus_faq.png);
  background-position: 10px -160px;
  background-repeat: no-repeat;
}
.faq_accordion .on,
.faq_accordion .on:hover {
  margin-bottom: 10px;
  background-image: url(../img/plus_minus_faq.png);
  background-position: 10px -330px;
  background-repeat: no-repeat;
}
.faq_accordion h2 {
  background: #9a2095;
}
.faq_accordion h3 {
  background-color: #f7ebf6;
}
.faq_accordion h3:hover {
  color: #372656;
  background-color: #f4e2f3;
}
.faq_accordion .on,
.faq_accordion .on:hover {
  color: #264156;
  background-color: #f2f5f8;
}
/*                            \^/
               _     _|_     _|=|_     _|_     _
    ..,~,.. _-/|\-_-\(|)/-_-/(}-{)\-_-\(|)/-_-/|\-_ ..,~,..
   ----------------------------"----------------------------
                            FOOTER                           */
.footer {
  position: relative;
  top: auto;
  left: auto;
  z-index: 1;
  width: 100%;
  height: auto;
  min-height: 50px;
  padding: 70px 0px 20px 0px;
  text-align: center;
  background: transparent url(../img/footer_bg.png) no-repeat top center;
  -o-background-size: 100%;
  -webkit-background-size: 100%;
  -khtml-background-size: 100%;
  -moz-background-size: 100% !important;
  background-size: 100%;
  border-bottom: 1px solid #333;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* Logos */
  /* Columns */
}
.footer .umhs {
  position: relative;
  top: auto;
  left: auto;
  z-index: 1;
  width: 173.5px;
  height: 128.5px;
  background: transparent url(../img/umhs_logo.png) no-repeat top center;
  margin-bottom: 10px;
  -o-background-size: 100%;
  -webkit-background-size: 100%;
  -khtml-background-size: 100%;
  -moz-background-size: 100% !important;
  background-size: 100%;
}
.footer .nestle {
  position: relative;
  top: auto;
  left: auto;
  z-index: 1;
  width: 395.66666667px;
  height: 58.11111111px;
  background: transparent url(../img/NHS_logo.png) no-repeat top center;
  margin-bottom: 0px;
  -o-background-size: 100%;
  -webkit-background-size: 100%;
  -khtml-background-size: 100%;
  -moz-background-size: 100% !important;
  background-size: 100%;
}
.footer .cedars {
  position: relative;
  top: auto;
  left: auto;
  z-index: 1;
  width: 324.4px;
  height: 54.8px;
  background: transparent url(../img/Cedars-Sinai_logo.png) no-repeat top center;
  margin-top: 30px;
  -o-background-size: 100%;
  -webkit-background-size: 100%;
  -khtml-background-size: 100%;
  -moz-background-size: 100% !important;
  background-size: 100%;
}
.footer .attribute {
  font: 14px/18px fira_sansbook, arial, sans-serif;
  padding-left: 40px;
}
.footer .smaller {
  font: 14px/18px fira_sansbook, arial, sans-serif;
}
.footer .contact_methods {
  margin: 10px 0px 10px 0px;
  display: block;
}
.footer .col_one,
.footer .col_two,
.footer .col_three {
  font: 16px/24px fira_sansbook, arial, sans-serif;
  color: #fff;
  text-align: left;
  float: left;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.footer .col_one span,
.footer .col_two span,
.footer .col_three span {
  display: inline-block;
}
.footer .col_one a,
.footer .col_two a,
.footer .col_three a,
.footer .col_one a:hover,
.footer .col_two a:hover,
.footer .col_three a:hover,
.footer .col_one a:active,
.footer .col_two a:active,
.footer .col_three a:active,
.footer .col_one a:visited,
.footer .col_two a:visited,
.footer .col_three a:visited {
  text-align: left;
  text-decoration: underline;
  color: #fff;
  display: inline-block;
}
.footer .col_one {
  position: relative;
  top: 0px;
  left: 0px;
  z-index: 1;
  width: 45%;
  height: auto;
  margin-left: 50px;
  padding: 0px 20px 0px 20px;
}
.footer .col_two {
  position: relative;
  top: 0px;
  left: 0px;
  z-index: 1;
  width: 45%;
  height: auto;
  min-height: 350px;
  margin: 0px 10px 0px 10px;
  padding: 0px 0px 0px 40px;
  border-left: 1px solid #fff;
}
.footer .Copyright {
  padding-top: 40px;
  font: 14px/24px fira_sansbook, arial, sans-serif;
  color: #fff;
  text-align: center;
  clear: both;
}
#breakfast div,
#lunch div,
#dinner div,
#snacks div,
#beverages div {
  background: #fff;
  vertical-align: text-top;
  font: 14px/18px fira_sanssemibold, arial, sans-serif;
  page-break-after: always;
}
#breakfast div h3,
#lunch div h3,
#dinner div h3,
#snacks div h3,
#beverages div h3 {
  margin-bottom: 20px 0px 0px 0px;
  padding: 8px 10px 8px 40px;
  color: #fff;
  background: #333;
  cursor: pointer;
}
#breakfast div div .recipe_image,
#lunch div div .recipe_image,
#dinner div div .recipe_image,
#snacks div div .recipe_image,
#beverages div div .recipe_image {
  position: relative;
  top: -1px;
  left: -20px;
  z-index: 2;
  width: 100%;
  height: auto;
  min-height: 100px;
  display: block;
}
#breakfast div div .ingredients,
#lunch div div .ingredients,
#dinner div div .ingredients,
#snacks div div .ingredients,
#beverages div div .ingredients {
  position: relative;
  top: -11px;
  left: 0px;
  z-index: 2;
  width: 38%;
  height: auto;
  margin: 0px 10px 0px 0px;
  padding: 4px 10px 0px 10px;
  font: 14px/18px fira_sanssemibold, arial, sans-serif;
  background: #fff3dd;
  display: inline-block;
}
#breakfast div div .ingredients span,
#lunch div div .ingredients span,
#dinner div div .ingredients span,
#snacks div div .ingredients span,
#beverages div div .ingredients span {
  font: 14px/18px fira_sanssemibook, arial, sans-serif;
}
#breakfast div div .ingredients b,
#lunch div div .ingredients b,
#dinner div div .ingredients b,
#snacks div div .ingredients b,
#beverages div div .ingredients b {
  font: 18px/18px fira_sansbold, arial, sans-serif;
  margin: -4px -10px 8px -10px;
  padding: 8px 0px 0px 10px;
  color: #fff3dd;
  letter-spacing: 1px;
  text-shadow: 0px 2px 0px #452d27;
  background: #452d27;
  display: block;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#breakfast div div .ingredients ul,
#lunch div div .ingredients ul,
#dinner div div .ingredients ul,
#snacks div div .ingredients ul,
#beverages div div .ingredients ul {
  margin-left: 0px;
}
#breakfast div div .ingredients ul li,
#lunch div div .ingredients ul li,
#dinner div div .ingredients ul li,
#snacks div div .ingredients ul li,
#beverages div div .ingredients ul li {
  margin-bottom: 4px;
  list-style-type: square;
}
#breakfast div div .preparation,
#lunch div div .preparation,
#dinner div div .preparation,
#snacks div div .preparation,
#beverages div div .preparation {
  position: relative;
  top: -4px;
  left: 0px;
  z-index: 1;
  width: 54%;
  height: auto;
  margin-bottom: 10px;
  padding: 10px;
  font: 16px/20px fira_sansbook, arial, sans-serif;
  display: inline-block;
}
#breakfast div div .preparation b,
#lunch div div .preparation b,
#dinner div div .preparation b,
#snacks div div .preparation b,
#beverages div div .preparation b {
  font: 22px/24px fira_sansbook, arial, sans-serif;
  margin: 4px 0px 8px 30px;
  display: block;
}
#breakfast div div .preparation ol,
#lunch div div .preparation ol,
#dinner div div .preparation ol,
#snacks div div .preparation ol,
#beverages div div .preparation ol {
  margin-bottom: 4px;
  list-style-type: none;
}
#breakfast div div .preparation ol li,
#lunch div div .preparation ol li,
#dinner div div .preparation ol li,
#snacks div div .preparation ol li,
#beverages div div .preparation ol li {
  counter-increment: cookstep;
  margin-bottom: 8px;
}
#breakfast div div .preparation ol li:before,
#lunch div div .preparation ol li:before,
#dinner div div .preparation ol li:before,
#snacks div div .preparation ol li:before,
#beverages div div .preparation ol li:before {
  content: counter(cookstep);
  position: absolute;
  top: auto;
  left: auto;
  z-index: 1;
  width: 23px;
  height: 22px;
  margin: -2px 0px 0px -32px;
  padding: 1px 1px 1px 1px;
  font: 16px/20px fira_sansbook, sans-serif;
  color: #fff3dd;
  text-align: center;
  font-weight: bold;
  background-color: #504441;
  -webkit-border-top-right-radius: 25px;
  -webkit-border-bottom-right-radius: 25px;
  -webkit-border-bottom-left-radius: 25px;
  -webkit-border-top-left-radius: 25px;
  -moz-border-radius-topleft: 25px;
  -moz-border-radius-topright: 25px;
  -moz-border-radius-bottomright: 25px;
  -moz-border-radius-bottomleft: 25px;
  border-top-right-radius: 25px;
  border-bottom-right-radius: 25px;
  border-bottom-left-radius: 25px;
  border-top-left-radius: 25px;
}
/*                             ^
               _     _|_     _|=|_     _|_     _
    ..,~,.. _-/|\-_-\(|)/-_-/(}-{)\-_-\(|)/-_-/|\-_ ..,~,..
   ----------------------------"----------------------------
                             FONTS                           */
/* Generated by Font Squirrel (https://www.fontsquirrel.com) on April 15, 2016 */
@font-face {
  font-family: 'kaushan_scriptregular';
  src: url('../fonts/kaushanscript-regular-webfont.eot');
  src: url('../fonts/kaushanscript-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/kaushanscript-regular-webfont.woff2') format('woff2'), url('../fonts/kaushanscript-regular-webfont.woff') format('woff'), url('../fonts/kaushanscript-regular-webfont.ttf') format('truetype'), url('../fonts/kaushanscript-regular-webfont.svg#kaushan_scriptregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'fira_sansbold';
  src: url('../fonts/firasans-bold-webfont.eot');
  src: url('../fonts/firasans-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/firasans-bold-webfont.woff2') format('woff2'), url('../fonts/firasans-bold-webfont.woff') format('woff'), url('../fonts/firasans-bold-webfont.ttf') format('truetype'), url('../fonts/firasans-bold-webfont.svg#fira_sansbold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'fira_sansbold_italic';
  src: url('../fonts/firasans-bolditalic-webfont.eot');
  src: url('../fonts/firasans-bolditalic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/firasans-bolditalic-webfont.woff2') format('woff2'), url('../fonts/firasans-bolditalic-webfont.woff') format('woff'), url('../fonts/firasans-bolditalic-webfont.ttf') format('truetype'), url('../fonts/firasans-bolditalic-webfont.svg#fira_sansbold_italic') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'fira_sansbook';
  src: url('../fonts/firasans-book-webfont.eot');
  src: url('../fonts/firasans-book-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/firasans-book-webfont.woff2') format('woff2'), url('../fonts/firasans-book-webfont.woff') format('woff'), url('../fonts/firasans-book-webfont.ttf') format('truetype'), url('../fonts/firasans-book-webfont.svg#fira_sansbook') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'fira_sansbook_italic';
  src: url('../fonts/firasans-bookitalic-webfont.eot');
  src: url('../fonts/firasans-bookitalic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/firasans-bookitalic-webfont.woff2') format('woff2'), url('../fonts/firasans-bookitalic-webfont.woff') format('woff'), url('../fonts/firasans-bookitalic-webfont.ttf') format('truetype'), url('../fonts/firasans-bookitalic-webfont.svg#fira_sansbook_italic') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'fira_sanssemibold';
  src: url('../fonts/firasans-semibold-webfont.eot');
  src: url('../fonts/firasans-semibold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/firasans-semibold-webfont.woff2') format('woff2'), url('../fonts/firasans-semibold-webfont.woff') format('woff'), url('../fonts/firasans-semibold-webfont.ttf') format('truetype'), url('../fonts/firasans-semibold-webfont.svg#fira_sanssemibold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'fira_sanssemibold_italic';
  src: url('../fonts/firasans-semibolditalic-webfont.eot');
  src: url('../fonts/firasans-semibolditalic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/firasans-semibolditalic-webfont.woff2') format('woff2'), url('../fonts/firasans-semibolditalic-webfont.woff') format('woff'), url('../fonts/firasans-semibolditalic-webfont.ttf') format('truetype'), url('../fonts/firasans-semibolditalic-webfont.svg#fira_sanssemibold_italic') format('svg');
  font-weight: normal;
  font-style: normal;
}