@charset "UTF-8";
/*********************************************
  :: Necessary SASS files
********************************************/
/*  Syntax Quick Reference
  --------------------------
  column($ratios: 1, $offset: 0, $cycle: 0, $uncycle: 0, $gutter: $jeet-gutter)
  span($ratio: 1, $offset: 0)
  shift($ratios: 0, $col_or_span: column, $gutter: $jeet-gutter)
  unshift()
  edit()
  center($max_width: 1410px, $pad: 0)
  stack($pad: 0, $align: false)
  unstack()
  align($direction: both)
  cf()
*/
/**
 * Grid settings.
 * All values are defaults and can therefore be easily overidden.
 */
/**
 * List functions courtesy of the wonderful folks at Team Sass.
 * Check out their awesome grid: Singularity.
 */
/**
 * Get  percentage from a given ratio.
 * @param {number} [$ratio=1] - The column ratio of the element.
 * @returns {number} - The percentage value.
 */
/**
 * Work out the column widths based on the ratio and gutter sizes.
 * @param {number} [$ratios=1] - The column ratio of the element.
 * @param {number} [$gutter=$jeet-gutter] - The gutter for the column.
 * @returns {list} $width $gutter - A list containing the with and gutter for the element.
 */
/**
 * Get the set layout direction for the project.
 * @returns {string} $direction - The layout direction.
 */
/**
 * Replace a specified list value with a new value (uses built in set-nth() if available)
 * @param {list} $list - The list of values you want to alter.
 * @param {number} $index - The index of the list item you want to replace.
 * @param {*} $value - The value you want to replace $index with.
 * @returns {list} $list - The list with the value replaced or removed.
 * @warn if an invalid index is supplied.
 */
/**
 * Reverse a list (progressively enhanced for Sass 3.3)
 * @param {list} $list - The list of values you want to reverse.
 * @returns {list} $result - The reversed list.
 */
/**
 * Get the opposite direction to a given value.
 * @param {string} $dir - The direction you want the opposite of.
 * @returns {string} - The opposite direction to $dir.
 * @warn if an incorrect string is provided.
 */
/**
 * Perform a value into a percentage value.
 * @param {number} $value - The value which should be converted.
 * @returns {number} $value - The percentage.
 */
/**
 * Style an element as a column with a gutter.
 * @param {number} [$ratios=1] - A width relative to its container as a fraction.
 * @param {number} [$offset=0] - A offset specified as a fraction (see $ratios).
 * @param {number} [$cycle=0] - Easily create an nth column grid where $cycle equals the number of columns.
 * @param {number} [$uncycle=0] - Undo a previous cycle value to allow for a new one.
 * @param {number} [$gutter=$jeet-gutter] - Specify the gutter width as a percentage of the containers width.
 */
/**
 * Aliases for j-column().
 */
/**
 * Get the width of a column and nothing else.
 * @param {number} [$ratios=1] - A width relative to its container as a fraction.
 * @param {number} [$gutter=$jeet-gutter] - Specify the gutter width as a percentage of the containers width.
 */
/**
 * Aliases for j-column-width().
 */
/**
 * Get the gutter size of a column and nothing else.
 * @param {number} [ratios=1] - A width relative to its container as a fraction.
 * @param {number} [gutter=jeet.gutter] - Specify the gutter width as a percentage of the containers width.
 */
/**
 * Alias for j-column-gutter().
 */
/**
 * Style an element as a column without any gutters for a seamless row.
 * @param {number} [$ratios=1] - A width relative to its container as a fraction.
 * @param {number} [$offset=0] - A offset specified as a fraction (see $ratios).
 * @param {number} [cycle=0] - Easily create an nth column grid where cycle equals the number of columns.
 * @param {number} [uncycle=0] - Undo a previous cycle value to allow for a new one.
 */
/**
 * Alias for j-span().
 */
/**
 * Reorder columns without altering the HTML.
 * @param {number} [$ratios=0] - Specify how far along you want the element to move.
 * @param {string} [$col-or-span=column] - Specify whether the element has a gutter or not.
 * @param {number} [$gutter=$jeet-gutter] - Specify the gutter width as a percentage of the containers width.
 */
/**
 * Alias for j-shift().
 */
/**
 * Reset an element that has had shift() applied to it.
 */
/**
 * Alias for j-unshift().
 */
/**
 * View the grid and its layers for easy debugging.
 * @param {string} [$color=black] - The background tint applied.
 * @param {boolean} [$important=false] - Whether to apply the style as !important.
 */
/**
 * Aliases for j-edit().
 */
/**
 * Horizontally center an element.
 * @param {number} [$max-width=1410px] - The max width the element can be.
 * @param {number} [$pad=0] - Specify the element's left and right padding.
 */
/**
 * Alias for j-center().
 */
/**
 * Uncenter an element.
 */
/**
 * Alias for j-uncenter().
 */
/**
 * Stack an element so that nothing is either side of it.
 * @param {number} [$pad=0] - Specify the element's left and right padding.
 * @param {boolean/string} [$align=false] - Specify the text align for the element.
 */
/**
 * Alias for j-stack().
 */
/**
 * Unstack an element.
 */
/**
 * Alias for j-unstack().
 */
/**
 * Center an element on either or both axes.
 * @requires A parent container with relative positioning.
 * @param {string} [$direction=both] - Specify which axes to center the element on.
 */
/**
 * Alias for j-align().
 */
/**
 * Apply a clearfix to an element.
 */
/**
 * Alias for j-cf().
 */
/*********************************************
  :: Sass Setup
  :: Variables, mixins and more!!
********************************************/
/*********************************************
  :: colors!!!!!!
  :: 3 most over used colors for the site
  :: usage = background: $primary-color;
********************************************/
/*********************************************
  :: typography defaults!!!!!!
  :: 3 most over used colors for the site
  :: usage = font-size: $body-copy-size; || line-height: $body-copy-lh;
********************************************/
/*********************************************
  :: breakpoint mixin
  :: simple custom defined breakpoints
  :: usage = @include breakpoint(gt760)
********************************************/
/*********************************************
  :: rgba mixin
  :: good for those pesky old browsers!!!
  :: usage = @include rgba(#000, 0.5)
********************************************/
/*********************************************
  :: Cross Browser - Border Radius
  :: good for those pesky old browsers!!!
  :: usage = @include border-radius(0px 0px 0px 0px)
********************************************/
/*********************************************
:: Core
   Base Elements
   eg. typography, fonts, forms, buttons etc.
********************************************/
/*********************************************
:: Variables
********************************************/
/*******************************************/
/*******************************************/
/*******************************************/
/*******************************************/
/*******************************************/
/*******************************************/
/*********************************************
:: Normalize                        
********************************************/
@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Raleway:500,700");
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

body {
  margin: 0; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block; }

audio, canvas, progress, video {
  display: inline-block;
  vertical-align: baseline; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden], template {
  display: none; }

a {
  background-color: transparent; }

a:active, a:hover {
  outline: 0; }

abbr[title] {
  border-bottom: 1px dotted; }

dfn {
  font-style: italic; }

h1 {
  font-size: 2em;
  margin: .67em 0; }

mark {
  background: #ff0;
  color: #000; }

small {
  font-size: 80%; }

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -.5em; }

sub {
  bottom: -.25em; }

img {
  border: 0; }

svg:not(:root) {
  overflow: hidden; }

figure {
  margin: 1em 40px; }

hr {
  box-sizing: content-box;
  height: 0; }

pre {
  overflow: auto; }

code, kbd, pre, samp {
  font-family: monospace,monospace;
  font-size: 1em; }

button, input, optgroup, select, textarea {
  color: inherit;
  font: inherit;
  margin: 0; }

button {
  overflow: visible; }

button, select {
  text-transform: none; }

button, html input[type=button], input[type=reset], input[type=submit] {
  -webkit-appearance: none;
  cursor: pointer; }

button[disabled], html input[disabled] {
  cursor: default; }

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0; }

input {
  line-height: normal; }

input[type=checkbox], input[type=radio] {
  box-sizing: border-box;
  padding: 0; }

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
  height: auto; }

input[type=search] {
  -webkit-appearance: textfield;
  box-sizing: content-box; }

input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none; }

fieldset {
  border: 1px solid silver;
  margin: 0 2px;
  padding: .35em .625em .75em; }

legend {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto; }

optgroup {
  font-weight: 700; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

td, th {
  padding: 0; }

h1, h2, legend, h3, h4, h5, h6, ol, ul, blockquote, p, li, dt, dl, dd {
  margin: 0px;
  padding: 0px; }

.button, button, button[type="submit"], input[type="submit"], input[type="button"], input[type="reset"] {
  outline: none;
  background: none;
  border: none;
  cursor: pointer;
  width: auto;
  padding: 0px;
  margin: 0px; }

legend, fieldset {
  margin: 0px;
  padding: 0px;
  border: none; }

figure {
  margin: 0px; }

*, *:before, *:after {
  box-sizing: border-box; }

/*******************************************/
::-moz-selection, ::-moz-selection {
  background: #000621;
  color: white; }
::-moz-selection, ::selection {
  background: #000621;
  color: white; }

::-moz-selection {
  background: #000621;
  color: white; }

::selection {
  background: #000621;
  color: white; }

img {
  display: inline-block;
  max-width: 100%;
  width: auto\9;
  height: auto; }

/*********************************************
:: Icon Fonts                    
********************************************/
@font-face {
  font-family: "icomoon";
  src: url("../fonts/icomoon.eot?l1en53");
  src: url("../fonts/icomoon.eot?#iefixl1en53") format("embedded-opentype"), url("../fonts/icomoon.ttf?l1en53") format("truetype"), url("../fonts/icomoon.woff?l1en53") format("woff"), url("../fonts/icomoon.svg?l1en53#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }

[class^="icon-"], [class*=" icon-"] {
  font-family: "icomoon";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-angle-double-down:before {
  content: "\e922"; }

.icon-angle-double-left:before {
  content: "\e923"; }

.icon-angle-double-right:before {
  content: "\e924"; }

.icon-angle-double-up:before {
  content: "\e925"; }

.icon-angle-down:before {
  content: "\e926"; }

.icon-angle-left:before {
  content: "\e927"; }

.icon-angle-right:before {
  content: "\e928"; }

.icon-angle-up:before {
  content: "\e929"; }

.icon-arrow-circle-down:before {
  content: "\e92a"; }

.icon-arrow-circle-left:before {
  content: "\e92b"; }

.icon-arrow-circle-o-down:before {
  content: "\e92c"; }

.icon-arrow-circle-o-left:before {
  content: "\e92d"; }

.icon-arrow-circle-o-right:before {
  content: "\e92e"; }

.icon-arrow-circle-o-up:before {
  content: "\e92f"; }

.icon-arrow-circle-right:before {
  content: "\e930"; }

.icon-arrow-circle-up:before {
  content: "\e931"; }

.icon-bars:before {
  content: "\e932"; }

.icon-behance:before {
  content: "\f1b4"; }

.icon-behance-square:before {
  content: "\f1b5"; }

.icon-calendar2:before {
  content: "\e933"; }

.icon-check2:before {
  content: "\e934"; }

.icon-chevron-circle-down:before {
  content: "\e935"; }

.icon-chevron-circle-left:before {
  content: "\e936"; }

.icon-chevron-circle-right:before {
  content: "\e937"; }

.icon-chevron-circle-up:before {
  content: "\e938"; }

.icon-chevron-down:before {
  content: "\e939"; }

.icon-chevron-left:before {
  content: "\e93a"; }

.icon-chevron-right:before {
  content: "\e93b"; }

.icon-chevron-up:before {
  content: "\e93c"; }

.icon-commenting:before {
  content: "\f27a"; }

.icon-commenting-o:before {
  content: "\f27b"; }

.icon-envelope-o:before {
  content: "\e93d"; }

.icon-facebook:before {
  content: "\e93f"; }

.icon-facebook-square:before {
  content: "\e93e"; }

.icon-file:before {
  content: "\e940"; }

.icon-file-excel-o:before {
  content: "\f1c3"; }

.icon-file-image-o:before {
  content: "\f1c5"; }

.icon-file-photo-o:before {
  content: "\f1c5"; }

.icon-file-picture-o:before {
  content: "\f1c5"; }

.icon-file-pdf-o:before {
  content: "\f1c1"; }

.icon-file-powerpoint-o:before {
  content: "\f1c4"; }

.icon-file-word-o:before {
  content: "\f1c2"; }

.icon-google:before {
  content: "\f1a0"; }

.icon-google-plus:before {
  content: "\e942"; }

.icon-google-plus2:before {
  content: "\f0d5"; }

.icon-google-plus-square:before {
  content: "\e941"; }

.icon-google-plus-square2:before {
  content: "\f0d4"; }

.icon-info-circle:before {
  content: "\e943"; }

.icon-instagram:before {
  content: "\e944"; }

.icon-instagram2:before {
  content: "\f16d"; }

.icon-linkedin:before {
  content: "\e946"; }

.icon-linkedin-square:before {
  content: "\e945"; }

.icon-map3:before {
  content: "\f279"; }

.icon-map-marker:before {
  content: "\e947"; }

.icon-map-o:before {
  content: "\f278"; }

.icon-minus-circle:before {
  content: "\e948"; }

.icon-phone-diagonal:before {
  content: "\e949"; }

.icon-pinterest:before {
  content: "\f0d2"; }

.icon-pinterest2:before {
  content: "\e94b"; }

.icon-pinterest-square:before {
  content: "\e94a"; }

.icon-pinterest-square2:before {
  content: "\f0d3"; }

.icon-play:before {
  content: "\e94c"; }

.icon-plus-circle:before {
  content: "\e94d"; }

.icon-question-circle:before {
  content: "\e94e"; }

.icon-safari:before {
  content: "\f267"; }

.icon-search:before {
  content: "\e950"; }

.icon-search-plus:before {
  content: "\e94f"; }

.icon-shopping-cart:before {
  content: "\e951"; }

.icon-sort:before {
  content: "\e952"; }

.icon-tags:before {
  content: "\e953"; }

.icon-times2:before {
  content: "\e954"; }

.icon-toggle-off:before {
  content: "\f204"; }

.icon-toggle-on:before {
  content: "\f205"; }

.icon-tripadvisor:before {
  content: "\f262"; }

.icon-tumblr:before {
  content: "\f173"; }

.icon-tumblr2:before {
  content: "\e957"; }

.icon-tumblr-square:before {
  content: "\f174"; }

.icon-tumblr-square2:before {
  content: "\e956"; }

.icon-twitter:before {
  content: "\f099"; }

.icon-twitter2:before {
  content: "\e959"; }

.icon-twitter-square:before {
  content: "\e958"; }

.icon-twitter-square2:before {
  content: "\f081"; }

.icon-user:before {
  content: "\e95a"; }

.icon-vimeo-square:before {
  content: "\e95b"; }

.icon-vine:before {
  content: "\f1ca"; }

.icon-youtube:before {
  content: "\e95e"; }

.icon-youtube-play:before {
  content: "\f16a"; }

.icon-youtube-play2:before {
  content: "\e95c"; }

.icon-youtube-square:before {
  content: "\e95d"; }

.icon-home:before {
  content: "\e900"; }

.icon-newspaper:before {
  content: "\e901"; }

.icon-image:before {
  content: "\e902"; }

.icon-file-empty:before {
  content: "\e903"; }

.icon-file-text2:before {
  content: "\e904"; }

.icon-phone:before {
  content: "\e905"; }

.icon-phone-hang-up:before {
  content: "\e906"; }

.icon-pin:before {
  content: "\e955"; }

.icon-location:before {
  content: "\e907"; }

.icon-location2:before {
  content: "\e908"; }

.icon-compass:before {
  content: "\e909"; }

.icon-map:before {
  content: "\e90a"; }

.icon-map2:before {
  content: "\e90b"; }

.icon-alarm:before {
  content: "\e90f"; }

.icon-bell:before {
  content: "\e910"; }

.icon-stopwatch:before {
  content: "\e911"; }

.icon-calendar:before {
  content: "\e91e"; }

.icon-display:before {
  content: "\e91f"; }

.icon-laptop:before {
  content: "\e920"; }

.icon-mobile:before {
  content: "\e912"; }

.icon-mobile2:before {
  content: "\e913"; }

.icon-tablet:before {
  content: "\e914"; }

.icon-tv:before {
  content: "\e915"; }

.icon-plus2:before {
  content: "\e91a"; }

.icon-minus2:before {
  content: "\e91b"; }

.icon-checkmark:before {
  content: "\e91c"; }

.icon-checkmark2:before {
  content: "\e91d"; }

.icon-thin-search:before {
  content: "\e921"; }

.icon-substract:before {
  content: "\e90c"; }

.icon-add:before {
  content: "\e90d"; }

.icon-cross:before {
  content: "\e90e"; }

.icon-left-arrow:before {
  content: "\e916"; }

.icon-right-arrow:before {
  content: "\e917"; }

.icon-left-arrow2:before {
  content: "\e918"; }

.icon-arrow-pointing-to-right:before {
  content: "\e919"; }

.icon-ico-cart-secure:before {
  content: "\e96f"; }

.icon-ico-cart-edit:before {
  content: "\e970"; }

.icon-ico-nav:before {
  content: "\e98a"; }

.icon-ico-search:before {
  content: "\e98d"; }

.icon-ico-download:before {
  content: "\e96e"; }

.icon-ico-heart:before {
  content: "\e963"; }

.icon-ico-edit:before {
  content: "\e964"; }

.icon-ico-secure:before {
  content: "\e965"; }

.icon-ico-user:before {
  content: "\e966"; }

.icon-ico-question:before {
  content: "\e967"; }

.icon-ico-map:before {
  content: "\e968"; }

.icon-ico-mail:before {
  content: "\e969"; }

.icon-ico-phone:before {
  content: "\e96a"; }

.icon-ico-zoom:before {
  content: "\e96b"; }

.icon-ico-cart:before {
  content: "\e96c"; }

.icon-ico-menu:before {
  content: "\e96d"; }

.icon-search2:before {
  content: "\e971"; }

.icon-menu:before {
  content: "\e972"; }

/*********************************************
:: Typography
********************************************/
html {
  font-family: "Raleway", "Arial", sans-serif;
  font-weight: 400; }

h1, h2, legend, h3, h4, h5, h6 {
  font-family: "Raleway", "Arial", sans-serif !important;
  font-weight: 700;
  margin-bottom: 20px; }

h1 {
  font-size: 28px;
  line-height: 32px;
  color: #1f3d7c; }
  @media all and (min-width: 64em) {
    h1 {
      font-size: 44px;
      line-height: 50px; } }

h2, legend {
  font-size: 18px;
  line-height: 28px; }
  @media all and (min-width: 64em) {
    h2, legend {
      font-size: 26px; } }

h3 {
  font-size: 16px;
  line-height: 26px; }
  @media all and (min-width: 64em) {
    h3 {
      font-size: 22px; } }

h4 {
  font-size: 16px;
  line-height: 24px; }
  @media all and (min-width: 64em) {
    h4 {
      font-size: 20px; } }

h5 {
  font-size: 16px;
  line-height: 24px; }
  @media all and (min-width: 64em) {
    h5 {
      font-size: 18px; } }

h6 {
  font-size: 16px;
  line-height: 24px; }
  @media all and (min-width: 64em) {
    h6 {
      font-size: 16px; } }

/*******************************************/
p, li, td, th, a, mark, time, dl, label, address {
  margin-bottom: 15px;
  font-size: 14px;
  line-height: 22px;
  color: #333333; }
  p a, p li, p p, p mark, p cite, p time, li a, li li, li p, li mark, li cite, li time, td a, td li, td p, td mark, td cite, td time, th a, th li, th p, th mark, th cite, th time, a a, a li, a p, a mark, a cite, a time, mark a, mark li, mark p, mark mark, mark cite, mark time, time a, time li, time p, time mark, time cite, time time, dl a, dl li, dl p, dl mark, dl cite, dl time, label a, label li, label p, label mark, label cite, label time, address a, address li, address p, address mark, address cite, address time {
    font-size: 1em; }

a {
  margin: 0px;
  font-weight: 400;
  text-decoration: none;
  color: #1f3d7c;
  transition: all .5s ease-in-out; }
  a:hover, a:focus, a:active {
    color: #13254b; }

small {
  font-size: 70%; }

strong, b {
  font-weight: 700; }

em, i {
  font-style: italic; }

hr {
  display: block;
  width: 100%;
  height: 1px;
  margin-bottom: 15px;
  background: #ccc;
  border: none;
  outline: none; }

/*******************************************/
dt {
  font-weight: 700; }
  dt:after {
    content: ':'; }

dt:after {
  content: ": "; }

ul li {
  position: relative;
  list-style-type: none;
  text-indent: 0px; }

ol li {
  list-style-type: decimal; }

ul, ol {
  margin-left: 40px;
  margin-bottom: 20px; }

/*******************************************/
code, pre, samp, kbd, var {
  margin: 0px;
  padding: 1px 5px 1px 5px;
  color: white;
  background: #2D747E;
  white-space: pre-wrap; }

pre {
  padding: 10px; }

/*******************************************/
blockquote {
  position: relative;
  display: block;
  margin: 35px 0 55px 0;
  padding: 20px 10% 20px 10%;
  font-size: 20px;
  font-weight: 300;
  font-style: italic;
  text-align: center;
  line-height: 30px;
  color: #002f86; }
  @media all and (min-width: 64em) {
    blockquote {
      padding: 40px 10% 40px 10%;
      font-size: 25px;
      line-height: 35px; } }

/*******************************************/
.wysiwyg {
  text-align: left; }
  .wysiwyg h1, .wysiwyg h2, .wysiwyg legend, .wysiwyg h4, .wysiwyg h5, .wysiwyg h6 {
    font-size: 24px;
    color: #1f3d7c;
    font-weight: 600;
    margin-bottom: 20px; }
    .wysiwyg h1 sup, .wysiwyg h2 sup, .wysiwyg legend sup, .wysiwyg h4 sup, .wysiwyg h5 sup, .wysiwyg h6 sup {
      font-size: 67%; }
  .wysiwyg h3 {
    color: #82bc00;
    font-size: 20px;
    font-weight: 400; }
  .wysiwyg p sup, .wysiwyg li sup, .wysiwyg a sup {
    font-size: 70%; }
  .wysiwyg p {
    font-family: "Helvetica", "Arial", sans-serif;
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    color: #4c4c4e;
    line-height: 22px;
    letter-spacing: 0; }
  .wysiwyg img {
    margin: 0 auto 15px auto; }
    @media all and (min-width: 48em) {
      .wysiwyg img {
        max-width: 70%; } }
  .wysiwyg ul li {
    list-style-type: disc;
    margin-bottom: 5px; }

.leadcopy {
  font-size: 15px;
  font-weight: 700;
  line-height: 24px;
  color: black; }
  @media all and (min-width: 64em) {
    .leadcopy {
      font-size: 17px; } }

/*******************************************/
.wf-loading h1,
.wf-loading h2,
.wf-loading legend,
.wf-loading p,
.wf-loading a {
  visibility: hidden; }

/*********************************************
:: Buttons                             
********************************************/
button {
  outline: none; }

/*******************************************/
.button {
  display: inline-block;
  height: auto;
  padding: 0px 12px;
  font-family: "Helvetica", "Arial", sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: #1f3d7c;
  line-height: 30px;
  text-decoration: none;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
  background: transparent;
  transition: all 0.4s ease-in-out; }

/*******************************************/
.button-white {
  color: black;
  background: white; }
  @media all and (min-width: 48em) {
    .button-white:hover, .button-white:focus, .button-white:active {
      background: black;
      color: white; } }

/*******************************************/
.button-green {
  width: 143px;
  height: 34px;
  font-size: 12px;
  color: white;
  text-transform: uppercase;
  text-align: center;
  border-radius: 5px;
  background: linear-gradient(to bottom, #8cc901, #82bc00); }
  @media all and (min-width: 48em) {
    .button-green:hover, .button-green:focus, .button-green:active {
      background: transparent;
      color: white;
      background: linear-gradient(to top, #8cc901, #82bc00); } }

/*******************************************/
.button-more {
  width: 100%;
  margin: 0px 0 40px 0;
  text-align: center;
  position: relative;
  background: white; }
  @media all and (min-width: 64em) {
    .button-more {
      margin: 40px 0 100px 0; } }
  .button-more:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 1px;
    background: #979797; }
  .button-more p {
    position: relative;
    display: inline-block;
    width: auto;
    padding: 0 50px;
    font-size: 14px;
    line-height: 40px;
    color: #82bc00;
    background: white;
    z-index: 1;
    transition: all 0.25s ease-in-out; }
    @media all and (min-width: 64em) {
      .button-more p {
        font-size: 24px; } }
  .button-more:hover {
    background: white; }
    .button-more:hover p {
      -webkit-filter: brightness(120%);
      filter: brightness(120%); }

/*******************************************/
.button-underline {
  position: relative;
  display: inline-block;
  padding-bottom: 15px;
  font-family: "Raleway", "Arial", sans-serif;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 34px;
  text-align: center;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5);
  color: #000;
  width: 99px;
  height: 34px;
  border-radius: 5px;
  border: solid 1px #4c4c4e;
  transition: all 0.4s ease-in-out; }
  .button-underline:hover, .button-underline .active, .button-underline :focus {
    border: 1px solid transparent;
    background: linear-gradient(to bottom, #fedd19, #ffcd00); }

/*******************************************/
.button-disabled,
.button[disabled],
button[disabled],
button[type="submit"][disabled],
input[type="submit"][disabled],
input[type="button"][disabled],
input[type="reset"][disabled] {
  color: white;
  opacity: 0.5;
  cursor: default; }

.noscroll {
  overflow: hidden;
  position: fixed; }

/*********************************************
:: Tables                    
********************************************/
table {
  margin-bottom: 15px;
  width: 100%; }
  table td, table th {
    padding: 15px 10px 15px 10px;
    font-weight: 400;
    color: #212121;
    text-align: left; }
  table th {
    font-weight: 700;
    background: #ececec; }
  table thead {
    width: 100%;
    background: #ececec; }
    table thead td, table thead th {
      padding: 5px 10px 5px 10px; }
  table tfoot {
    border-bottom: 1px solid #212121;
    border-top: 1px solid #212121; }
    table tfoot td {
      padding: 15px 10px 15px 10px; }

/*******************************************/
.compact-table {
  width: auto; }
  .compact-table td, .compact-table th {
    padding: 5px 10px 5px 10px;
    font-size: 0.8em;
    font-weight: 400;
    color: #212121;
    text-align: left;
    line-height: 1.2;
    background: none;
    border: 1px solid #ccc; }
  .compact-table thead {
    width: auto;
    background: none; }

/*******************************************/
.table-container {
  width: 100%;
  overflow-y: auto;
  _overflow: auto;
  margin: 0 0 1em; }

/*********************************************
:: Layout
********************************************/
* {
  -webkit-tap-highlight-color: transparent;
  outline: 0; }

/*******************************************/
.main {
  display: block;
  min-height: calc(100vh - 148px);
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #ffffff), radial-gradient(circle at 50% 100%, #ffffff, #fef4da 51%, rgba(252, 228, 174, 0.81));
  background-size: 100% 405px;
  /* background-position: top; */
  background-repeat: no-repeat; }
  @media all and (min-width: 64em) {
    .main {
      min-height: calc(100vh - 338px); } }

/*******************************************/
.squared-image {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  margin: auto;
  width: 220px;
  height: 220px;
  background-position: center;
  background-size: contain;
  border: 9px solid white;
  box-shadow: -3px -1px 16px -7px black;
  -webkit-transform: rotate(6deg) translateZ(1px);
  transform: rotate(6deg) translateZ(1px);
  z-index: 9; }
  @media all and (min-width: 48em) {
    .squared-image {
      left: 6%;
      right: inherit; } }

.sidebar {
  width: 100%;
  position: relative; }
  @media all and (min-width: 64em) {
    .sidebar {
      float: left;
      padding: 0 0px 45px 0px; } }
  .sidebar blockquote {
    padding: 8% 7%;
    margin-bottom: 20px;
    font-size: 22px;
    font-style: normal;
    color: white;
    text-transform: uppercase;
    line-height: inherit;
    background-color: #82bc00; }
  @media all and (min-width: 48em) {
    .sidebar section {
      margin-top: 255px; } }
  .sidebar .dotted-container {
    padding: 10% 10% 4% 2%;
    border: 2px dotted #82bc00;
    border-radius: 10px;
    margin-bottom: 30px; }
    .sidebar .dotted-container ul, .sidebar .dotted-container ol {
      margin-left: 32px; }
      .sidebar .dotted-container ul li, .sidebar .dotted-container ol li {
        color: #1f3d7c; }

/*******************************************/
.content-max-width {
  position: relative;
  width: 100%;
  padding: 0 6%;
  clear: both; }
  @media all and (min-width: 64em) {
    .content-max-width {
      max-width: 940px;
      margin: 0 auto;
      padding: 0px; } }

.clear-after:after {
  content: '';
  display: block;
  clear: both; }

/*******************************************/
.content-slider-width {
  padding: 0 0%;
  position: relative;
  clear: both; }
  @media all and (min-width: 64em) {
    .content-slider-width {
      max-width: 940px;
      margin: 0 auto;
      padding: 0px; } }
  @media all and (min-width: 72.5em) {
    .content-slider-width {
      max-width: 940px; } }

/*******************************************/
@media all and (min-width: 64em) {
  .content-narrow-width {
    max-width: 740px;
    margin: 0 auto;
    clear: both; } }

@media all and (min-width: 72.5em) {
  .content-narrow-width {
    max-width: 740px; } }

/*******************************************/
@media all and (min-width: 64em) {
  .mob, .mobile {
    display: none !important; } }

@media all and (max-width: 63.9375em) {
  .desk, .desktop {
    display: none !important; } }

/*********************************************
:: Forms
********************************************/
form {
  width: 100%;
  background: white; }

legend {
  margin-bottom: 15px; }

label {
  font-size: 12px;
  line-height: 20px;
  font-weight: 300;
  color: black; }

/*******************************************/
.field-disabled,
input[disabled],
textarea[disabled],
select[disabled],
input[readonly],
textarea[readonly],
select[readonly] {
  opacity: 0.5;
  cursor: default; }

/*******************************************/
input, textarea, select {
  display: inline-block;
  width: 100%;
  height: 36px;
  padding: 0px 10px;
  font-size: 14px;
  line-height: 36px;
  background: white;
  border: 1px solid #CCCCCC;
  border-radius: 4px;
  outline: none;
  transition: all .5s ease-in-out; }
  input:hover, input:focus, textarea:hover, textarea:focus, select:hover, select:focus {
    background: #f1f1f1;
    border: 1px solid #82bc00;
    transition: all .5s ease-in; }

/*******************************************/
*::-webkit-input-placeholder {
  font-family: "Helvetica", "Arial", sans-serif;
  color: #333333;
  font-size: 12px; }
*:-ms-input-placeholder {
  font-family: "Helvetica", "Arial", sans-serif;
  color: #333333;
  font-size: 12px; }
*::placeholder {
  font-family: "Helvetica", "Arial", sans-serif;
  color: #333333;
  font-size: 12px; }

textarea, select[multiple] {
  height: 157px; }

input[type=checkbox], input[type=radio] {
  height: auto; }

/*******************************************/
.form-field .custom-checkbox-radio {
  float: left;
  width: auto;
  margin: 0;
  padding: 0 0 5px;
  font-weight: 400;
  line-height: 24px;
  cursor: pointer; }
  .form-field .custom-checkbox-radio input {
    display: inline-block;
    vertical-align: top;
    width: 15px;
    height: 15px;
    margin: 2px 5px 0 0;
    padding: 0;
    background: none;
    border: none;
    cursor: pointer; }

/*******************************************/
.form-field {
  float: left;
  width: 100%;
  padding: 0 0 16px; }
  .form-field label {
    width: 100%;
    margin-bottom: 3px;
    display: block; }
  .form-field.radio input {
    float: left;
    width: 5%;
    margin-top: 6px; }
  .form-field.radio p {
    width: 90%;
    display: inline-block; }

/*******************************************/
.button-field {
  float: left;
  width: 100%;
  margin-bottom: 15px;
  padding: 0 0 15px;
  text-align: center; }
  .button-field .form-note {
    float: none;
    margin-top: 11px;
    font-size: 12px;
    line-height: 20px;
    color: #999; }
    @media all and (min-width: 64em) {
      .button-field .form-note {
        float: left;
        width: auto;
        margin-bottom: 0px; } }
  .button-field button, .button-field input[type="submit"], .button-field input[type="reset"] {
    display: block;
    width: 108px;
    height: 30px;
    margin: auto;
    font-family: "Helvetica", "Arial", sans-serif;
    font-size: 12px;
    font-weight: 400;
    text-align: center;
    color: white;
    background: #1f3d7c;
    border-radius: 4px;
    transition: all .4s ease-in-out; }
    @media all and (min-width: 64em) {
      .button-field button, .button-field input[type="submit"], .button-field input[type="reset"] {
        margin-left: 10px;
        float: right; } }
    .button-field button span, .button-field input[type="submit"] span, .button-field input[type="reset"] span {
      color: white; }
    .button-field button:hover, .button-field button:focus, .button-field button:active, .button-field input[type="submit"]:hover, .button-field input[type="submit"]:focus, .button-field input[type="submit"]:active, .button-field input[type="reset"]:hover, .button-field input[type="reset"]:focus, .button-field input[type="reset"]:active {
      background: #82bc00; }

/*******************************************/
.form-fields-stack {
  *zoom: 1; }
.form-fields-stack:before{
  content: '';
  display: table; }
.form-fields-stack:after{
  content: '';
  display: table;
  clear: both; }
  .form-fields-stack.two-column .form-field {
    width: 100%; }
    @media all and (min-width: 64em) {
      .form-fields-stack.two-column .form-field {
        width: calc(99.99% * 1/2 - (10px - 10px * 1/2)); }
      .form-fields-stack.two-column .form-field:nth-child(1n){
    float: left;
    margin-right: 10px;
    clear: none; }
      .form-fields-stack.two-column .form-field:last-child{
    margin-right: 0; }
      .form-fields-stack.two-column .form-field:nth-child(2n){
    margin-right: 0;
    float: right; }
      .form-fields-stack.two-column .form-field:nth-child(2n + 1){
    clear: left; } }
  .form-fields-stack.three-column .form-field {
    width: 100%; }
    @media all and (min-width: 64em) {
      .form-fields-stack.three-column .form-field {
        width: calc(99.99% * 1/3 - (10px - 10px * 1/3)); }
      .form-fields-stack.three-column .form-field:nth-child(1n){
    float: left;
    margin-right: 10px;
    clear: none; }
      .form-fields-stack.three-column .form-field:last-child{
    margin-right: 0; }
      .form-fields-stack.three-column .form-field:nth-child(3n){
    margin-right: 0;
    float: right; }
      .form-fields-stack.three-column .form-field:nth-child(3n + 1){
    clear: left; } }

/*******************************************/
.form-field.error input,
.form-field.error textarea,
.form-field.error select,
.form-field.error .SumoSelect > .CaptionCont {
  border-color: #000621; }

.form-field.valid input,
.form-field.valid textarea,
.form-field.valid select,
.form-field.valid .SumoSelect > .CaptionCont {
  color: black;
  border-color: #CCCCCC; }

label.error, label.error-SumoSelect-label, .php-error li {
  margin: 10px 0 0;
  font-weight: 700;
  color: #000621 !important; }

.form-note {
  display: inline-block;
  margin-bottom: 20px;
  font-weight: 400;
  line-height: 1; }

input[type="submit"], button[type="submit"], input[type="button"] {
  background: #ffd400;
  color: #000;
  font-weight: 600;
  font-size: 16px;
  line-height: 37px;
  display: inline-block;
  padding: 0;
  margin: 20px 0 13px 0;
  width: 150px;
  height: 37px;
  text-transform: none;
  float: left;
  border-radius: 8px;
  behavior: url(/js/lib/PIE.htc);
  transition: all 0.5s ease-in-out; }

/*********************************************
:: Animations
********************************************/
@-webkit-keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

/*********************************************
:: Print                        
********************************************/
@media print {
  header, footer {
    display: none !important; } }

/*********************************************
:: General
********************************************/
.intro-container {
  width: 100%;
  margin-bottom: 35px; }
  .intro-container h1 {
    font-size: 24px; }
    .intro-container h1 sup {
      font-size: 16px; }
  @media all and (min-width: 64em) {
    .intro-container .content {
      display: inline-block;
      max-width: 49%;
      padding: 0 0px 0 0px; } }
  .intro-container .content img {
    max-width: 100%; }
  .intro-container .references {
    margin-bottom: 20px; }
    .intro-container .references p {
      margin-bottom: 0;
      color: #979797 !important;
      font-family: "Helvetica", "Arial", sans-serif;
      text-decoration: none;
      line-height: 13px;
      font-size: 9px;
      text-align: left; }

.panel {
  display: block;
  min-height: 154px;
  border-radius: 5px;
  background-color: #fcfcfc;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
  margin-bottom: 20px;
  transition: all 0.1s ease-in-out; }
  @media all and (min-width: 48em) {
    .panel {
      display: inline-block;
      height: 243px;
      width: calc(99.99% * 1/4 - (20px - 20px * 1/4)); }
    .panel:nth-child(1n){
    float: left;
    margin-right: 20px;
    clear: none; }
    .panel:last-child{
    margin-right: 0; }
    .panel:nth-child(4n){
    margin-right: 0;
    float: right; }
    .panel:nth-child(4n + 1){
    clear: left; } }
  @media all and (min-width: 64em) {
    .panel {
      height: 262px; } }
  .panel:hover, .panel:focus, .panel:active {
    opacity: 0.8;
    border-bottom: 3px solid #002f86;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); }
  .panel .panel-img {
    height: 100px;
    max-height: 100px;
    margin-bottom: 15px;
    background-size: cover !important;
    background-position: center -33px !important;
    border-radius: 5px; }
    @media all and (min-width: 48em) {
      .panel .panel-img {
        height: 203px;
        margin-bottom: 10px;
        background-position: center !important; } }
    @media all and (min-width: 64em) {
      .panel .panel-img {
        width: 220px;
        height: 160px;
        max-height: 160px; } }
  .panel h4 {
    padding: 0 15px 5px;
    font-family: "Raleway", "Arial", sans-serif;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0;
    color: #002f86;
    margin-bottom: 0; }
  .panel h4, .panel p {
    padding: 0 15px 5px; }
  .panel p {
    padding: 0 15px 20px;
    font-family: "Helvetica", "Arial", sans-serif;
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 16px;
    letter-spacing: 0;
    color: #4c4c4e; }

/*******************************************/
.external-link {
  position: relative;
  padding-bottom: 5px;
  margin-top: 10px;
  margin-bottom: 5%;
  padding-left: 20%; }
  .external-link:before {
    position: absolute;
    left: 0;
    height: 56px;
    width: 56px;
    content: '';
    background-image: url("/images/icon-click.png");
    background-position: left top;
    background-repeat: no-repeat;
    background-size: contain; }
  @media all and (min-width: 48em) {
    .external-link {
      padding-left: 75px; } }
  @media all and (min-width: 64em) {
    .external-link {
      padding-left: 96px; }
      .external-link:before {
        height: 70px;
        width: 70px; } }
  .external-link h5 {
    margin-bottom: 10px;
    font-size: 19px;
    line-height: 26px;
    font-family: "Raleway", "Arial", sans-serif;
    font-weight: 500;
    color: #82bc00; }
    @media all and (min-width: 48em) {
      .external-link h5 {
        line-height: 28px;
        max-width: 78%; } }
    .external-link h5 span {
      color: #19bffe; }

.rotate-right {
  -webkit-transform: rotate(6deg) translateZ(1px) !important;
  transform: rotate(6deg) translateZ(1px) !important; }

.rotate-left {
  -webkit-transform: rotate(-10deg) translateZ(1px) !important;
  transform: rotate(-10deg) translateZ(1px) !important; }

.list-yellow, .list-green {
  margin-left: 0; }
  .list-yellow li, .list-green li {
    padding-left: 40px;
    list-style-type: none !important; }
    .list-yellow li:before, .list-green li:before {
      position: absolute;
      top: 9px;
      left: 25px;
      width: 5px;
      height: 5px;
      display: inline-block;
      border-radius: 100px;
      background: #444;
      content: ""; }

.list-green {
  margin-left: 0; }
  .list-green li {
    padding: 10px 40px; }
    .list-green li:nth-of-type(odd) {
      background-color: rgba(172, 206, 113, 0.32); }
    .list-green li:before {
      top: 18px; }
  .list-green.non-striped li {
    background-color: rgba(172, 206, 113, 0.32);
    margin: 15px 0; }

.list-yellow {
  background-color: #FFF5E3;
  padding: 20px 0; }

.dotted-top-bottom {
  border-top: 2px dotted #82bc00;
  border-bottom: 2px dotted #82bc00;
  margin: 30px 0;
  padding: 30px 0; }

hr {
  border-top: 2px dotted #82bc00;
  background-color: transparent; }

/*********************************************
:: Common
   Common Components
   eg. header, footer, main menu etc.
********************************************/
/*********************************************
  :: Site Header
********************************************/
.site-header {
  position: relative;
  width: 100%;
  height: 140px;
  z-index: 1000; }
  @media all and (min-width: 48em) {
    .site-header {
      height: 114px; } }
  .site-header .header {
    width: 100%;
    height: 140px;
    float: left;
    position: relative;
    background-image: radial-gradient(37% 87%, #AED135 3%, #90B937 44%, #4B843D 111%);
    z-index: 9; }
    @media all and (min-width: 64em) {
      .site-header .header {
        height: 154px; } }
    .site-header .header .content-max-width {
      z-index: 9999; }
    .site-header .header .logo {
      display: inline-block; }
      @media all and (min-width: 64em) {
        .site-header .header .logo {
          float: right; } }
      .site-header .header .logo img {
        position: relative;
        height: auto;
        z-index: 2;
        max-width: 154px;
        max-height: 40px;
        box-shadow: 6px 3px 14px 0 rgba(0, 0, 0, 0.35); }
        @media all and (min-width: 48em) {
          .site-header .header .logo img {
            max-width: 250px;
            max-height: 46px;
            margin-top: -10px; } }
    .site-header .header .hamburger {
      width: 32px;
      height: 22px;
      position: absolute;
      top: 15px;
      right: 15px;
      background-image: url("/images/hamburger.svg");
      background-size: contain;
      background-repeat: no-repeat;
      background-position: bottom;
      background-color: transparent;
      border: none;
      z-index: 9; }
      .site-header .header .hamburger:focus {
        outline: none; }
    .site-header .header .top-nav {
      width: 100%;
      position: relative;
      text-align: left;
      z-index: 9;
      background-color: white;
      box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.25); }
      @media all and (min-width: 48em) {
        .site-header .header .top-nav {
          width: auto; } }
      @media all and (min-width: 64em) {
        .site-header .header .top-nav {
          margin-left: 0; } }
      .site-header .header .top-nav ul {
        font-size: 0;
        margin-left: 0; }
        .site-header .header .top-nav ul li {
          display: inline-block;
          vertical-align: top;
          margin-right: 5px; }
          @media all and (max-width: 21.8125em) {
            .site-header .header .top-nav ul li {
              font-size: 10px;
              width: auto; } }
          @media all and (min-width: 64em) {
            .site-header .header .top-nav ul li {
              margin-right: 0;
              margin-left: 15px;
              font-size: 12px;
              vertical-align: bottom; }
              .site-header .header .top-nav ul li:first-of-type {
                margin-left: 0; } }
          .site-header .header .top-nav ul li .buy-button {
            color: black;
            text-align: center;
            background-image: linear-gradient(to bottom, #fedd19, #ffcd00); }
          .site-header .header .top-nav ul li a.button {
            font-family: "Raleway", "Arial", sans-serif;
            font-size: 12px;
            font-weight: bold;
            letter-spacing: 0;
            line-height: 34px;
            text-align: center;
            color: #000;
            background-color: #FFF5E3;
            box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.25);
            border-radius: 4px; }
            @media all and (max-width: 21.8125em) {
              .site-header .header .top-nav ul li a.button {
                font-size: 10px;
                width: auto; } }
            .site-header .header .top-nav ul li a.button.double-line {
              line-height: 15px;
              font-size: 11px; }
              @media all and (max-width: 21.8125em) {
                .site-header .header .top-nav ul li a.button.double-line {
                  line-height: 33px;
                  font-size: 9px; } }
          .site-header .header .top-nav ul li a.text-header {
            color: #50B8E4; }
          .site-header .header .top-nav ul li a sup {
            font-size: 13px;
            line-height: 15px; }
          .site-header .header .top-nav ul li img {
            width: 15px;
            height: 21px;
            display: inline-block;
            margin-right: 10px; }
          .site-header .header .top-nav ul li .pipe {
            margin-left: 20px; }
    .site-header .header .website-title {
      display: inline-block;
      width: auto; }
      .site-header .header .website-title a {
        color: #ffcd00;
        font-family: "Raleway", "Arial", sans-serif;
        font-size: 42px;
        font-style: normal;
        font-weight: 500;
        text-shadow: 0 3px 18px rgba(0, 0, 0, 0.3); }
        .site-header .header .website-title a sup {
          top: -0.6em;
          font-size: 40%; }
      .site-header .header .website-title span {
        margin-left: 10px;
        vertical-align: middle;
        font-size: 12px;
        color: white; }
    .site-header .header .nav-menu {
      position: relative;
      float: right;
      display: block;
      z-index: 9; }
      .site-header .header .nav-menu.bottom-nav {
        display: none;
        clear: both; }
        @media all and (min-width: 64em) {
          .site-header .header .nav-menu.bottom-nav {
            display: block;
            width: 941px;
            float: none;
            margin: auto;
            height: 40px;
            background-color: #82bc00;
            top: 3px; } }
        .site-header .header .nav-menu.bottom-nav > ul {
          margin: 0;
          display: inline-block; }
          @media all and (min-width: 48em) {
            .site-header .header .nav-menu.bottom-nav > ul {
              position: absolute; } }
          .site-header .header .nav-menu.bottom-nav > ul li {
            display: inline-block;
            vertical-align: top; }
            .site-header .header .nav-menu.bottom-nav > ul li a {
              font-size: 13.4px;
              font-weight: 700;
              letter-spacing: 0;
              text-align: center;
              color: white;
              text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
              transition: all 0.25s ease-in-out; }
              @media all and (min-width: 48em) {
                .site-header .header .nav-menu.bottom-nav > ul li a {
                  line-height: 40px; } }
              .site-header .header .nav-menu.bottom-nav > ul li a.selected, .site-header .header .nav-menu.bottom-nav > ul li a:focus, .site-header .header .nav-menu.bottom-nav > ul li a:hover, .site-header .header .nav-menu.bottom-nav > ul li a:active {
                color: #ffcd00; }
        .site-header .header .nav-menu.bottom-nav .parent:hover {
          position: relative;
          z-index: 99; }
          .site-header .header .nav-menu.bottom-nav .parent:hover .dropdown {
            display: block; }
        .site-header .header .nav-menu.bottom-nav .dropdown {
          position: absolute;
          margin: 0;
          left: 0;
          bottom: 0;
          display: none;
          background-color: white;
          -webkit-transform: translateY(100%);
          -ms-transform: translateY(100%);
          transform: translateY(100%); }
          .site-header .header .nav-menu.bottom-nav .dropdown li {
            position: relative;
            margin-bottom: 3px;
            width: 250px;
            height: 52px;
            background-color: #C4DF87; }
            .site-header .header .nav-menu.bottom-nav .dropdown li:hover, .site-header .header .nav-menu.bottom-nav .dropdown li.selected {
              background-color: #FFDC4F; }
            .site-header .header .nav-menu.bottom-nav .dropdown li:last-of-type {
              margin-bottom: 0; }
            .site-header .header .nav-menu.bottom-nav .dropdown li a {
              display: block;
              width: 100%;
              height: 100%;
              text-shadow: none; }
              .site-header .header .nav-menu.bottom-nav .dropdown li a.selected, .site-header .header .nav-menu.bottom-nav .dropdown li a:focus, .site-header .header .nav-menu.bottom-nav .dropdown li a:hover, .site-header .header .nav-menu.bottom-nav .dropdown li a:active {
                background-color: #ffcd00; }
            .site-header .header .nav-menu.bottom-nav .dropdown li span {
              position: absolute;
              top: 50%;
              left: 0;
              -webkit-transform: translateY(-50%);
              -ms-transform: translateY(-50%);
              transform: translateY(-50%);
              width: 100%;
              padding: 0 15px;
              font-size: 14px;
              font-weight: 400;
              line-height: 14px;
              color: #000;
              text-align: left; }

/*********************************************
  :: Site Footer
********************************************/
.site-footer {
  position: relative;
  width: 100%;
  min-height: 70px;
  margin-bottom: 23px;
  background: white; }
  @media all and (min-width: 64em) {
    .site-footer {
      margin: 0 0 32px 0;
      min-height: 180px;
      margin: auto; } }
  .site-footer section {
    padding: 27px 0 0;
    width: 100%; }
    @media all and (min-width: 64em) {
      .site-footer section {
        padding: 24px 0 0; } }
    .site-footer section.upper-footer {
      padding: 19px 0 20px;
      border-top: 2px dotted #82bc00;
      border-bottom: 2px dotted #82bc00; }
      @media all and (min-width: 64em) {
        .site-footer section.upper-footer {
          padding: 20px 0; } }
    .site-footer section .left-section, .site-footer section .right-section {
      display: inline-block;
      vertical-align: top; }
    @media all and (min-width: 48em) {
      .site-footer section .left-section {
        float: right; } }
    .site-footer section .left-section img {
      width: 120px; }
      @media all and (min-width: 48em) {
        .site-footer section .left-section img {
          width: 145px; } }
    .site-footer section .right-section {
      max-width: 750px;
      width: 100%; }
      .site-footer section .right-section p {
        color: #979797;
        margin: 0;
        padding: 4px 0 0 0;
        font-family: "Helvetica", "Arial", sans-serif;
        text-decoration: none;
        line-height: 13px;
        font-size: 9px;
        text-align: left; }
        @media all and (min-width: 48em) {
          .site-footer section .right-section p {
            padding: 0; } }
  .site-footer .footer-legal {
    width: 100%; }
    .site-footer .footer-legal p, .site-footer .footer-legal a {
      width: 100%;
      font-size: 11px;
      line-height: 11px;
      text-align: left;
      color: #9b9b9b; }
      @media all and (min-width: 64em) {
        .site-footer .footer-legal p, .site-footer .footer-legal a {
          display: inline-block;
          text-align: center;
          width: auto; } }
    .site-footer .footer-legal section.footer-nav {
      margin-bottom: 15px;
      opacity: 0.6; }
      @media all and (min-width: 64em) {
        .site-footer .footer-legal section.footer-nav {
          float: left;
          margin-bottom: 40px; } }
      .site-footer .footer-legal section.footer-nav ul, .site-footer .footer-legal section.footer-nav li {
        margin-left: 0;
        display: inline-block;
        margin-bottom: 0; }
      .site-footer .footer-legal section.footer-nav ul {
        margin-bottom: 15px; }
      .site-footer .footer-legal section.footer-nav span.divider {
        width: 1px;
        height: 10px;
        background: #ccc;
        margin: 0 8px;
        display: inline-block;
        vertical-align: middle; }
      .site-footer .footer-legal section.footer-nav a {
        font-family: "Helvetica", "Arial", sans-serif;
        font-size: 12px;
        letter-spacing: 0;
        color: #4c4c4e;
        line-height: 11px; }
    .site-footer .footer-legal a.attribution {
      display: block; }
      @media all and (min-width: 64em) {
        .site-footer .footer-legal a.attribution {
          float: right; } }

/*********************************************
  :: Main Menu Toggle                            
********************************************/
body.open-menu #mobile-menu {
  -webkit-transform: translateX(0%);
  -ms-transform: translateX(0%);
  transform: translateX(0%); }

#mobile-menu {
  width: calc(100% - 52px);
  max-width: 323px;
  background: #81bd41;
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
  transition: -webkit-transform .25s;
  transition: transform .25s;
  -webkit-transform: translateX(100%) translateX(52px);
  -ms-transform: translateX(100%) translateX(52px);
  transform: translateX(100%) translateX(52px);
  z-index: 99999; }
  @media (min-width: 1024px) {
    #mobile-menu {
      display: none; } }
  #mobile-menu .menu-close-icon {
    width: 16px;
    height: 16px;
    position: absolute;
    top: 16px;
    left: 21px;
    background-color: transparent;
    background-image: url("/images/menu-close.svg");
    background-size: initial;
    background-repeat: no-repeat;
    background-position: center;
    outline: none;
    border: none; }
  #mobile-menu .menu-content {
    overflow-y: scroll;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0; }
    #mobile-menu .menu-content::-webkit-scrollbar {
      display: none; }
  #mobile-menu a {
    color: white;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3); }
    #mobile-menu a.parent {
      color: #fd8428;
      font-weight: 600; }
  #mobile-menu span {
    float: right;
    color: #000000;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px; }
  #mobile-menu ul {
    padding: 59px 15px 30px 21px;
    margin-left: 0; }
  #mobile-menu li {
    padding: 0;
    margin-bottom: 20px; }
    #mobile-menu li ul {
      display: none;
      padding: 15px 0px 0px 15px; }
    #mobile-menu li li:last-child {
      border-bottom: none; }

/*********************************************
:: Modules
********************************************/
/*********************************************
:: SignUp Module
********************************************/
.signup-module {
  width: 100%;
  margin: 0 auto;
  padding-bottom: 30px;
  display: inline-block;
  text-align: center;
  background: white;
  border-top: 1px solid #CCCCCC; }
  @media all and (min-width: 64em) {
    .signup-module {
      padding-bottom: 0px; } }
  @media all and (min-width: 64em) {
    .signup-module .content-max-width {
      width: 80%;
      max-width: 660px; } }
  .signup-module .success, .signup-module .error {
    width: 100%;
    text-align: center; }
  .signup-module .success {
    color: green; }
  .signup-module .error {
    color: red;
    font-size: 14px;
    padding: 10px; }
  .signup-module p {
    font-size: 14px;
    font-weight: 300;
    color: #1f3d7c;
    padding: 17px 0;
    margin: 0px; }
    @media all and (min-width: 64em) {
      .signup-module p {
        width: 50%;
        float: left;
        font-size: 18px;
        padding: 41px 0; } }
  .signup-module form {
    width: 100%;
    max-width: 487px;
    margin: 0 auto;
    display: inline-block;
    float: none;
    border-top: none !important; }
    @media all and (min-width: 64em) {
      .signup-module form {
        width: 50%;
        float: left;
        padding: 35px 0; } }
    .signup-module form input {
      width: 70%;
      height: 42px;
      border: 1px solid #CCCCCC;
      border-radius: 6px 0 0 6px;
      float: left; }
    .signup-module form button {
      width: 30%;
      height: 42px;
      float: right;
      padding: 10px;
      background: #82bc00;
      color: #1f3d7c;
      vertical-align: middle;
      border-radius: 0 6px 6px 0;
      font-size: 18px;
      font-family: "Helvetica", "Arial", sans-serif; }
      .signup-module form button:hover {
        background: #1f3d7c;
        color: white; }
      .signup-module form button .icon-search {
        vertical-align: middle; }

/********************************************/
/*********************************************
:: Title Module                    
********************************************/
.title-module {
  width: 100%;
  float: left;
  margin: 0 0 37px 0;
  position: relative; }
  @media all and (min-width: 64em) {
    .title-module {
      margin: 16px 0 37px 0; } }
  .title-module div {
    position: relative;
    width: 100%;
    height: 105px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat; }
    @media all and (min-width: 48em) {
      .title-module div {
        height: 180px;
        margin: auto;
        max-width: 940px; } }
  .title-module .squared-image {
    position: absolute;
    left: -71%;
    width: 100px;
    height: 100px;
    background-position: center;
    box-shadow: -3px -1px 16px -7px black;
    -webkit-transform: rotate(6deg);
    -ms-transform: rotate(6deg);
    transform: rotate(6deg);
    z-index: 9999;
    border: 4px solid white; }
    @media all and (min-width: 48em) {
      .title-module .squared-image {
        left: 6%;
        width: 190px;
        height: 190px;
        border: 9px solid white;
        z-index: 9; } }
  .title-module h1 {
    position: absolute;
    top: 40%;
    left: 32%;
    line-height: 19px;
    font-weight: 300;
    text-transform: uppercase;
    color: #1f3d7c; }
    @media all and (max-width: 37.4375em) {
      .title-module h1 {
        font-size: 100% !important; } }
    @media all and (min-width: 48em) {
      .title-module h1 {
        left: 38%;
        font-size: 27px; } }
    @media all and (min-width: 64em) {
      .title-module h1 {
        top: 31%;
        left: 29%;
        font-size: 27px;
        line-height: 59px; } }

/********************************************/
/*********************************************
:: Pagination Module                    
********************************************/
.pagination-module {
  width: 100%;
  margin: 0 auto;
  padding: 20px 0;
  display: inline-block;
  text-align: center;
  background: whitesmoke;
  /********************************************/ }
  @media all and (min-width: 64em) {
    .pagination-module {
      background: white; } }
  .pagination-module ul {
    width: auto;
    display: inline-block;
    height: 34px;
    padding: 0;
    margin: 6px;
    text-align: center;
    background: #82bc00;
    border-radius: 17px; }
    @media all and (min-width: 64em) {
      .pagination-module ul {
        margin: 0px; } }
    .pagination-module ul li {
      width: 28px;
      height: 28px;
      display: inline-block;
      margin: 3px; }
      .pagination-module ul li a {
        line-height: 28px;
        text-align: center;
        color: #1f3d7c;
        font-family: "Helvetica", "Arial", sans-serif;
        font-size: 1.25em; }
      .pagination-module ul li span {
        color: #1f3d7c;
        vertical-align: sub;
        font-size: 26px; }
      .pagination-module ul li.active {
        background: #1f3d7c;
        border-radius: 50%; }
        .pagination-module ul li.active a {
          color: white; }

/********************************************/
.yellow-box {
  position: relative;
  background: #ffd400;
  border-radius: 31px;
  padding: 31px 43px 23px;
  margin-bottom: 30px; }
  @media all and (min-width: 64em) {
    .yellow-box {
      float: right;
      padding: 31px 13px 23px;
      width: 259px;
      margin-right: 20px; } }
  .yellow-box .bee {
    width: 97px;
    position: absolute;
    top: -36px;
    right: 0;
    left: 0;
    margin: auto; }
  .yellow-box p {
    margin-bottom: 14px;
    margin-top: 42px;
    font-size: 20px;
    font-weight: 600;
    line-height: 27px;
    color: #000;
    display: inline-block;
    width: 83%; }
  .yellow-box ul {
    margin-bottom: 0; }
    .yellow-box ul li {
      list-style-type: disc;
      margin-left: -20px;
      font-size: 15.5px;
      color: #000; }

.vid {
  display: none; }

.vid1 {
  display: none; }

.form_content form h4 {
  margin: 20px 0 10px; }
  @media all and (min-width: 48em) {
    .form_content form h4 {
      margin: 30px 0 10px; } }

.form_content .js-message {
  display: none;
  margin-top: 20px;
  padding: 15px 17px 1px;
  background-color: rgba(255, 214, 221, 0.63); }

.two-columns-form {
  -webkit-column-count: 1;
  column-count: 1;
  width: 100%;
  margin: 10px 0; }
  @media all and (min-width: 64em) {
    .two-columns-form {
      -webkit-column-count: 2;
      column-count: 2; } }
  .two-columns-form .column {
    margin-bottom: 10px;
    display: block;
    width: 100%; }
    .two-columns-form .column input[type=radio] {
      width: 14px; }
    .two-columns-form .column input[type="submit"] {
      width: 100%; }
      @media all and (min-width: 48em) {
        .two-columns-form .column input[type="submit"] {
          width: 50%; } }

.two-columns-form1 {
  width: 100%; }
  .two-columns-form1 .column {
    vertical-align: middle; }
    @media all and (min-width: 48em) {
      .two-columns-form1 .column {
        width: 49%;
        display: inline-block; } }
    .two-columns-form1 .column:nth-of-type(2n+1) {
      margin-right: 1%; }
    .two-columns-form1 .column input [type="submit"] {
      width: 50%; }

.sign-me-up {
  width: 100% !important; }
  @media all and (min-width: 48em) {
    .sign-me-up .top-content p, .sign-me-up .top-content div {
      display: inline-block; } }
  .sign-me-up .top-content p {
    vertical-align: middle; }
  .sign-me-up .top-content .create_select ul li {
    float: left;
    margin-right: 30px;
    line-height: 14px;
    margin-top: 2px; }
    .sign-me-up .top-content .create_select ul li input {
      float: left;
      width: 14px; }

.login-lightbox {
  width: 100% !important;
  margin: auto; }
  .login-lightbox .js-error {
    color: red;
    text-align: center; }
  .login-lightbox input[type=checkbox] {
    width: 14px; }
  .login-lightbox .remember-me, .login-lightbox .submit {
    width: 100%;
    text-align: center; }
  .login-lightbox button[type="submit"] {
    float: none; }
  .login-lightbox .create-new-account, .login-lightbox .request-new-password {
    display: block;
    text-align: center; }

/*********************************************
:: Pages
********************************************/
/*********************************************
:: what-is-anaphylaxis
********************************************/
.page-what-is-anaphylaxis .intro-container {
  width: 100%;
  clear: both; }
  .page-what-is-anaphylaxis .intro-container h1 {
    font-size: 30px;
    margin-bottom: 16px; }
  .page-what-is-anaphylaxis .intro-container .content {
    width: 100%; }
    @media all and (min-width: 64em) {
      .page-what-is-anaphylaxis .intro-container .content {
        max-width: 65%;
        display: inline-block; } }
    .page-what-is-anaphylaxis .intro-container .content #list1 {
      margin-left: 0; }
      .page-what-is-anaphylaxis .intro-container .content #list1 li {
        padding-left: 40px;
        list-style-type: none; }
        .page-what-is-anaphylaxis .intro-container .content #list1 li:nth-of-type(odd) {
          background-color: rgba(172, 206, 113, 0.32); }
        .page-what-is-anaphylaxis .intro-container .content #list1 li:before {
          content: "";
          width: 5px;
          height: 5px;
          border-radius: 100px;
          background: #444;
          display: inline-block;
          position: absolute;
          top: 9px;
          left: 25px; }
    .page-what-is-anaphylaxis .intro-container .content #list2 li:before {
      content: "";
      background: url("/images/arrow-ico.png") no-repeat;
      width: 5px;
      height: 13px;
      border-radius: 100px;
      display: inline-block;
      position: absolute;
      top: 7px;
      left: -15px; }
    .page-what-is-anaphylaxis .intro-container .content #more-info {
      border-radius: 31px;
      background-color: #ffd400;
      padding: 30.5px 73px;
      margin-bottom: 53px;
      margin-top: 35px;
      text-align: center; }
      .page-what-is-anaphylaxis .intro-container .content #more-info p {
        margin-bottom: 0;
        font-size: 18px;
        font-weight: 700;
        line-height: 24px; }
        .page-what-is-anaphylaxis .intro-container .content #more-info p a {
          font-size: 18px;
          font-weight: 700;
          line-height: 24px;
          text-decoration: none;
          color: #1f3d7c; }
  .page-what-is-anaphylaxis .intro-container .sidebar {
    padding-top: 72%; }
    @media all and (min-width: 37.5em) {
      .page-what-is-anaphylaxis .intro-container .sidebar {
        padding-top: 1%; } }
    @media all and (min-width: 64em) {
      .page-what-is-anaphylaxis .intro-container .sidebar {
        padding-top: inherit;
        width: 260px;
        float: right; } }
    @media all and (min-width: 64em) {
      .page-what-is-anaphylaxis .intro-container .sidebar #section-1 {
        margin-top: 370px; } }
    @media all and (min-width: 64em) {
      .page-what-is-anaphylaxis .intro-container .sidebar #section-2 {
        margin-top: 105px;
        position: relative; } }
    @media all and (min-width: 64em) {
      .page-what-is-anaphylaxis .intro-container .sidebar #section-3 {
        margin-top: 530px;
        position: relative; }
        .page-what-is-anaphylaxis .intro-container .sidebar #section-3 div {
          position: relative; }
        .page-what-is-anaphylaxis .intro-container .sidebar #section-3 img {
          margin-top: 75px; } }
    @media all and (min-width: 64em) {
      .page-what-is-anaphylaxis .intro-container .sidebar .yellow-box {
        float: left;
        clear: both;
        margin: -45px 0 26px 0; } }
    .page-what-is-anaphylaxis .intro-container .sidebar .squared-image {
      background-size: cover; }
  .page-what-is-anaphylaxis .intro-container .external-link {
    margin: 0; }
  .page-what-is-anaphylaxis .intro-container .bottom-sidebar {
    display: none; }
    @media all and (min-width: 64em) {
      .page-what-is-anaphylaxis .intro-container .bottom-sidebar {
        display: block;
        position: absolute;
        bottom: 142px;
        right: 0; } }
    .page-what-is-anaphylaxis .intro-container .bottom-sidebar .squared-image {
      width: 220px;
      height: 220px;
      margin-bottom: 44px;
      position: relative;
      background-position: center;
      background-size: contain;
      border: 9px solid white;
      box-shadow: -3px -1px 16px -7px black; }
  .page-what-is-anaphylaxis .intro-container .references {
    width: 100%;
    float: left;
    padding-top: 20px; }

.page-what-is-anaphylaxis a {
  color: #19bffe; }

/*********************************************
:: what-is-epipen
********************************************/
.page-what-is-epipen .intro-container h1 {
  font-size: 30px;
  margin-bottom: 38px; }

@media all and (min-width: 64em) {
  .page-what-is-epipen .intro-container .content {
    max-width: 71%; } }

.page-what-is-epipen .intro-container .content.bottom-content {
  max-width: initial; }

.page-what-is-epipen .intro-container .content .content-wrap {
  margin-bottom: 30px;
  padding-bottom: 15px;
  border-bottom: 2px dotted #82bc00; }

@media all and (min-width: 48em) {
  .page-what-is-epipen .intro-container .sidebar {
    width: 38%;
    float: left; } }

@media all and (min-width: 64em) {
  .page-what-is-epipen .intro-container .sidebar {
    width: 242px;
    float: right; } }

.page-what-is-epipen .intro-container .sidebar .epipen {
  margin: auto;
  display: block;
  height: 270px; }

.page-what-is-epipen .intro-container .sidebar .diagram {
  margin-bottom: 75px;
  display: block;
  font-size: 19px;
  line-height: 26px;
  font-family: "Raleway", "Arial", sans-serif;
  font-weight: 400;
  color: #82bc00;
  text-align: center; }
  .page-what-is-epipen .intro-container .sidebar .diagram span {
    color: #19bffe; }

.page-what-is-epipen .intro-container .sidebar blockquote {
  font-size: 20px; }

.page-what-is-epipen .intro-container .sidebar .life-happens {
  margin-top: 80px; }

.page-what-is-epipen .intro-container .sidebar .squared-image {
  position: static;
  width: 240px;
  height: 240px;
  -webkit-transform: rotate(-6deg) translateZ(1px);
  transform: rotate(-6deg) translateZ(1px); }
  @media all and (min-width: 48em) {
    .page-what-is-epipen .intro-container .sidebar .squared-image {
      width: 200px;
      height: 200px; } }

.page-what-is-epipen .intro-container .sidebar .featherpop {
  width: 100%;
  float: right;
  margin: 60px 0 16px 0; }
  @media all and (min-width: 48em) {
    .page-what-is-epipen .intro-container .sidebar .featherpop {
      margin: 0 0 16px 0; } }
  .page-what-is-epipen .intro-container .sidebar .featherpop img {
    margin: 14px 0 0 0;
    padding: 27px 19px;
    border: 2px dotted #82bc00;
    background-color: white;
    border-radius: 10px;
    behavior: url(/js/lib/PIE.htc); }
    @media all and (min-width: 48em) {
      .page-what-is-epipen .intro-container .sidebar .featherpop img {
        width: 223px; } }
  .page-what-is-epipen .intro-container .sidebar .featherpop p {
    font-size: 17px;
    font-weight: 600;
    color: #1f3d7c;
    margin: 0px; }

.page-what-is-epipen .intro-container .external-link a, .page-what-is-epipen .intro-container .external-link h5 {
  max-width: 100%; }

.page-what-is-epipen .intro-container .features ul {
  margin-left: -15px; }

.page-what-is-epipen .intro-container .features li {
  padding-left: 20px;
  list-style-type: none;
  line-height: 32px; }
  .page-what-is-epipen .intro-container .features li::before {
    margin-right: 5px;
    content: "";
    width: 5px;
    height: 5px;
    border-radius: 100px;
    background: #444;
    display: inline-block;
    vertical-align: middle; }
  .page-what-is-epipen .intro-container .features li:nth-child(2n + 1) {
    background-color: #EBF4D6; }

/*********************************************
:: epipen-resources
********************************************/
.page-epipen-resources .intro-container {
  float: left;
  width: 100%; }
  .page-epipen-resources .intro-container h1 {
    font-size: 30px;
    margin-bottom: 38px; }
  .page-epipen-resources .intro-container .links-sidebar {
    float: left;
    width: 100%; }
    @media all and (min-width: 48em) {
      .page-epipen-resources .intro-container .links-sidebar {
        max-width: calc(100% - 217px); } }
    .page-epipen-resources .intro-container .links-sidebar article {
      position: relative;
      margin: 0 auto 25px;
      max-width: 220px;
      min-height: 175px;
      background-color: #FFF7D6; }
      .page-epipen-resources .intro-container .links-sidebar article:nth-child(2n) {
        background-color: #D7E9AD; }
      @media all and (min-width: 64em) {
        .page-epipen-resources .intro-container .links-sidebar article {
          float: left;
          margin: 0 25px 25px 0;
          width: calc(33% - 16.67px); }
          .page-epipen-resources .intro-container .links-sidebar article:nth-child(3n) {
            margin-right: 0; } }
      .page-epipen-resources .intro-container .links-sidebar article p {
        position: absolute;
        top: 50%;
        left: 0;
        width: 100%;
        padding: 0 15px;
        color: #1f3d7c;
        font-size: 16px;
        font-weight: 600;
        line-height: 26px;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%); }
        @media all and (min-width: 48em) {
          .page-epipen-resources .intro-container .links-sidebar article p {
            font-size: 18px; } }
      .page-epipen-resources .intro-container .links-sidebar article a {
        margin-top: 10px;
        display: block;
        font-size: 16px;
        color: #1f3d7c; }
  .page-epipen-resources .intro-container .sidebar {
    float: right;
    text-align: center; }
    @media all and (min-width: 48em) {
      .page-epipen-resources .intro-container .sidebar {
        width: auto; } }
    .page-epipen-resources .intro-container .sidebar img {
      max-height: 377px; }

/*********************************************
:: faqs
********************************************/
.page-faqs .intro-container {
  float: left;
  width: 100%;
  margin-bottom: 0; }
  .page-faqs .intro-container h1 {
    font-size: 30px;
    margin-bottom: 38px; }
  .page-faqs .intro-container .content {
    float: left; }
    @media all and (min-width: 64em) {
      .page-faqs .intro-container .content {
        max-width: 65%;
        margin-left: 30px; } }
    .page-faqs .intro-container .content article {
      width: 97%;
      margin: 0 13px 20px 10px; }
      @media all and (min-width: 48em) {
        .page-faqs .intro-container .content article {
          float: left;
          width: 100%;
          margin: 0 0 20px 0; } }
      .page-faqs .intro-container .content article .answer {
        display: none;
        margin-bottom: 30px; }
      .page-faqs .intro-container .content article .question {
        font-size: 18px;
        font-weight: 500;
        color: #1f3d7c;
        cursor: pointer;
        position: relative; }
        .page-faqs .intro-container .content article .question:before {
          content: '\e91a';
          font-family: "icomoon";
          font-size: 12px;
          left: -20px;
          position: absolute; }
        .page-faqs .intro-container .content article .question.open:before {
          content: '\e91b';
          font-family: "icomoon";
          font-size: 12px;
          left: -20px;
          position: absolute; }
        .page-faqs .intro-container .content article .question sup {
          top: -0.3em;
          font-size: 76%; }
      .page-faqs .intro-container .content article ul {
        margin-left: 17px; }
        .page-faqs .intro-container .content article ul li {
          list-style-type: disc; }
      .page-faqs .intro-container .content article p b {
        color: #1f3d7c; }
      .page-faqs .intro-container .content article a {
        color: #1f3d7c;
        font-weight: 600; }
  @media all and (min-width: 48em) {
    .page-faqs .intro-container .sidebar {
      width: 270px;
      float: right; } }
  .page-faqs .intro-container .sidebar img {
    display: none;
    margin: auto; }
    @media all and (min-width: 64em) {
      .page-faqs .intro-container .sidebar img {
        display: inline-block;
        width: 220px; } }
  .page-faqs .intro-container .references {
    width: 100%;
    float: left;
    padding-top: 20px; }

/*********************************************
:: faqs
********************************************/
.page-my-epipen .intro-container {
  float: left;
  width: 100%; }
  .page-my-epipen .intro-container h1 {
    font-size: 30px;
    margin-bottom: 38px; }
  @media all and (min-width: 48em) {
    .page-my-epipen .intro-container .content {
      max-width: 100%; } }
  .page-my-epipen .intro-container .content .forms-container .epipens form:hover {
    border-left: 3px solid #ffcd00;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); }
  .page-my-epipen .intro-container .content .forms-container .my-details form:hover {
    border-left: 3px solid #002f86;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); }
  .page-my-epipen .intro-container .content .forms-container .my-allergies form:hover {
    border-left: 3px solid #82bc00;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); }
  .page-my-epipen .intro-container .content .forms-container .my-password form:hover {
    border-left: 3px solid #ffcd00;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); }
  .page-my-epipen .intro-container .content .forms-container form {
    padding: 0 3% 5%;
    margin-bottom: 25px;
    border-left: 3px solid white;
    border-radius: 5px;
    transition: all 0.4s ease-in-out;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15); }
    @media all and (min-width: 48em) {
      .page-my-epipen .intro-container .content .forms-container form {
        padding: 1% 3% 2%; } }
    .page-my-epipen .intro-container .content .forms-container form:hover, .page-my-epipen .intro-container .content .forms-container form:active, .page-my-epipen .intro-container .content .forms-container form:focus {
      box-shadow: 4px 7px 7px -6px rgba(0, 0, 0, 0.75); }
    .page-my-epipen .intro-container .content .forms-container form .form-group {
      display: inline-block;
      vertical-align: top;
      width: 100%; }
      @media all and (min-width: 48em) {
        .page-my-epipen .intro-container .content .forms-container form .form-group {
          width: inherit; } }
      .page-my-epipen .intro-container .content .forms-container form .form-group label {
        display: block;
        margin-bottom: 3px;
        margin-top: 15px;
        font-weight: 600; }
        @media all and (min-width: 48em) {
          .page-my-epipen .intro-container .content .forms-container form .form-group label {
            margin-bottom: 10px; } }
      .page-my-epipen .intro-container .content .forms-container form .form-group input, .page-my-epipen .intro-container .content .forms-container form .form-group textarea, .page-my-epipen .intro-container .content .forms-container form .form-group select {
        width: 100%; }
        @media all and (min-width: 48em) {
          .page-my-epipen .intro-container .content .forms-container form .form-group input, .page-my-epipen .intro-container .content .forms-container form .form-group textarea, .page-my-epipen .intro-container .content .forms-container form .form-group select {
            width: 110px;
            font-size: 12px; } }
      .page-my-epipen .intro-container .content .forms-container form .form-group input[type="submit"] {
        margin-top: 0;
        float: none; }
      @media all and (min-width: 48em) {
        .page-my-epipen .intro-container .content .forms-container form .form-group select {
          max-width: 100px; } }
      @media all and (min-width: 48em) {
        .page-my-epipen .intro-container .content .forms-container form .form-group .col-half {
          width: 50%; } }
      @media all and (min-width: 48em) {
        .page-my-epipen .intro-container .content .forms-container form .form-group .action-buttons {
          width: 100%; } }
      .page-my-epipen .intro-container .content .forms-container form .form-group .action-buttons input[type="submit"] {
        width: 100%;
        margin-right: 2px;
        font-size: 12px;
        text-transform: uppercase; }
        @media all and (min-width: 48em) {
          .page-my-epipen .intro-container .content .forms-container form .form-group .action-buttons input[type="submit"] {
            width: 40%;
            display: inline-block; } }
      .page-my-epipen .intro-container .content .forms-container form .form-group .action-buttons.button-save {
        width: 100%; }
        @media all and (min-width: 48em) {
          .page-my-epipen .intro-container .content .forms-container form .form-group .action-buttons.button-save {
            width: 300px; } }
    @media all and (min-width: 48em) {
      .page-my-epipen .intro-container .content .forms-container form.my-epipen-form {
        padding: 1% 0% 1% 2%; } }
    .page-my-epipen .intro-container .content .forms-container form.my-epipen-form .form-group {
      width: 49%; }
      .page-my-epipen .intro-container .content .forms-container form.my-epipen-form .form-group:first-of-type, .page-my-epipen .intro-container .content .forms-container form.my-epipen-form .form-group:last-of-type {
        width: 100%; }
      @media all and (min-width: 48em) {
        .page-my-epipen .intro-container .content .forms-container form.my-epipen-form .form-group {
          width: initial; }
          .page-my-epipen .intro-container .content .forms-container form.my-epipen-form .form-group:first-of-type {
            width: initial; }
          .page-my-epipen .intro-container .content .forms-container form.my-epipen-form .form-group:last-of-type {
            width: 15%; } }
      .page-my-epipen .intro-container .content .forms-container form.my-epipen-form .form-group.reminders-checkbox {
        margin: 0; }
        @media all and (min-width: 48em) {
          .page-my-epipen .intro-container .content .forms-container form.my-epipen-form .form-group.reminders-checkbox {
            margin-bottom: 20px;
            width: 10%; } }
        @media all and (max-width: 47.9375em) {
          .page-my-epipen .intro-container .content .forms-container form.my-epipen-form .form-group.reminders-checkbox div {
            display: inline-block;
            width: auto;
            margin-right: 5px; } }
        .page-my-epipen .intro-container .content .forms-container form.my-epipen-form .form-group.reminders-checkbox input[type=checkbox], .page-my-epipen .intro-container .content .forms-container form.my-epipen-form .form-group.reminders-checkbox span {
          display: inline-block;
          width: auto;
          margin: 0; }
        .page-my-epipen .intro-container .content .forms-container form.my-epipen-form .form-group.reminders-checkbox span {
          font-size: 14px; }
          @media all and (min-width: 48em) {
            .page-my-epipen .intro-container .content .forms-container form.my-epipen-form .form-group.reminders-checkbox span {
              font-size: 11px; } }
      @media all and (min-width: 48em) {
        .page-my-epipen .intro-container .content .forms-container form.my-epipen-form .form-group#purchased-group {
          width: 14%; } }
    @media all and (min-width: 48em) {
      .page-my-epipen .intro-container .content .forms-container form.my-epipen-form .action-buttons .button {
        width: 40%;
        display: inline-block; } }
    .page-my-epipen .intro-container .content .forms-container form.my-details-form .form-group {
      display: block; }
      @media all and (min-width: 48em) {
        .page-my-epipen .intro-container .content .forms-container form.my-details-form .form-group {
          max-width: 47%;
          display: inline-block;
          margin-right: 1%; } }
      .page-my-epipen .intro-container .content .forms-container form.my-details-form .form-group:last-of-type {
        display: block; }
      .page-my-epipen .intro-container .content .forms-container form.my-details-form .form-group select {
        max-width: inherit; }
      .page-my-epipen .intro-container .content .forms-container form.my-details-form .form-group input[type="radio"] {
        width: auto; }
      .page-my-epipen .intro-container .content .forms-container form.my-details-form .form-group input, .page-my-epipen .intro-container .content .forms-container form.my-details-form .form-group textarea, .page-my-epipen .intro-container .content .forms-container form.my-details-form .form-group select {
        width: 100%; }
    .page-my-epipen .intro-container .content .forms-container form.child-patient-form .form-group {
      display: block; }
      @media all and (min-width: 48em) {
        .page-my-epipen .intro-container .content .forms-container form.child-patient-form .form-group {
          max-width: 18%;
          display: inline-block;
          margin-right: 1%; } }
      .page-my-epipen .intro-container .content .forms-container form.child-patient-form .form-group:last-of-type {
        display: block; }
        @media all and (min-width: 48em) {
          .page-my-epipen .intro-container .content .forms-container form.child-patient-form .form-group:last-of-type {
            float: right; } }
      .page-my-epipen .intro-container .content .forms-container form.child-patient-form .form-group select {
        max-width: inherit; }
      .page-my-epipen .intro-container .content .forms-container form.child-patient-form .form-group input[type="radio"] {
        width: auto; }
      .page-my-epipen .intro-container .content .forms-container form.child-patient-form .form-group input, .page-my-epipen .intro-container .content .forms-container form.child-patient-form .form-group textarea, .page-my-epipen .intro-container .content .forms-container form.child-patient-form .form-group select {
        width: 100%; }
      @media all and (min-width: 48em) {
        .page-my-epipen .intro-container .content .forms-container form.child-patient-form .form-group .button-save {
          margin-top: 43px; } }
    .page-my-epipen .intro-container .content .forms-container form.my-allergies-form .col-sm {
      display: inline-block;
      width: calc(99.99% * 1/6 - (10px - 10px * 1/6)); }
      @media all and (max-width: 47.9375em) {
        .page-my-epipen .intro-container .content .forms-container form.my-allergies-form .col-sm {
          width: calc(99.99% * 1/2 - (5% - 5% * 1/2)); }
        .page-my-epipen .intro-container .content .forms-container form.my-allergies-form .col-sm:nth-child(1n){
    float: left;
    margin-right: 5%;
    clear: none; }
        .page-my-epipen .intro-container .content .forms-container form.my-allergies-form .col-sm:last-child{
    margin-right: 0; }
        .page-my-epipen .intro-container .content .forms-container form.my-allergies-form .col-sm:nth-child(2n){
    margin-right: 0;
    float: right; }
        .page-my-epipen .intro-container .content .forms-container form.my-allergies-form .col-sm:nth-child(2n + 1){
    clear: left; } }
      .page-my-epipen .intro-container .content .forms-container form.my-allergies-form .col-sm input, .page-my-epipen .intro-container .content .forms-container form.my-allergies-form .col-sm span {
        display: inline-block;
        width: auto;
        font-size: 14px;
        margin-bottom: 14px; }
    .page-my-epipen .intro-container .content .forms-container form.my-allergies-form #other-allergy {
      display: block; }
      .page-my-epipen .intro-container .content .forms-container form.my-allergies-form #other-allergy input {
        width: 100%; }
        @media all and (min-width: 48em) {
          .page-my-epipen .intro-container .content .forms-container form.my-allergies-form #other-allergy input {
            width: 53%; } }
    .page-my-epipen .intro-container .content .forms-container form.my-password-form .form-group {
      width: 100%; }
      @media all and (min-width: 48em) {
        .page-my-epipen .intro-container .content .forms-container form.my-password-form .form-group {
          width: 100%; } }
      .page-my-epipen .intro-container .content .forms-container form.my-password-form .form-group input {
        width: 100%; }
  @media all and (min-width: 48em) {
    .page-my-epipen .intro-container .sidebar {
      width: 270px;
      float: right; } }
  .page-my-epipen .intro-container .sidebar img {
    display: block;
    margin: auto; }
    @media all and (min-width: 48em) {
      .page-my-epipen .intro-container .sidebar img {
        display: inline-block;
        width: 220px; } }
  .page-my-epipen .intro-container .references {
    width: 100%;
    float: left;
    border-top: 2px solid #aaa;
    padding-top: 20px; }
    .page-my-epipen .intro-container .references p {
      font-size: 12.5px;
      color: black;
      padding: 3px 16px;
      margin-bottom: 0; }

/*********************************************
  :: Views
********************************************/
/*********************************************
  :: Homepage
********************************************/
@media all and (min-width: 64em) {
  .page-home {
    margin-top: 33px; } }

.page-home .hero-container {
  position: relative;
  padding: 0;
  visibility: hidden;
  z-index: 9; }
  @media all and (min-width: 64em) {
    .page-home .hero-container {
      margin-top: initial;
      padding-top: 5px; } }
  .page-home .hero-container .slick-initialized {
    visibility: visible; }

.page-home .hero-slideshow {
  width: 100%;
  max-width: 940px;
  margin: 0 auto 5px auto;
  position: relative;
  clear: both; }
  .page-home .hero-slideshow .text {
    position: absolute;
    top: 37%;
    left: 10%;
    z-index: 9999; }
  .page-home .hero-slideshow .slide {
    width: 100%;
    height: 180px;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center; }
    @media all and (min-width: 48em) {
      .page-home .hero-slideshow .slide {
        height: 387px; } }
    .page-home .hero-slideshow .slide .slide-text {
      position: absolute;
      top: 9%;
      right: 5%;
      width: 43%; }
      @media all and (min-width: 48em) {
        .page-home .hero-slideshow .slide .slide-text {
          top: 20%;
          right: 2.5%;
          width: 33%; } }
      .page-home .hero-slideshow .slide .slide-text p {
        margin-bottom: 10px;
        font-size: 16px;
        font-weight: 700;
        color: #002f86; }
        @media all and (min-width: 48em) {
          .page-home .hero-slideshow .slide .slide-text p {
            margin-bottom: 20px;
            font-size: 26px;
            line-height: 35px; } }
      .page-home .hero-slideshow .slide .slide-text a {
        line-height: 35px; }
    .page-home .hero-slideshow .slide .slide-text-right {
      right: 5%; }
      @media all and (min-width: 48em) {
        .page-home .hero-slideshow .slide .slide-text-right {
          right: 2.5%; } }
    .page-home .hero-slideshow .slide .slide-text-left {
      right: 0;
      left: 5%;
      width: 47%; }
      @media all and (min-width: 48em) {
        .page-home .hero-slideshow .slide .slide-text-left {
          left: 2.5%; } }
    .page-home .hero-slideshow .slide .slide-text-center {
      right: 0;
      left: 0;
      margin: auto;
      width: 47%;
      text-align: center; }
      @media all and (min-width: 48em) {
        .page-home .hero-slideshow .slide .slide-text-center {
          top: 76px; } }
      .page-home .hero-slideshow .slide .slide-text-center p {
        margin-bottom: 25%; }
        @media all and (min-width: 48em) {
          .page-home .hero-slideshow .slide .slide-text-center p {
            margin-bottom: 36%; } }

.page-home .panels .panel {
  margin-top: 20px;
  margin-bottom: 50px;
  overflow: hidden;
  border-radius: 0; }
  @media all and (min-width: 48em) {
    .page-home .panels .panel {
      margin-top: 30px;
      height: 260px; } }
  .page-home .panels .panel:hover, .page-home .panels .panel:focus, .page-home .panels .panel:active {
    border-bottom: none; }
  .page-home .panels .panel .panel-img {
    margin-bottom: 3px; }
  .page-home .panels .panel .panel-green {
    background-color: #FFF5E3;
    height: 100%;
    padding-top: 5px;
    min-height: 51px; }
    .page-home .panels .panel .panel-green p {
      color: black; }

.page-home .intro-container {
  width: 100%;
  margin-bottom: 35px; }
  @media all and (min-width: 64em) {
    .page-home .intro-container {
      padding-top: 25px;
      padding-left: inherit; } }
  @media all and (min-width: 64em) {
    .page-home .intro-container .content {
      display: inline-block;
      max-width: 49%;
      padding: 0 0 0 0; }
      .page-home .intro-container .content h2, .page-home .intro-container .content legend {
        font-size: 21px;
        color: #1f3d7c; } }
  @media all and (min-width: 64em) and (min-width: 64em) {
    .page-home .intro-container .content h1 {
      margin-bottom: 10px;
      line-height: normal; } }
  @media all and (min-width: 64em) {
      .page-home .intro-container .content a {
        color: #50B8E4; } }
  .page-home .intro-container .content #slogan-img {
    max-width: 268px;
    margin-left: 0;
    margin-top: 25.5px; }
    @media all and (max-width: 63.9375em) {
      .page-home .intro-container .content #slogan-img {
        margin: auto;
        display: block; } }
    @media all and (min-width: 64em) {
      .page-home .intro-container .content #slogan-img {
        margin-top: 5px; } }
  .page-home .intro-container aside {
    clear: both; }
    @media all and (min-width: 64em) {
      .page-home .intro-container aside {
        float: right;
        max-width: 51%; } }
    .page-home .intro-container aside object {
      display: none; }
      @media all and (min-width: 64em) {
        .page-home .intro-container aside object {
          display: inline-block; } }
    .page-home .intro-container aside .panel {
      display: block;
      width: 100%;
      height: 119px;
      min-height: 119px;
      padding: 15px 14px;
      margin-top: 30px;
      margin-bottom: 120px; }
      @media all and (min-width: 48em) {
        .page-home .intro-container aside .panel {
          width: 72%;
          margin: 30px auto 20px;
          display: block;
          float: none;
          text-align: center; } }
      @media all and (min-width: 64em) {
        .page-home .intro-container aside .panel {
          float: right;
          display: inline-block;
          height: 132px;
          max-width: 220px;
          margin-top: 27px;
          text-align: left; } }
      .page-home .intro-container aside .panel h4 {
        padding-bottom: 20px; }
      .page-home .intro-container aside .panel:hover, .page-home .intro-container aside .panel:focus, .page-home .intro-container aside .panel:active {
        opacity: initial;
        border: none; }
      .page-home .intro-container aside .panel .button {
        display: block;
        height: 34px;
        margin: auto;
        font-size: 12px;
        font-family: "Raleway", "Arial", sans-serif;
        font-weight: 500;
        color: #ffffff;
        letter-spacing: 0;
        line-height: 35px;
        text-align: center;
        text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
        border-radius: 5px;
        background-image: linear-gradient(to bottom, #8cc901, #82bc00); }
        @media all and (min-width: 48em) {
          .page-home .intro-container aside .panel .button {
            width: 190px; } }
        .page-home .intro-container aside .panel .button:hover, .page-home .intro-container aside .panel .button:focus, .page-home .intro-container aside .panel .button:active {
          opacity: 0.8; }
      .page-home .intro-container aside .panel img {
        margin-top: 30px; }
        @media all and (min-width: 64em) {
          .page-home .intro-container aside .panel img {
            margin-top: 90px; } }

.lightbox {
  display: none; }

.forgot-sidebar {
  float: right !important;
  padding: 0 !important;
  width: 49%; }
  .forgot-sidebar p {
    font-size: 24px;
    color: #1f3d7c;
    line-height: 31px;
    padding-left: 26px; }

/*********************************************
  :: Template
********************************************/
.page-template .intro-container {
  float: left;
  width: 100%;
  margin-bottom: 41px;
  padding-left: 40px; }
  .page-template .intro-container h1 {
    font-size: 30px;
    margin-bottom: 38px; }
  .page-template .intro-container .content {
    max-width: 100%;
    float: left; }
    .page-template .intro-container .content p strong {
      font-size: 18px;
      font-weight: 600;
      color: #1f3d7c; }
      .page-template .intro-container .content p strong sup {
        top: -0.3em;
        font-size: 76%; }
    .page-template .intro-container .content ul {
      margin-left: 17px; }
      .page-template .intro-container .content ul li {
        list-style-type: disc; }
    .page-template .intro-container .content p b {
      color: #1f3d7c; }
    .page-template .intro-container .content a {
      color: #1f3d7c;
      font-weight: 600; }
  .page-template .intro-container .sidebar {
    width: 298px;
    float: right; }

/*********************************************
  :: Buy Now                           
********************************************/
.page-buy-now .intro-container {
  float: left;
  width: 100%; }
  @media all and (min-width: 48em) {
    .page-buy-now .intro-container {
      padding-left: 40px; } }
  .page-buy-now .intro-container h1 {
    font-size: 30px;
    margin-bottom: 38px; }
  .page-buy-now .intro-container .content {
    max-width: 100%; }
    .page-buy-now .intro-container .content article {
      display: inline-block;
      width: 100%;
      height: 140px; }
      @media all and (min-width: 48em) {
        .page-buy-now .intro-container .content article {
          width: calc(99.99% * 1/3 - (5% - 5% * 1/3)); }
        .page-buy-now .intro-container .content article:nth-child(1n){
    float: left;
    margin-right: 5%;
    clear: none; }
        .page-buy-now .intro-container .content article:last-child{
    margin-right: 0; }
        .page-buy-now .intro-container .content article:nth-child(3n){
    margin-right: 0;
    float: right; }
        .page-buy-now .intro-container .content article:nth-child(3n + 1){
    clear: left; } }
      .page-buy-now .intro-container .content article p:first-of-type {
        font-size: 18px;
        font-weight: 600;
        color: #1f3d7c; }
      .page-buy-now .intro-container .content article p {
        font-size: 18px;
        color: black;
        font-weight: 400;
        margin-bottom: 5px;
        word-wrap: break-word; }
      .page-buy-now .intro-container .content article a {
        color: #1f3d7c;
        font-size: 15px;
        font-weight: 600; }

/*********************************************
:: JS Plugins
********************************************/
.SumoSelect p {
  margin: 0; }

.SlectBox {
  width: 200px;
  padding: 5px 8px; }

/*this is applied on that hidden select. DO NOT USE display:none; or visiblity:hidden; and Do not override any of these properties. */
.SelectClass {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  height: 100%;
  width: 100%;
  border: none;
  z-index: 1;
  box-sizing: border-box;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0; }

.SumoSelect > .optWrapper > .options > li label,
.SumoSelect > .CaptionCont {
  -ms-user-select: none;
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none; }

.SumoSelect {
  display: inline-block;
  position: relative;
  outline: none; }

.SumoSelect:focus > .CaptionCont,
.SumoSelect:hover > .CaptionCont {
  box-shadow: 0px 0px 2px #7799D0;
  border-color: #7799D0; }

.SumoSelect > .CaptionCont {
  position: relative;
  border: 1px solid #A4A4A4;
  min-height: 14px;
  background-color: #fff;
  border-radius: 2px;
  margin: 0px; }

.SumoSelect > .CaptionCont > span {
  display: block;
  padding-right: 30px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  cursor: default; }

/*placeholder style*/
.SumoSelect > .CaptionCont > span.placeholder {
  color: #ccc;
  font-style: italic; }

.SumoSelect > .CaptionCont > label {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  width: 30px; }

.SumoSelect > .CaptionCont > label > i {
  background-position: center center;
  width: 16px;
  height: 16px;
  display: block;
  position: absolute;
  top: -2px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  margin: auto;
  background-repeat: no-repeat;
  opacity: 0.8; }

.SumoSelect > .optWrapper {
  top: 30px;
  width: 100%;
  position: absolute;
  left: 0;
  opacity: 0;
  visibility: hidden;
  transition: opacity 200ms ease-out, top 200ms ease-out, visibility 200ms ease-out;
  -webkit-transition: opacity 200ms ease-out, top 200ms ease-out, visibility 200ms ease-out;
  -moz-transition: opacity 200ms ease-out, top 200ms ease-out, visibility 200ms ease-out;
  -ms-transition: opacity 200ms ease-out, top 200ms ease-out, visibility 200ms ease-out;
  -o-transition: opacity 200ms ease-out, top 200ms ease-out, visibility 200ms ease-out;
  box-sizing: border-box;
  z-index: -100;
  background: #fff;
  border: 1px solid #ddd;
  box-shadow: 2px 3px 3px rgba(0, 0, 0, 0.11);
  border-radius: 3px;
  overflow: hidden; }

.SumoSelect > .optWrapper.open {
  top: 35px;
  visibility: visible;
  opacity: 1;
  z-index: 1000; }

.SumoSelect > .optWrapper > .options {
  list-style: none;
  display: block;
  padding: 0px;
  margin: 0px;
  overflow: auto;
  border-radius: 2px;
  /*Set the height of pop up here (only for desktop mode)*/
  max-height: 250px;
  /*height*/ }

.SumoSelect > .optWrapper.isFloating > .options {
  max-height: 100%;
  box-shadow: 0px 0px 100px #595959; }

.SumoSelect > .optWrapper > .options > li {
  padding: 6px 6px;
  border-bottom: 1px solid #F3F3F3;
  position: relative; }

.SumoSelect > .optWrapper > .options > li:first-child {
  border-radius: 2px 2px 0px 0px; }

.SumoSelect > .optWrapper > .options > li:last-child {
  border-bottom: none;
  border-radius: 0px 0px 2px 2px; }

.SumoSelect > .optWrapper > .options > li:hover {
  background-color: #E4E4E4; }

.SumoSelect > .optWrapper > .options > li.sel {
  background-color: #a1c0e4; }

.SumoSelect > .optWrapper > .options > li label {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  cursor: pointer; }

.SumoSelect > .optWrapper > .options > li span {
  display: none; }

/*Floating styles*/
.SumoSelect > .optWrapper.isFloating {
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  width: 90%;
  bottom: 0px;
  margin: auto;
  max-height: 90%; }

/*Hover*/
/*.SumoSelect:hover > .CaptionCont > label { background-color: #F1F1F1; }*/
/*disabled state*/
.SumoSelect > .optWrapper > .options > li.disabled {
  background-color: inherit;
  pointer-events: none; }

.SumoSelect > .optWrapper > .options > li.disabled * {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  /* IE 5-7 */
  filter: alpha(opacity=50);
  /* Netscape */
  -moz-opacity: 0.5;
  /* Safari 1.x */
  -khtml-opacity: 0.5;
  /* Good browsers */
  opacity: 0.5; }

/*styling for multiple select*/
.SumoSelect > .optWrapper.multiple > .options > li {
  padding-left: 35px;
  cursor: pointer; }

.SumoSelect > .optWrapper.multiple > .options > li span,
.SumoSelect .select-all > span {
  position: absolute;
  display: block;
  width: 30px;
  top: 0px;
  bottom: 0px;
  margin-left: -35px; }

.SumoSelect > .optWrapper.multiple > .options > li span i,
.SumoSelect .select-all > span i {
  position: absolute;
  margin: auto;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  width: 14px;
  height: 14px;
  border: 1px solid #AEAEAE;
  border-radius: 2px;
  box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.15);
  background-color: #fff; }

.SumoSelect > .optWrapper > .MultiControls {
  display: none;
  border-top: 1px solid #ddd;
  background-color: #fff;
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.13);
  border-radius: 0px 0px 3px 3px; }

.SumoSelect > .optWrapper.multiple.isFloating > .MultiControls {
  display: block;
  margin-top: 5px;
  position: absolute;
  bottom: 0px;
  width: 100%; }

.SumoSelect > .optWrapper.multiple.okCancelInMulti > .MultiControls {
  display: block; }

.SumoSelect > .optWrapper.multiple.okCancelInMulti > .MultiControls > p {
  padding: 6px; }

.SumoSelect > .optWrapper.multiple > .MultiControls > p {
  display: inline-block;
  cursor: pointer;
  padding: 12px;
  width: 50%;
  box-sizing: border-box;
  text-align: center; }

.SumoSelect > .optWrapper.multiple > .MultiControls > p:hover {
  background-color: #f1f1f1; }

.SumoSelect > .optWrapper.multiple > .MultiControls > p.btnOk {
  border-right: 1px solid #DBDBDB;
  border-radius: 0px 0px 0px 3px; }

.SumoSelect > .optWrapper.multiple > .MultiControls > p.btnCancel {
  border-radius: 0px 0px 3px 0px; }

/*styling for select on popup mode*/
.SumoSelect > .optWrapper.isFloating > .options > li {
  padding: 12px 6px; }

/*styling for only multiple select on popup mode*/
.SumoSelect > .optWrapper.multiple.isFloating > .options > li {
  padding-left: 35px; }

.SumoSelect > .optWrapper.multiple.isFloating {
  padding-bottom: 43px; }

/*selected state
    .SumoSelect > .optWrapper.multiple > .options > li.selected span i:after,
    .SumoSelect .select-all.selected > span i:after{content: '';position: absolute;width: 11px;height: 11px;top: 2px;left: 2px;background-color: rgb(17, 169, 17);border-radius: 2px;box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15);}
    */
.SumoSelect > .optWrapper.multiple > .options > li.selected span i,
.SumoSelect .select-all.selected > span i,
.SumoSelect .select-all.partial > span i {
  background-color: #11a911;
  box-shadow: none;
  border-color: transparent;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAGCAYAAAD+Bd/7AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNXG14zYAAABMSURBVAiZfc0xDkAAFIPhd2Kr1WRjcAExuIgzGUTIZ/AkImjSofnbNBAfHvzAHjOKNzhiQ42IDFXCDivaaxAJd0xYshT3QqBxqnxeHvhunpu23xnmAAAAAElFTkSuQmCC");
  background-repeat: no-repeat;
  background-position: center center; }

/*disabled state*/
.SumoSelect.disabled {
  opacity: 0.7;
  cursor: not-allowed; }

.SumoSelect.disabled > .CaptionCont {
  border-color: #ccc;
  box-shadow: none; }

/**Select all button**/
.SumoSelect .select-all {
  border-radius: 3px 3px 0px 0px;
  position: relative;
  border-bottom: 1px solid #ddd;
  background-color: #fff;
  padding: 8px 0px 3px 35px;
  height: 20px; }

.SumoSelect .select-all > span i {
  cursor: pointer; }

.SumoSelect .select-all.partial > span i {
  background-color: #ccc; }

/*styling for optgroups*/
.SumoSelect > .optWrapper > .options > li.optGroup {
  padding-left: 5px;
  text-decoration: underline; }

/* ==========================================================================
   $BASE-PICKER
   ========================================================================== */
/**
 * Note: the root picker element should *NOT* be styled more than what’s here.
 */
.picker {
  font-size: 16px;
  text-align: left;
  line-height: 1.2;
  color: #000000;
  position: absolute;
  z-index: 10000;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

/**
 * The picker input element.
 */
.picker__input {
  cursor: default; }

/**
 * When the picker is opened, the input element is “activated”.
 */
.picker__input.picker__input--active {
  border-color: #0089ec; }

/**
 * The holder is the only “scrollable” top-level container element.
 */
.picker__holder {
  width: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch; }

/*!
 * Classic picker styling for pickadate.js
 * Demo: http://amsul.github.io/pickadate.js
 */
/**
 * Note: the root picker element should *NOT* be styled more than what’s here.
 */
.picker {
  width: 100%; }

/**
 * The holder is the base of the picker.
 */
.picker__holder {
  position: absolute;
  background: #ffffff;
  border: 1px solid #aaaaaa;
  border-top-width: 0;
  border-bottom-width: 0;
  border-radius: 0 0 5px 5px;
  box-sizing: border-box;
  min-width: 176px;
  max-width: 466px;
  max-height: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  -webkit-transform: translateY(-1em) perspective(600px) rotateX(10deg);
  transform: translateY(-1em) perspective(600px) rotateX(10deg);
  transition: -webkit-transform 0.15s ease-out, opacity 0.15s ease-out, max-height 0s 0.15s, border-width 0s 0.15s;
  transition: transform 0.15s ease-out, opacity 0.15s ease-out, max-height 0s 0.15s, border-width 0s 0.15s; }

/**
 * The frame and wrap work together to ensure that
 * clicks within the picker don’t reach the holder.
 */
.picker__frame {
  padding: 1px; }

.picker__wrap {
  margin: -1px; }

/**
 * When the picker opens...
 */
.picker--opened .picker__holder {
  max-height: 25em;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
  border-top-width: 1px;
  border-bottom-width: 1px;
  -webkit-transform: translateY(0) perspective(600px) rotateX(0);
  transform: translateY(0) perspective(600px) rotateX(0);
  transition: -webkit-transform 0.15s ease-out, opacity 0.15s ease-out, max-height 0s, border-width 0s;
  transition: transform 0.15s ease-out, opacity 0.15s ease-out, max-height 0s, border-width 0s;
  box-shadow: 0 6px 18px 1px rgba(0, 0, 0, 0.12); }

/* ==========================================================================
   $BASE-DATE-PICKER
   ========================================================================== */
/**
 * The picker box.
 */
.picker__box {
  padding: 0 1em; }

/**
 * The header containing the month and year stuff.
 */
.picker__header {
  text-align: center;
  position: relative;
  margin-top: .75em; }

/**
 * The month and year labels.
 */
.picker__month,
.picker__year {
  font-weight: 500;
  display: inline-block;
  margin-left: .25em;
  margin-right: .25em; }

.picker__year {
  color: #999999;
  font-size: .8em;
  font-style: italic; }

/**
 * The month and year selectors.
 */
.picker__select--month,
.picker__select--year {
  border: 1px solid #b7b7b7;
  height: 2em;
  padding: .5em;
  margin-left: .25em;
  margin-right: .25em; }

@media (min-width: 24.5em) {
  .picker__select--month,
  .picker__select--year {
    margin-top: -0.5em; } }

.picker__select--month {
  width: 35%; }

.picker__select--year {
  width: 22.5%; }

.picker__select--month:focus,
.picker__select--year:focus {
  border-color: #0089ec; }

/**
 * The month navigation buttons.
 */
.picker__nav--prev,
.picker__nav--next {
  position: absolute;
  padding: .5em 1.25em;
  width: 1em;
  height: 1em;
  box-sizing: content-box;
  top: -0.25em; }

@media (min-width: 24.5em) {
  .picker__nav--prev,
  .picker__nav--next {
    top: -0.33em; } }

.picker__nav--prev {
  left: -1em;
  padding-right: 1.25em; }

@media (min-width: 24.5em) {
  .picker__nav--prev {
    padding-right: 1.5em; } }

.picker__nav--next {
  right: -1em;
  padding-left: 1.25em; }

@media (min-width: 24.5em) {
  .picker__nav--next {
    padding-left: 1.5em; } }

.picker__nav--prev:before,
.picker__nav--next:before {
  content: " ";
  border-top: .5em solid transparent;
  border-bottom: .5em solid transparent;
  border-right: 0.75em solid #000000;
  width: 0;
  height: 0;
  display: block;
  margin: 0 auto; }

.picker__nav--next:before {
  border-right: 0;
  border-left: 0.75em solid #000000; }

.picker__nav--prev:hover,
.picker__nav--next:hover {
  cursor: pointer;
  color: #000000;
  background: #b1dcfb; }

.picker__nav--disabled,
.picker__nav--disabled:hover,
.picker__nav--disabled:before,
.picker__nav--disabled:before:hover {
  cursor: default;
  background: none;
  border-right-color: #f5f5f5;
  border-left-color: #f5f5f5; }

/**
 * The calendar table of dates
 */
.picker__table {
  text-align: center;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
  font-size: inherit;
  width: 100%;
  margin-top: .75em;
  margin-bottom: .5em; }

@media (min-height: 33.875em) {
  .picker__table {
    margin-bottom: .75em; } }

.picker__table td {
  margin: 0;
  padding: 0; }

/**
 * The weekday labels
 */
.picker__weekday {
  width: 14.285714286%;
  font-size: .75em;
  padding-bottom: .25em;
  color: #999999;
  font-weight: 500;
  /* Increase the spacing a tad */ }

@media (min-height: 33.875em) {
  .picker__weekday {
    padding-bottom: .5em; } }

/**
 * The days on the calendar
 */
.picker__day {
  padding: .3125em 0;
  font-weight: 200;
  border: 1px solid transparent; }

.picker__day--today {
  position: relative; }

.picker__day--today:before {
  content: " ";
  position: absolute;
  top: 2px;
  right: 2px;
  width: 0;
  height: 0;
  border-top: 0.5em solid #0059bc;
  border-left: .5em solid transparent; }

.picker__day--disabled:before {
  border-top-color: #aaaaaa; }

.picker__day--outfocus {
  color: #dddddd; }

.picker__day--infocus:hover,
.picker__day--outfocus:hover {
  cursor: pointer;
  color: #000000;
  background: #b1dcfb; }

.picker__day--highlighted {
  border-color: #0089ec; }

.picker__day--highlighted:hover,
.picker--focused .picker__day--highlighted {
  cursor: pointer;
  color: #000000;
  background: #b1dcfb; }

.picker__day--selected,
.picker__day--selected:hover,
.picker--focused .picker__day--selected {
  background: #0089ec;
  color: #ffffff; }

.picker__day--disabled,
.picker__day--disabled:hover,
.picker--focused .picker__day--disabled {
  background: #f5f5f5;
  border-color: #f5f5f5;
  color: #dddddd;
  cursor: default; }

.picker__day--highlighted.picker__day--disabled,
.picker__day--highlighted.picker__day--disabled:hover {
  background: #bbbbbb; }

/**
 * The footer containing the "today", "clear", and "close" buttons.
 */
.picker__footer {
  text-align: center; }

.picker__button--today,
.picker__button--clear,
.picker__button--close {
  border: 1px solid #ffffff;
  background: #ffffff;
  font-size: .8em;
  padding: .66em 0;
  font-weight: bold;
  width: 33%;
  display: inline-block;
  vertical-align: bottom; }

.picker__button--today:hover,
.picker__button--clear:hover,
.picker__button--close:hover {
  cursor: pointer;
  color: #000000;
  background: #b1dcfb;
  border-bottom-color: #b1dcfb; }

.picker__button--today:focus,
.picker__button--clear:focus,
.picker__button--close:focus {
  background: #b1dcfb;
  border-color: #0089ec;
  outline: none; }

.picker__button--today:before,
.picker__button--clear:before,
.picker__button--close:before {
  position: relative;
  display: inline-block;
  height: 0; }

.picker__button--today:before,
.picker__button--clear:before {
  content: " ";
  margin-right: .45em; }

.picker__button--today:before {
  top: -0.05em;
  width: 0;
  border-top: 0.66em solid #0059bc;
  border-left: .66em solid transparent; }

.picker__button--clear:before {
  top: -0.25em;
  width: .66em;
  border-top: 3px solid #ee2200; }

.picker__button--close:before {
  content: "\D7";
  top: -0.1em;
  vertical-align: top;
  font-size: 1.1em;
  margin-right: .35em;
  color: #777777; }

.picker__button--today[disabled],
.picker__button--today[disabled]:hover {
  background: #f5f5f5;
  border-color: #f5f5f5;
  color: #dddddd;
  cursor: default; }

.picker__button--today[disabled]:before {
  border-top-color: #aaaaaa; }

/* ==========================================================================
   $CLASSIC-DATE-PICKER
   ========================================================================== */
.youtube-container {
  display: block;
  width: 100%; }

.youtube-player {
  display: block;
  width: 100%;
  /* assuming that the video has a 16:9 ratio */
  overflow: hidden;
  position: relative;
  height: 100%;
  cursor: hand;
  cursor: pointer;
  height: 180px; }
  @media all and (min-width: 37.5em) {
    .youtube-player {
      height: 250px; } }
  @media all and (min-width: 48em) {
    .youtube-player {
      height: 300px; } }
  @media all and (min-width: 64em) {
    .youtube-player {
      height: 350px; } }
  @media all and (min-width: 72.5em) {
    .youtube-player {
      height: 550px; } }

img.youtube-thumb {
  bottom: 0;
  left: 0;
  max-width: 100%;
  width: 100%;
  position: absolute;
  right: 0;
  height: auto;
  vertical-align: top;
  display: inline-block;
  margin-top: -0.5px; }

.youtube-bg {
  display: block;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center center; }

div.play-button {
  display: inline-block;
  position: absolute;
  top: 53%;
  left: 52%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%); }
  div.play-button:after {
    content: '';
    display: inline-block;
    border-style: solid;
    border-width: 30px 0 30px 50px;
    border-color: transparent transparent transparent white; }

#youtube-iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0; }

/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
  filter: alpha(opacity=80); }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }

.mfp-preloader a {
  color: #CCC; }

.mfp-preloader a:hover {
  color: #FFF; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none; }

button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  filter: alpha(opacity=65);
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }

.mfp-close:hover,
.mfp-close:focus {
  opacity: 1;
  filter: alpha(opacity=100); }

.mfp-close:active {
  top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333; }

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  filter: alpha(opacity=65);
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent; }

.mfp-arrow:active {
  margin-top: -54px; }

.mfp-arrow:hover,
.mfp-arrow:focus {
  opacity: 1;
  filter: alpha(opacity=100); }

.mfp-arrow:before,
.mfp-arrow:after,
.mfp-arrow .mfp-b,
.mfp-arrow .mfp-a {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent; }

.mfp-arrow:after,
.mfp-arrow .mfp-a {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px; }

.mfp-arrow:before,
.mfp-arrow .mfp-b {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }

.mfp-arrow-left:after,
.mfp-arrow-left .mfp-a {
  border-right: 17px solid #FFF;
  margin-left: 31px; }

.mfp-arrow-left:before,
.mfp-arrow-left .mfp-b {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F; }

.mfp-arrow-right {
  right: 0; }

.mfp-arrow-right:after,
.mfp-arrow-right .mfp-a {
  border-left: 17px solid #FFF;
  margin-left: 39px; }

.mfp-arrow-right:before,
.mfp-arrow-right .mfp-b {
  border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }

.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px; }

.mfp-iframe-holder .mfp-close {
  top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }

.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }

.mfp-figure:after {
  content: '';
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444; }

.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px; }

.mfp-figure figure {
  margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box; }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    -ms-transform: scale(0.75);
    transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    -ms-transform-origin: 0;
    transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    -ms-transform-origin: 100%;
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }

.mfp-ie7 .mfp-img {
  padding: 0; }

.mfp-ie7 .mfp-bottom-bar {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  margin-top: 5px;
  padding-bottom: 5px; }

.mfp-ie7 .mfp-container {
  padding: 0; }

.mfp-ie7 .mfp-content {
  padding-top: 44px; }

.mfp-ie7 .mfp-close {
  top: 0;
  right: 0;
  padding-top: 0; }

/* Slider */
.slick-loading .slick-list {
  background: #fff url("../../images/ajax-loader.gif") center center no-repeat; }

/* Icons */
@font-face {
  font-family: "slick";
  src: url("../../fonts/slick.eot");
  src: url("../../fonts/slick.eot?#iefix") format("embedded-opentype"), url("../../fonts/slick.woff") format("woff"), url("../../fonts/slick.ttf") format("truetype"), url("../../fonts/slick.svg#slick") format("svg");
  font-weight: normal;
  font-style: normal; }

/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none; }
  .slick-prev:hover, .slick-prev:focus,
  .slick-next:hover,
  .slick-next:focus {
    outline: none;
    background: transparent;
    color: transparent; }
    .slick-prev:hover:before, .slick-prev:focus:before,
    .slick-next:hover:before,
    .slick-next:focus:before {
      opacity: 1; }
  .slick-prev.slick-disabled:before,
  .slick-next.slick-disabled:before {
    opacity: 0.25; }
  .slick-prev:before,
  .slick-next:before {
    font-family: "slick";
    font-size: 20px;
    line-height: 1;
    color: white;
    opacity: 0.75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

.slick-prev {
  left: -25px; }
  [dir="rtl"] .slick-prev {
    left: auto;
    right: -25px; }
  .slick-prev:before {
    content: "←"; }
    [dir="rtl"] .slick-prev:before {
      content: "→"; }

.slick-next {
  right: -25px; }
  [dir="rtl"] .slick-next {
    left: -25px;
    right: auto; }
  .slick-next:before {
    content: "→"; }
    [dir="rtl"] .slick-next:before {
      content: "←"; }

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px; }

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%; }
  .slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer; }
    .slick-dots li button {
      border: 0;
      background: transparent;
      display: block;
      height: 20px;
      width: 20px;
      outline: none;
      line-height: 0px;
      font-size: 0px;
      color: transparent;
      padding: 5px;
      cursor: pointer; }
      .slick-dots li button:hover, .slick-dots li button:focus {
        outline: none; }
        .slick-dots li button:hover:before, .slick-dots li button:focus:before {
          opacity: 1; }
      .slick-dots li button:before {
        position: absolute;
        top: 0;
        left: 0;
        content: "•";
        width: 20px;
        height: 20px;
        font-family: "slick";
        font-size: 12px;
        line-height: 20px;
        text-align: center;
        color: #D8D8D8;
        opacity: 0.25;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
    .slick-dots li.slick-active button:before {
      color: #D8D8D8;
      opacity: 0.75; }

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

/**
 * Featherlight – ultra slim jQuery lightbox
 * Version 1.2.0 - http://noelboss.github.io/featherlight/
 *
 * Copyright 2015, Noël Raoul Bossart (http://www.noelboss.com)
 * MIT Licensed.
**/
@media all {
  .featherlight {
    display: none;
    /* dimensions: spanning the background from edge to edge */
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9999;
    /* position: centering content */
    text-align: center;
    /* insures that the ::before pseudo element doesn't force wrap with fixed width content; */
    white-space: nowrap;
    /* styling */
    cursor: pointer;
    background: #333;
    /* IE8 "hack" for nested featherlights */
    background: transparent; }
  /* support for nested featherlights. Does not work in IE8 (use JS to fix) */
  .featherlight:last-of-type {
    background-color: transparent;
    background-color: rgba(0, 0, 0, 0.7);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#B3000000,endColorstr=#B3000000);
    zoom: 1; }
  .featherlight:before {
    /* position: trick to center content vertically */
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -0.25em; }
  .featherlight .featherlight-content {
    /* make content container for positioned elements (close button) */
    position: relative;
    /* position: centering vertical and horizontal */
    text-align: left;
    vertical-align: middle;
    display: inline-block;
    /* dimensions: cut off images */
    overflow: auto;
    overflow-x: hidden;
    /* dimensions: handling small or empty content */
    min-width: 30%;
    /* dimensions: handling large content */
    max-height: 95%;
    /* styling */
    background: #fff;
    cursor: auto;
    border-radius: 10px;
    behavior: url(/js/lib/PIE.htc);
    /* reset white-space wrapping */
    white-space: normal; }
    .featherlight .featherlight-content .vid {
      height: 315px; }
  /* contains the content */
  .featherlight .featherlight-inner {
    /* make sure its visible */
    display: block; }
  .featherlight .featherlight-close-icon {
    /* position: centering vertical and horizontal */
    position: absolute;
    z-index: 9999;
    top: 10px;
    right: 10px;
    /* dimensions: 25px x 25px */
    line-height: 28px;
    width: 30px;
    height: 29px;
    /* styling */
    cursor: pointer;
    text-align: center;
    font-family: "Helvetica", "Arial", sans-serif;
    background: #1f3d7c;
    background-size: 29px;
    color: white;
    border-radius: 50%;
    color: white;
    font-size: 16px; }
  .featherlight .featherlight-image {
    /* styling */
    width: 100%;
    padding: 80px; }
  .featherlight-iframe .featherlight-content {
    /* removed the border for image croping since iframe is edge to edge */
    border-bottom: 0;
    padding: 0; }
  .featherlight iframe {
    /* styling */
    border: none; } }

.lightbox {
  padding: 35px;
  z-index: 9999999;
  width: 100%; }
  @media all and (min-width: 64em) {
    .lightbox {
      width: 595px; } }
  .lightbox h3 {
    font-size: 25px;
    font-weight: 600;
    color: #1f3d7c;
    margin-bottom: 30px; }
  .lightbox .js-message {
    color: #00cc00;
    font-weight: 400;
    margin-bottom: 40px; }
    .lightbox .js-message.fail {
      color: red; }

.lightbox {
  display: none; }

.heavyTable * {
  box-sizing: border-box; }

.heavyTable a {
  color: white; }

.heavyTable table {
  width: 100%;
  max-width: 600px;
  height: 320px;
  border-collapse: collapse;
  border: 1px solid #38678f;
  margin: 50px auto;
  background: white; }

.heavyTable th {
  background: steelblue;
  height: 54px;
  width: 25%;
  font-weight: lighter;
  text-shadow: 0 1px 0 #38678f;
  color: white;
  border: 1px solid #38678f;
  box-shadow: inset 0px 1px 2px #568ebd;
  transition: all 0.2s; }

.heavyTable tr {
  border-bottom: 1px solid #cccccc; }

.heavyTable tr:last-child {
  border-bottom: 0px; }

.heavyTable td {
  border-right: 1px solid #cccccc;
  padding: 10px;
  transition: all 0.2s; }

.heavyTable td:last-child {
  border-right: 0px; }

.heavyTable td.selected {
  background: #d7e4ef; }

.heavyTable td input {
  font-size: 14px;
  background: none;
  outline: none;
  border: 0;
  display: table-cell;
  height: 100%;
  width: 100%; }

.heavyTable td input:focus {
  box-shadow: 0 1px 0 steelblue;
  color: steelblue; }

.heavyTable ::-moz-selection {
  background: steelblue;
  color: white; }

.heavyTable ::selection {
  background: steelblue;
  color: white; }

.heavyTable .heavyTable {
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
  -webkit-animation: float 5s infinite;
  animation: float 5s infinite; }

.heavyTable .main {
  max-width: 600px;
  padding: 10px;
  margin: auto; }

.heavyTable .content {
  color: white;
  text-align: center; }

.heavyTable .content p,
.heavyTable .content pre,
.heavyTable .content h2,
.heavyTable .content legend {
  text-align: left; }

.heavyTable .content pre {
  padding: 1.2em 0 0.5em;
  background: white;
  background: rgba(255, 255, 255, 0.7);
  border: 1px solid rgba(255, 255, 255, 0.9);
  color: #38678f; }

.heavyTable .content .download {
  margin: auto;
  background: rgba(255, 255, 255, 0.1);
  display: inline-block;
  padding: 1em 1em;
  border-radius: 12em;
  margin-bottom: 2em; }

.heavyTable .content .button {
  display: inline-block;
  text-decoration: none;
  color: white;
  height: 48px;
  line-height: 48px;
  padding: 0 20px;
  border-radius: 24px;
  border: 1px solid #38678f;
  background: steelblue;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), inset 0 1px 3px rgba(255, 255, 255, 0.2);
  transition: all 0.1s; }

.heavyTable .content .button:hover {
  background: #4f8aba;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), inset 0 0 10px rgba(255, 255, 255, 0.1); }

.heavyTable .content .button:active {
  color: #294d6b;
  background: #427aa9;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), inset 0 0 5px rgba(0, 0, 0, 0.2); }

.heavyTable .content .button:focus {
  outline: none; }

.heavyTable h1 {
  text-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
  text-align: center; }

/*********************************************
:: SumoSelect Plugin Styles Override                    
********************************************/
.SumoSelect {
  width: 100%;
  vertical-align: top;
  height: 41px; }
  .SumoSelect .CaptionCont {
    width: 100%;
    height: 41px;
    position: absolute;
    top: 0px;
    border: 1px solid #979797;
    border-radius: 4px;
    background: rgba(255, 255, 255, 0.7);
    color: #1f3d7c !important;
    padding: 6px 10px 6px 10px;
    transition: all .5s ease-in-out; }
    .SumoSelect .CaptionCont span {
      font-size: 16px;
      font-weight: 300;
      color: #212121;
      text-align: left; }
  .SumoSelect .CaptionCont label i {
    width: auto;
    height: auto;
    opacity: 1;
    font-style: normal;
    text-align: center; }
    .SumoSelect .CaptionCont label i:before {
      content: "\e915";
      font-family: "icomoon";
      display: inline-block;
      width: 100%;
      margin: auto;
      font-size: 20px;
      vertical-align: top;
      line-height: 41px;
      color: #1f3d7c; }
  .SumoSelect ul.options li label {
    margin-bottom: 0px; }

.SumoSelect:focus .CaptionCont, .SumoSelect:hover .CaptionCont {
  border-color: #000621;
  box-shadow: none; }

.error-SumoSelect > .CaptionCont {
  border: 1px solid #000621; }

.error-SumoSelect:focus > .CaptionCont,
.error-SumoSelect:hover > .CaptionCont {
  border-color: #000621; }

.error-SumoSelect select:hover,
.error-SumoSelect select:focus {
  border-color: #000621; }

.SumoSelect > label.error {
  display: block !important; }

/*********************************************
:: Pickadate.js Plugin Styles Override                    
********************************************/
.calendar-fields-container {
  width: 100%;
  max-width: 500px;
  position: relative; }
  .calendar-fields-container > button {
    position: absolute;
    top: 14px;
    right: 15px;
    font-size: 1.3em;
    line-height: 1.3;
    color: #1f3d7c; }

.picker {
  max-width: 320px;
  display: none; }
  .picker td, .picker th {
    padding: 0px;
    text-align: inherit;
    border: none; }

.picker__holder {
  overflow-y: initial; }

.picker--opened {
  display: block !important; }

.picker__footer {
  display: none; }

.picker select {
  display: inline-block;
  height: auto;
  width: auto;
  font-size: 16px;
  line-height: 1.2;
  padding: 0px;
  border: none !important;
  margin: 0px !important; }

/*********************************************
  :: Lightbox Custom Styles (for: Magnific Popup)
********************************************/
/* Overiding Plugin Styles */
button.mfp-close {
  position: absolute;
  z-index: 1100;
  width: 27px;
  height: 27px;
  padding-left: 1px;
  font-family: "Helvetica", "Arial", sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 20px;
  border-radius: 50%;
  background: #1f3d7c;
  color: white !important;
  text-align: center;
  opacity: 0;
  transition: all 0.4s ease-in-out; }
  @media all and (min-width: 48em) {
    button.mfp-close {
      top: 2px;
      right: -19px;
      width: 31px;
      height: 30px;
      font-size: 23px;
      line-height: 21px; } }
  @media all and (min-width: 64em) {
    button.mfp-close {
      top: -49px;
      right: -37px; } }

.mfp-bg {
  z-index: 999999; }

.mfp-wrap {
  z-index: 9999999; }

.mfp-container {
  max-width: 1113px;
  right: 0px;
  border-radius: 4px;
  background-color: white;
  height: auto;
  margin: auto;
  margin-top: 15%; }
  @media all and (min-width: 64em) {
    .mfp-container {
      max-width: 80%; } }
  @media all and (min-width: 80em) {
    .mfp-container {
      max-width: 68%;
      padding: 50px 30px 20px;
      margin-top: 4%; } }
  @media all and (min-width: 90em) {
    .mfp-container {
      max-width: 53%; } }
  @media all and (min-width: 120em) {
    .mfp-container {
      max-width: 36%; } }

.mfp-content {
  padding: 10px 20px 20px; }
  @media all and (min-width: 48em) {
    .mfp-content {
      padding: 10px 20px 0px; } }
  .mfp-content h3, .mfp-content h4 {
    color: #1f3d7c; }

/* Default Fade-zoom animation */
.mfp-zoom-in .lightbox-popup {
  /* start state */
  opacity: 0;
  -webkit-transform: scale(0.9);
  -ms-transform: scale(0.9);
  transform: scale(0.9);
  transition: all 0.4s ease-in-out; }

.mfp-zoom-in.mfp-ready .lightbox-popup,
.mfp-zoom-in.mfp-ready .mfp-close {
  /* animate in */
  opacity: 1;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1); }

.mfp-zoom-in.mfp-removing .lightbox-popup,
.mfp-zoom-in.mfp-removing .mfp-close {
  /* animate out */
  opacity: 0;
  -webkit-transform: scale(0.9);
  -ms-transform: scale(0.9);
  transform: scale(0.9); }

.mfp-zoom-in.mfp-bg {
  /* Dark overlay, start state */
  opacity: 0;
  transition: all 0.3s ease-out;
  background: rgba(0, 0, 0, 0.69); }

.mfp-zoom-in.mfp-ready.mfp-bg {
  /* animate in */
  opacity: 1; }

.mfp-zoom-in.mfp-removing.mfp-bg {
  /* animate out */
  opacity: 0; }

.sign-me-up-lightbox {
  margin: 0 auto 15px; }
  .sign-me-up-lightbox input[type="submit"] {
    width: 100%; }
    @media all and (min-width: 48em) {
      .sign-me-up-lightbox input[type="submit"] {
        float: right;
        width: 50%; } }

.login-lightbox form button.mfp-close {
  right: -29px; }