html, body, #react{
    font-family: Roboto, sans-serif;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

a {
    text-decoration: none;
    color: #0097CE;
}

body {
    padding: 0px;
    background: #f5f1eb;
    margin: 0px;
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #FFF3E6 inset;
}

.AppContent {
  margin: 70px auto;
  width: 100%;
  display: flex;
  z-index: 100;
}

.notransition {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    -ms-transition: none !important;
    transition: none !important;
}

.alltransition {
    -webkit-transition: all 0.33s ease-out !important;
    -moz-transition: all 0.33s ease-out !important;
    -o-transition: all 0.33s ease-out !important;
    -ms-transition: all 0.33s ease-out !important;
    transition: all 0.33s ease-out !important;
}

.rotate_270 {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.rotate_90 {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

.rotate_180 {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

#react {
    height: 100%;
}

*:focus {
    outline: 0;
}

.slick-next {
    right: 0;
    height: 55px;
    width: 55px;
}

.slick-prev {
    left: 0;
    height: 55px;
    width: 55px;
}

.slick-prev:before, .slick-next:before {
    font-family: "slick";
    font-size: 48px;
    line-height: 1;
    color: #eeeeee;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
    opacity: 0.75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-dots li button:before {
    color: #eeeeee;
    width: 30px;
    height: 30px;
    opacity: 0.25;
    font-size: 10px;
}

.slick-dots li.slick-active button:before {
    color: #ffffff;
    opacity: 0.9;
}

.slick-dots {
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.3);
    margin: 0px;
    padding: 10px;
}

.ForgotAndReset {
    display: inline-block;
    font-size: 0.8em;
    margin-left: 10px;
    height: 36px;
    padding: 0;
    vertical-align: bottom;
    padding-top: 2.5px;
    color: #dddddd;
}

.UserBar ::-webkit-input-placeholder { /* WebKit browsers */
    color:    #bbbbbb;
}
.UserBar :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #bbbbbb;
    opacity:  1;
}
.UserBar ::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #bbbbbb;
    opacity:  1;
}
.UserBar :-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #bbbbbb;
}

.NavigationSearch ::-webkit-input-placeholder { /* WebKit browsers */
    color:    rgba(255, 255, 255, 0.75);
}
.NavigationSearch :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    rgba(255, 255, 255, 0.75);
    opacity:  1;
}
.NavigationSearch ::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    rgba(255, 255, 255, 0.75);
    opacity:  1;
}
.NavigationSearch :-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    rgba(255, 255, 255, 0.75);
}

.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }

.material-icons.md-dark { color: rgba(0, 0, 0, 0.54); }
.material-icons.md-dark.md-inactive { color: rgba(0, 0, 0, 0.26); }

.material-icons.md-light { color: rgba(255, 255, 255, 1); }
.material-icons.md-light.md-inactive { color: rgba(255, 255, 255, 0.3); }

.slide-in-vertical-enter {
    transition-property: all;
    transition-duration: .3s;
    transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
}

.sectionContent, .BGPlusMapControls, .BGPlusMapControls div {
    -webkit-transition: height 0.25s ease-in-out !important;
    -moz-transition: height 0.25s ease-in-out !important;
    -o-transition: height 0.25s ease-in-out !important;
    -ms-transition: height 0.25s ease-in-out !important;
    transition: height 0.25s ease-in-out !important;
}

.box-shadow {
    -webkit-box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.05);
    -moz-box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.05);
    box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.05);
}

.slick-slider { margin-bottom: 0px; }

.fa {font-family: 'font-awesome'}

@font-face {
    font-family: 'font-awesome';
    src:    url('/pages/react/shared/fonts/font-awesome.eot?88t5oc');
    src:    url('/pages/react/shared/fonts/font-awesome.eot?88t5oc#iefix') format('embedded-opentype'),
        url('/pages/react/shared/fonts/font-awesome.ttf?88t5oc') format('truetype'),
        url('/pages/react/shared/fonts/font-awesome.woff?88t5oc') format('woff'),
        url('/pages/react/shared/fonts/font-awesome.svg?88t5oc#font-awesome') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="fa-"], [class*=" fa-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'font-awesome' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.fa-user:before {
    content: "\e900";
}
.fa-books:before {
    content: "\e901";
}
.fa-expand:before {
    content: "\e902";
}
.fa-collapse:before {
    content: "\e903";
}

@font-face {
    font-family: 'billiongraves';
    src:    url('/pages/react/shared/fonts/billiongraves.eot?ytdflq');
    src:    url('/pages/react/shared/fonts/billiongraves.eot?ytdflq#iefix') format('embedded-opentype'),
        url('/pages/react/shared/fonts/billiongraves.ttf?ytdflq') format('truetype'),
        url('/pages/react/shared/fonts/billiongraves.woff?ytdflq') format('woff'),
        url('/pages/react/shared/fonts/billiongraves.svg?ytdflq#billiongraves') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="bg-"], [class*=" bg-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'billiongraves' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.bg-font {
  font-family: 'billiongraves' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.bg-r-grave {
  font-size: 0.49em;
  margin-bottom: 6px;
  padding-bottom: 0px;
  vertical-align: 0.03em;
  display: inline-block;
}

.bg-B:before {
    content: "\e900";
}
.bg-e:before {
    content: "\e901";
}
.bg-G:before {
    content: "\e902";
}
.bg-i:before {
    content: "\e903";
}
.bg-l:before {
    content: "\e904";
}
.bg-n:before {
    content: "\e905";
}
.bg-o:before {
    content: "\e906";
}
.bg-r:before {
    content: "\e907";
}
.bg-s:before {
    content: "\e908";
}
.bg-v:before {
    content: "\e909";
}
.bg-a:before {
    content: "\e90a";
}

/*
 * Created with iconvau.lt
 */

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

.basecloud:before  {
  font-family: 'iconvault';
  font-size:6em;
  content: '\f105';
  position:absolute;
  color:rgb(204, 204, 204);
}

.windyraincloud:before  {
  font-family: 'iconvault';
  font-size:6em;
  content: '\f111';
  position:absolute;
  color:rgb(204, 204, 204);
}

.windysnowcloud:before  {
  font-family: 'iconvault';
  font-size:6em;
  content: '\f109';
  position:absolute;
  color:rgb(204, 204, 204);
}

.basethundercloud:before  {
  font-family: 'iconvault';
  font-size:6em;
  content: '\f105';
  position:absolute;
  color:#000;
}

[class^="icon-"],
[class*=" icon-"] {
  font-family: 'iconvault';
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  font-size: 6em;

}

@media only screen and (min-width: 479px) and (max-width: 678px){
[class^="icon-"],
[class*=" icon-"] {
  font-family: 'iconvault';
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;}
}

/* -----Thunder----- */

  .icon-thunder::before  {
  content: "\f114";
  position:absolute;
  color:rgb(255, 165, 0);
  }

/* -----Sunny----- */

  .icon-sunny::after {
  content: "\f101";
  color:rgb(255, 165, 0);
  position: absolute;
  }


/* -----Drizzle----- */

  .icon-drizzle::before  {
  content: "\f10a";
  color: #82b2e4;
  position: absolute;
}

/* -----Hail----- */

  .icon-hail::before {
  content: "\f10f";
  position:absolute;
  color:rgb(204, 204, 204);}

/* -----Showers----- */

  .icon-showers::before  {
  content: "\f104";
  position:absolute;
  color:#82b2e4;
}

/* -----Rainy----- */

  .icon-rainy::before {
  content: "\f107";
  position:absolute;
  color:#4681c3;
  }

/* -----Snowy----- */

  .icon-snowy::before  {
  content: "\f10b";
  position:absolute;
  color:#acd3f3;
  }

/* -----Frosty----- */

  .icon-frosty::before {
  content: "\f102";
  position:absolute;
  color:#85d8f7;
  }

/* -----Windy----- */

  .icon-windy::before  {
  content: "\f115";
  position:absolute;
  color:rgb(204, 204, 204);
  }

/* -----WindyRain----- */

  .icon-windyrain::before {
  content: "\f10e";
  position:absolute;
  color:#acd3f3;
  }

/* -----WindySnow----- */

  .icon-windysnow::before {
  content: "\f103";
  position:absolute;
  color:#acd3f3;
  }

/* -----Sleet----- */

  .icon-sleet::before  {
  content: "\f10c";
  position:absolute;
  color:#acd3f3;
  }

/* -----Moon----- */

  .icon-moon::after {
  content: "\f10d";
  color:rgb(255, 165, 0);
  position: absolute;
  }

/* -----Night----- */

  .icon-night::after {
  content: "\f100";
  position:absolute;
  color:rgb(255, 165, 0);
  }


/* -----Sun----- */

  .icon-sun::after {
  content: "\f113";
  color:rgb(255, 165, 0);
  position: absolute;
  }

/* -----Cloud----- */

  .icon-cloud::before {
  content: "\f106";
  color:rgb(204, 204, 204);
  position: absolute;
  }


/* -----Sunrise----- */

  .icon-sunrise:before  {
  content: '\f112';
  color:rgb(255, 165, 0);
  position: absolute;
  }

/* -----Sunset----- */

  .icon-sunset:before  {
  content: '\f110';
  color:#f96f23;
  position: absolute;
  }

/* -----Mist----- */

  .icon-mist:before  {
  content: '\f108';
  color:rgb(204, 204, 204);
  position: absolute;
  }

input[type='text'],
input[type='number'],
textarea {
  font-size: 16px;
}

.spinner {
  -webkit-animation: rotator 1.4s linear infinite;
          animation: rotator 1.4s linear infinite;
}

@-webkit-keyframes rotator {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(270deg);
            transform: rotate(270deg);
  }
}

@keyframes rotator {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(270deg);
            transform: rotate(270deg);
  }
}
.path {
  stroke-dasharray: 187;
  stroke-dashoffset: 0;
  -webkit-transform-origin: center;
          transform-origin: center;
  -webkit-animation: dash 1.4s ease-in-out infinite, colors 5.6s ease-in-out infinite;
          animation: dash 1.4s ease-in-out infinite, colors 5.6s ease-in-out infinite;
}

@-webkit-keyframes colors {
  0% {
    stroke: #E7AD75;
  }
  25% {
    stroke: #E7AD75;
  }
  50% {
    stroke: #E7AD75;
  }
  75% {
    stroke: #E7AD75;
  }
  100% {
    stroke: #E7AD75;
  }
}

@keyframes colors {
  0% {
    stroke: #E7AD75;
  }
  25% {
    stroke: #E7AD75;
  }
  50% {
    stroke: #E7AD75;
  }
  75% {
    stroke: #E7AD75;
  }
  100% {
    stroke: #E7AD75;
  }
}
@-webkit-keyframes dash {
  0% {
    stroke-dashoffset: 187;
  }
  50% {
    stroke-dashoffset: 46.75;
    -webkit-transform: rotate(135deg);
            transform: rotate(135deg);
  }
  100% {
    stroke-dashoffset: 187;
    -webkit-transform: rotate(450deg);
            transform: rotate(450deg);
  }
}
@keyframes dash {
  0% {
    stroke-dashoffset: 187;
  }
  50% {
    stroke-dashoffset: 46.75;
    -webkit-transform: rotate(135deg);
            transform: rotate(135deg);
  }
  100% {
    stroke-dashoffset: 187;
    -webkit-transform: rotate(450deg);
            transform: rotate(450deg);
  }
}

.ActiveScrollLink > div {
  background-color: rgba(117, 175, 231, 0.2);
  border-right: 5px solid rgba(117, 175, 231, 1);
  color: rgba(117, 175, 231, 1) !important;
}

.ScrollLink > div {
  color: #555555;
}

@font-face {
  font-family: 'tree';
  src:  url('/pages/react/shared/fonts/tree.eot?5jgg2p');
  src:  url('/pages/react/shared/fonts/tree.eot?5jgg2p#iefix') format('embedded-opentype'),
    url('/pages/react/shared/fonts/tree.ttf?5jgg2p') format('truetype'),
    url('/pages/react/shared/fonts/tree.woff?5jgg2p') format('woff'),
    url('/pages/react/shared/fonts/tree.svg?5jgg2p#tree') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="tree-"], [class*=" tree-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'tree' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.tree-AddHeadstone:before {
  content: "\e900";
}
.tree-Cemetery:before {
  content: "\e901";
}
.tree-Headstone:before {
  content: "\e902";
}
.tree-SupportingRecord:before {
  content: "\e903";
}


.fadeInOut-enter {
  opacity: 0.01;
}

.fadeInOut-enter.fadeInOut-enter-active {
  opacity: 1;
  transition: opacity 500ms ease-in;
}

.fadeInOut-leave {
  opacity: 1;
}

.fadeInOut-leave.fadeInOut-leave-active {
  opacity: 0.01;
  transition: opacity 300ms ease-in;
}

.fadeInOut-appear {
  opacity: 0.01;
}

.fadeInOut-appear.fadeInOut-appear-active {
  opacity: 1;
  transition: opacity .5s ease-in;
}


@font-face {
  font-family: 'religion';
  src:  url('/pages/react/shared/fonts/religion.eot?hlq2cn');
  src:  url('/pages/react/shared/fonts/religion.eot?hlq2cn#iefix') format('embedded-opentype'),
    url('/pages/react/shared/fonts/religion.ttf?hlq2cn') format('truetype'),
    url('/pages/react/shared/fonts/religion.woff?hlq2cn') format('woff'),
    url('/pages/react/shared/fonts/religion.svg?hlq2cn#religion') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="religion-"], [class*=" religion-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'religion' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.religion-aaronic-order:before {
  content: "\e900";
}
.religion-armenian-cross:before {
  content: "\e901";
}
.religion-athiest:before {
  content: "\e902";
}
.religion-bahai:before {
  content: "\e903";
}
.religion-buddhist-wheel:before {
  content: "\e904";
}
.religion-catholic-celtic-cross:before {
  content: "\e905";
}
.religion-celtic-cross:before {
  content: "\e906";
}
.religion-christian-missionary-alliance:before {
  content: "\e907";
}
.religion-christian-reformed:before {
  content: "\e908";
}
.religion-christian:before {
  content: "\e909";
}
.religion-church-of-god:before {
  content: "\e90a";
}
.religion-church-of-world-izunome:before {
  content: "\e90b";
}
.religion-community-christ:before {
  content: "\e90c";
}
.religion-eckankar:before {
  content: "\e90d";
}
.religion-episcopal-cross:before {
  content: "\e90e";
}
.religion-farohar:before {
  content: "\e90f";
}
.religion-first-church-christ:before {
  content: "\e910";
}
.religion-four-directions:before {
  content: "\e911";
}
.religion-greek-cross:before {
  content: "\e912";
}
.religion-greek-othodox:before {
  content: "\e913";
}
.religion-hammer-thor:before {
  content: "\e914";
}
.religion-hindu:before {
  content: "\e915";
}
.religion-humanist:before {
  content: "\e916";
}
.religion-infinity:before {
  content: "\e917";
}
.religion-islam5-pointed-star:before {
  content: "\e918";
}
.religion-izumo-taishakyo:before {
  content: "\e919";
}
.religion-judaism-star-of-david:before {
  content: "\e91a";
}
.religion-kohen-hands:before {
  content: "\e91b";
}
.religion-konko-kyo:before {
  content: "\e91c";
}
.religion-landing-eagle:before {
  content: "\e91d";
}
.religion-latin-cross:before {
  content: "\e91e";
}
.religion-lds-moroni:before {
  content: "\e91f";
}
.religion-luther-rose:before {
  content: "\e920";
}
.religion-lutheran-cross:before {
  content: "\e921";
}
.religion-lutheran-missouri-synod:before {
  content: "\e922";
}
.religion-medicine-wheel:before {
  content: "\e923";
}
.religion-messianic-jewish:before {
  content: "\e924";
}
.religion-messianic:before {
  content: "\e925";
}
.religion-muslim-crescent-star:before {
  content: "\e926";
}
.religion-native-american-north-am:before {
  content: "\e927";
}
.religion-nazarene:before {
  content: "\e928";
}
.religion-new-apostolic:before {
  content: "\e929";
}
.religion-pomegranate:before {
  content: "\e92a";
}
.religion-presbyterian-usa:before {
  content: "\e92b";
}
.religion-presbyterian:before {
  content: "\e92c";
}
.religion-roman-catholic:before {
  content: "\e92d";
}
.religion-russian-ortho-cross:before {
  content: "\e92e";
}
.religion-sandhill-crane:before {
  content: "\e92f";
}
.religion-seicho-no-ie:before {
  content: "\e930";
}
.religion-serbian-orthodox:before {
  content: "\e931";
}
.religion-seventh-day:before {
  content: "\e932";
}
.religion-shinto:before {
  content: "\e933";
}
.religion-sikh:before {
  content: "\e934";
}
.religion-soka-gakkai:before {
  content: "\e935";
}
.religion-sufism:before {
  content: "\e936";
}
.religion-tenrikyo:before {
  content: "\e937";
}
.religion-unification-church:before {
  content: "\e938";
}
.religion-unitarian:before {
  content: "\e939";
}
.religion-united-methodist:before {
  content: "\e93a";
}
.religion-united-moravian:before {
  content: "\e93b";
}
.religion-united-of-christ:before {
  content: "\e93c";
}
.religion-united-science:before {
  content: "\e93d";
}
.religion-wicca:before {
  content: "\e93e";
}

/**
 * React Select
 * ============
 * Created by Jed Watson and Joss Mackison for KeystoneJS, http://www.keystonejs.com/
 * https://twitter.com/jedwatson https://twitter.com/jossmackison https://twitter.com/keystonejs
 * MIT License: https://github.com/keystonejs/react-select
*/
.Select {
  position: relative;
}
.Select-value {
  display: inline-block;
}

.Select-control {
  position: relative;
  overflow: hidden;
  background-color: #4d4d4f;
  border-left: 1px solid #707070;
  box-sizing: border-box;
  color: #dddddd;
  cursor: default;
  outline: none;
  padding: 8px 52px 8px 10px;
  transition: all 200ms ease;
  height: 38px;
}
.Select-control:hover {
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
}
.is-searchable.is-open > .Select-control {
  cursor: text;
}
.is-open > .Select-control {
  
}
.is-open > .Select-control > .Select-arrow {
  border-color: transparent transparent #999999;
  border-width: 0 5px 5px;
}
.is-searchable.is-focused:not(.is-open) > .Select-control {
  cursor: text;
}
.is-focused:not(.is-open) > .Select-control {
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 0 5px -1px rgba(0, 136, 204, 0.5);
}
.Select-placeholder {
  color: #dddddd;
  padding: 8px 52px 8px 10px;
  position: absolute;
  top: 0;
  left: 0;
  right: -15px;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.has-value > .Select-control > .Select-placeholder {
  color: #dddddd;
}
.Select-input > input {
  cursor: default;
  background: none transparent;
  border: 0 none;
  font-family: inherit;
  font-size: inherit;
  margin: 0;
  padding: 0;
  outline: none;
  display: inline-block;
  -webkit-appearance: none;
}
.is-focused .Select-input > input {
  cursor: text;
}
.Select-control:not(.is-searchable) > .Select-input {
  outline: none;
}
.Select-loading {
  -webkit-animation: Select-animation-spin 400ms infinite linear;
  -o-animation: Select-animation-spin 400ms infinite linear;
  animation: Select-animation-spin 400ms infinite linear;
  width: 16px;
  height: 16px;
  box-sizing: border-box;
  border-radius: 50%;
  border: 2px solid #cccccc;
  border-right-color: #333333;
  display: inline-block;
  position: relative;
  margin-top: -8px;
  position: absolute;
  right: 30px;
  top: 50%;
}
.has-value > .Select-control > .Select-loading {
  right: 46px;
}
.Select-clear {
  color: #999999;
  cursor: pointer;
  display: inline-block;
  font-size: 16px;
  padding: 6px 10px;
  position: absolute;
  right: 17px;
  top: 0;
}
.Select-clear:hover {
  color: #c0392b;
}
.Select-clear > span {
  font-size: 1.1em;
}
.Select-arrow {
  border-color: #999999 transparent transparent;
  border-style: solid;
  border-width: 5px 5px 0;
  content: " ";
  display: block;
  height: 0;
  margin-top: -ceil(2.5px);
  position: absolute;
  right: 10px;
  top: 14px;
  width: 0;
}
.Select-menu-outer {
  background-color: #4d4d4f;
  border: 1px solid #707070;
  border-top-color: #707070;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
  box-sizing: border-box;
  margin-top: -1px;
  max-height: 200px;
  position: absolute;
  top: 100%;
  width: 100%;
  z-index: 1000;
  -webkit-overflow-scrolling: touch;
}
.Select-menu {
  max-height: 198px;
  overflow-y: auto;
}
.Select-option {
  box-sizing: border-box;
  color: #dddddd;
  cursor: pointer;
  display: block;
  padding: 8px 10px;
}
.Select-option:last-child {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.Select-option.is-focused {
  background-color: #5d5d5f;
  color: #ffffff;
}
.Select-option.is-disabled {
  color: #cccccc;
  cursor: not-allowed;
}
.Select-noresults {
  box-sizing: border-box;
  color: #999999;
  cursor: default;
  display: block;
  padding: 8px 10px;
}
.Select.is-multi .Select-control {
  padding: 2px 52px 2px 3px;
}
.Select.is-multi .Select-input {
  vertical-align: middle;
  border: 1px solid transparent;
  margin: 2px;
  padding: 3px 0;
}
.Select-item {
  background-color: #f2f9fc;
  border-radius: 2px;
  border: 1px solid #c9e6f2;
  color: #0088cc;
  display: inline-block;
  font-size: 1em;
  margin: 2px;
}
.Select-item-icon,
.Select-item-label {
  display: inline-block;
  vertical-align: middle;
}
.Select-item-label {
  cursor: default;
  border-bottom-right-radius: 2px;
  border-top-right-radius: 2px;
  padding: 3px 5px;
}
.Select-item-label .Select-item-label__a {
  color: #0088cc;
  cursor: pointer;
}
.Select-item-icon {
  cursor: pointer;
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px;
  border-right: 1px solid #c9e6f2;
  padding: 2px 5px 4px;
}
.Select-item-icon:hover,
.Select-item-icon:focus {
  background-color: #ddeff7;
  color: #0077b3;
}
.Select-item-icon:active {
  background-color: #c9e6f2;
}
@keyframes Select-animation-spin {
  to {
    transform: rotate(1turn);
  }
}
@-webkit-keyframes Select-animation-spin {
  to {
    -webkit-transform: rotate(1turn);
  }
}


/**
 * Search Select
 * ============
 * Created by Jed Watson and Joss Mackison for KeystoneJS, http://www.keystonejs.com/
 * https://twitter.com/jedwatson https://twitter.com/jossmackison https://twitter.com/keystonejs
 * MIT License: https://github.com/keystonejs/react-select
*/
.SearchSelect .Select {
  position: relative;
}
.SearchSelect .Select-control {
  position: relative;
  overflow: hidden;
  background-color: rgba(255, 255, 255, 0.75);
  border: 1px solid #cccccc;
  border-radius: 2px;
  box-sizing: border-box;
  color: #333333;
  cursor: default;
  outline: none;
  padding: 8px 52px 8px 10px;
  line-height: 22px;
}
.SearchSelect .Select-control:hover {
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
}
.SearchSelect .is-searchable.is-open > .Select-control {
  cursor: text;
}
.SearchSelect .is-open > .Select-control {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background: #ffffff;
  border-color: #b3b3b3 #cccccc #d9d9d9;
}
.SearchSelect .is-open > .Select-control > .Select-arrow {
  border-color: transparent transparent #999999;
  border-width: 0 5px 5px;
}
.SearchSelect .is-searchable.is-focused:not(.is-open) > .Select-control {
  cursor: text;
}
.SearchSelect .is-focused:not(.is-open) > .Select-control {
  border-color: #0088cc #0099e6 #0099e6;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 0 5px -1px rgba(0, 136, 204, 0.5);
}
.SearchSelect .Select-placeholder {
  color: #4d4d4f !important;
  padding: 8px 52px 8px 10px;
  position: absolute;
  top: 0;
  left: 0;
  right: -15px;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.SearchSelect .has-value > .Select-control > .Select-placeholder {
  color: #333333;
}
.SearchSelect .Select-value {
  color: #aaaaaa;
  padding: 8px 52px 8px 10px;
  position: absolute;
  top: 0;
  left: 0;
  right: -15px;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.SearchSelect .has-value > .Select-control > .Select-value {
  color: #333333;
}
.SearchSelect .Select-input > input {
  cursor: default;
  background: none transparent;
  box-shadow: none;
  height: auto;
  border: 0 none;
  font-family: inherit;
  font-size: inherit;
  margin: 0;
  padding: 0;
  outline: none;
  display: inline-block;
  -webkit-appearance: none;
}
.SearchSelect .is-focused .Select-input > input {
  cursor: text;
}
.SearchSelect .Select-control:not(.is-searchable) > .Select-input {
  outline: none;
}
.SearchSelect .Select-loading {
  -webkit-animation: Select-animation-spin 400ms infinite linear;
  -o-animation: Select-animation-spin 400ms infinite linear;
  animation: Select-animation-spin 400ms infinite linear;
  width: 16px;
  height: 16px;
  box-sizing: border-box;
  border-radius: 50%;
  border: 2px solid #cccccc;
  border-right-color: #333333;
  display: inline-block;
  position: relative;
  margin-top: -8px;
  position: absolute;
  right: 30px;
  top: 50%;
}
.SearchSelect .has-value > .Select-control > .Select-loading {
  right: 46px;
}
.SearchSelect .Select-clear {
  color: #999999;
  cursor: pointer;
  display: inline-block;
  font-size: 16px;
  padding: 6px 10px;
  position: absolute;
  right: 17px;
  top: 0;
}
.SearchSelect .Select-clear:hover {
  color: #c0392b;
}
.SearchSelect .Select-clear > span {
  font-size: 1.1em;
}
.SearchSelect .Select-arrow-zone {
  content: " ";
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 30px;
  cursor: pointer;
}
.SearchSelect .Select-arrow {
  border-color: #999999 transparent transparent;
  border-style: solid;
  border-width: 5px 5px 0;
  content: " ";
  display: block;
  height: 0;
  margin-top: -ceil(2.5px);
  position: absolute;
  right: 10px;
  top: 14px;
  width: 0;
  cursor: pointer;
}
.SearchSelect .Select-menu-outer {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-top-color: #e6e6e6;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
  box-sizing: border-box;
  margin-top: -1px;
  max-height: 130px;
  position: absolute;
  top: 100%;
  width: 100%;
  z-index: 1000;
  -webkit-overflow-scrolling: touch;
}
.SearchSelect .Select-menu {
  max-height: 128px;
  overflow-y: auto;
}
.SearchSelect .Select-option {
  box-sizing: border-box;
  color: #666666;
  cursor: pointer;
  display: block;
  padding: 8px 10px;
}
.SearchSelect .Select-option:last-child {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.SearchSelect .Select-option.is-focused {
  background-color: #f2f9fc;
  color: #333333;
}
.SearchSelect .Select-option.is-disabled {
  color: #cccccc;
  cursor: not-allowed;
}
.SearchSelect .Select-noresults,
.SearchSelect .Select-search-prompt,
.SearchSelect .Select-searching {
  box-sizing: border-box;
  color: #999999;
  cursor: default;
  display: block;
  padding: 8px 10px;
}
.SearchSelect .Select.is-multi .Select-control {
  padding: 2px 52px 2px 3px;
}
.SearchSelect .Select.is-multi .Select-input {
  vertical-align: middle;
  border: 1px solid transparent;
  margin: 2px;
  padding: 3px 0;
}
.SearchSelect .Select-item {
  background-color: rgba(0, 126, 255, 0.08);
  border-radius: 2px;
  border: 1px solid rgba(0, 126, 255, 0.24);
  color: #007eff;
  display: inline-block;
  font-size: 1em;
  margin: 2px;
}
.SearchSelect .Select-item-icon,
.SearchSelect .Select-item-label {
  display: inline-block;
  vertical-align: middle;
}
.SearchSelect .Select-item-label {
  cursor: default;
  border-bottom-right-radius: 2px;
  border-top-right-radius: 2px;
  padding: 3px 5px;
}
.SearchSelect .Select-item-label .Select-item-label__a {
  color: #007eff;
  cursor: pointer;
}
.SearchSelect .Select-item-icon {
  cursor: pointer;
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px;
  border-right: 1px solid rgba(0, 126, 255, 0.24);
  padding: 2px 5px 4px;
}
.SearchSelect .Select-item-icon:hover,
.SearchSelect .Select-item-icon:focus {
  background-color: rgba(0, 113, 230, 0.08);
  color: #0071e6;
}
.SearchSelect .Select-item-icon:active {
  background-color: rgba(0, 126, 255, 0.24);
}
.SearchSelect .Select.is-multi.is-disabled .Select-item {
  background-color: #f2f2f2;
  border: 1px solid #d9d9d9;
  color: #888888;
}
.SearchSelect .Select.is-multi.is-disabled .Select-item-icon {
  cursor: not-allowed;
  border-right: 1px solid #d9d9d9;
}
.SearchSelect .Select.is-multi.is-disabled .Select-item-icon:hover,
.SearchSelect .Select.is-multi.is-disabled .Select-item-icon:focus,
.SearchSelect .Select.is-multi.is-disabled .Select-item-icon:active {
  background-color: #f2f2f2;
}
@keyframes Select-animation-spin {
  to {
    transform: rotate(1turn);
  }
}
@-webkit-keyframes Select-animation-spin {
  to {
    -webkit-transform: rotate(1turn);
  }
}



.BGRangePickerBar {
  height: 3px;
  margin-top: 16px;
  background-color: #75afe7
}

.BGRangePickerBar-0, .BGRangePickerBar-2 {
  background-color: #dddddd;
}

.BGRangePicker {
  -webkit-transition: all 0.25s cubic-bezier(0.23, 1, 0.32, 1) !important;
  -moz-transition: all 0.25s cubic-bezier(0.23, 1, 0.32, 1) !important;
  -o-transition: all 0.25s cubic-bezier(0.23, 1, 0.32, 1) !important;
  -ms-transition: all 0.25s cubic-bezier(0.23, 1, 0.32, 1) !important;
  transition: all 0.25s cubic-bezier(0.23, 1, 0.32, 1) !important;
}

.BGRangePickerHandle {
  height: 36px;
  width: 36px;
  background-color: #75afe7;
  border-radius: 50%;
  cursor: 'pointer';
}

.BGRangePickerHandleActive {
  -webkit-transform: scale(1.3);
  -ms-transform: scale(1.3);
  transform: scale(1.3);
}


/* Range Picker */
.image-gallery {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none; }

.image-gallery-content {
  position: relative; }
  .image-gallery-content .image-gallery-left-nav,
  .image-gallery-content .image-gallery-right-nav {
    color: #fff;
    cursor: pointer;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 6em;
    line-height: 0;
    position: absolute;
    text-shadow: 0 2px 2px #222;
    top: 48%;
    transition: all .2s ease-out;
    background: none;
    border: none;
    z-index: 4; }
    @media (max-width: 768px) {
      .image-gallery-content .image-gallery-left-nav,
      .image-gallery-content .image-gallery-right-nav {
        font-size: 3.4em; } }
    @media (min-width: 768px) {
      .image-gallery-content .image-gallery-left-nav:hover,
      .image-gallery-content .image-gallery-right-nav:hover {
        color: #337ab7; } }
  .image-gallery-content .image-gallery-left-nav {
    left: 0; }
    .image-gallery-content .image-gallery-left-nav:before {
      content: '‹';
      padding: 50px 15px; }
  .image-gallery-content .image-gallery-right-nav {
    right: 0; }
    .image-gallery-content .image-gallery-right-nav:before {
      content: '›';
      padding: 50px 15px; }

.image-gallery-slides {
  line-height: 0;
  overflow: hidden;
  position: relative;
  white-space: nowrap; }

.image-gallery-slide {
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: all .45s ease-out;
  width: 100%;
  height: 308px; }
  .image-gallery-slide.left {
    -webkit-transform: translate3d(-100%, 0, 0);
    -moz-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    -o-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); }
  .image-gallery-slide.center {
    opacity: 1;
    position: relative;
    z-index: 1; }
  .image-gallery-slide.right {
    -webkit-transform: translate3d(100%, 0, 0);
    -moz-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    -o-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); }
  .image-gallery-slide img {
    opacity: 1;
    transition: opacity .45s ease-out;
    height: auto;
    width: 100%;
    transform: translate(0%, -50%);
    position: absolute;
    top: 50%; }
    .image-gallery-slide img.loaded {
      opacity: 1; }
  .image-gallery-slide span {
    background: rgba(34, 34, 34, 0.6);
    bottom: 70px;
    color: #fff;
    left: 0;
    line-height: 1;
    padding: 10px 20px;
    position: absolute;
    transition: all .45s ease-out;
    white-space: normal; }
    @media (max-width: 768px) {
      .image-gallery-slide span {
        bottom: 45px;
        font-size: .8em;
        padding: 8px 15px; } }

.image-gallery-bullets {
  bottom: 20px;
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: 2; }
  .image-gallery-bullets .image-gallery-bullets-container {
    margin: 0;
    padding: 0; }
  .image-gallery-bullets .image-gallery-bullet {
    border: 1px solid #fff;
    border-radius: 50%;
    box-shadow: 0 1px 0 #222;
    cursor: pointer;
    display: inline-block;
    margin: 0 5px;
    padding: 5px; }
    @media (max-width: 768px) {
      .image-gallery-bullets .image-gallery-bullet {
        margin: 0 3px;
        padding: 3px; } }
    .image-gallery-bullets .image-gallery-bullet.active {
      background: #fff; }

.image-gallery-thumbnails {
  background: #fff;
  overflow: hidden;
  padding-top: 10px; }
  .image-gallery-thumbnails .image-gallery-thumbnails-container {
    cursor: pointer;
    text-align: center;
    transition: all .45s ease-out;
    white-space: nowrap; }

.image-gallery-thumbnail {
  display: inline-block;
  padding-right: 10px; }
  .image-gallery-thumbnail div {
    border: 4px solid transparent;
    transition: border .3s ease-out;
    vertical-align: middle;
    width: 100px; }
    @media (max-width: 768px) {
      .image-gallery-thumbnail img {
        border: 3px solid transparent;
        width: 75px; } }
  .image-gallery-thumbnail.active div {
    border: 4px solid #337ab7; }
    @media (max-width: 768px) {
      .image-gallery-thumbnail.active div {
        border: 3px solid #337ab7; } }

.image-gallery-index {
  background: rgba(34, 34, 34, 0.6);
  bottom: 0;
  color: #fff;
  line-height: 1;
  padding: 10px 20px;
  position: absolute;
  right: 0;
  z-index: 1; }


/*!
 * Cropper.js v1.0.0-rc.2
 * https://github.com/fengyuanchen/cropperjs
 *
 * Copyright (c) 2017 Fengyuan Chen
 * Released under the MIT license
 *
 * Date: 2017-05-30T05:02:48.005Z
 */

.cropper-container{font-size:0;line-height:0;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;direction:ltr;-ms-touch-action:none;touch-action:none}.cropper-container img{display:block;min-width:0!important;max-width:none!important;min-height:0!important;max-height:none!important;width:100%;height:100%;image-orientation:0deg}.cropper-canvas,.cropper-crop-box,.cropper-drag-box,.cropper-modal,.cropper-wrap-box{position:absolute;top:0;right:0;bottom:0;left:0}.cropper-wrap-box{overflow:hidden}.cropper-drag-box{opacity:0;background-color:#fff}.cropper-modal{opacity:.5;background-color:#000}.cropper-view-box{display:block;overflow:hidden;width:100%;height:100%;outline:1px solid #39f;outline-color:rgba(51,153,255,.75)}.cropper-dashed{position:absolute;display:block;opacity:.5;border:0 dashed #eee}.cropper-dashed.dashed-h{top:33.33333%;left:0;width:100%;height:33.33333%;border-top-width:1px;border-bottom-width:1px}.cropper-dashed.dashed-v{top:0;left:33.33333%;width:33.33333%;height:100%;border-right-width:1px;border-left-width:1px}.cropper-center{position:absolute;top:50%;left:50%;display:block;width:0;height:0;opacity:.75}.cropper-center:after,.cropper-center:before{position:absolute;display:block;content:" ";background-color:#eee}.cropper-center:before{top:0;left:-3px;width:7px;height:1px}.cropper-center:after{top:-3px;left:0;width:1px;height:7px}.cropper-face,.cropper-line,.cropper-point{position:absolute;display:block;width:100%;height:100%;opacity:.1}.cropper-face{top:0;left:0;background-color:#fff}.cropper-line{background-color:#39f}.cropper-line.line-e{top:0;right:-3px;width:5px;cursor:e-resize}.cropper-line.line-n{top:-3px;left:0;height:5px;cursor:n-resize}.cropper-line.line-w{top:0;left:-3px;width:5px;cursor:w-resize}.cropper-line.line-s{bottom:-3px;left:0;height:5px;cursor:s-resize}.cropper-point{width:5px;height:5px;opacity:.75;background-color:#39f}.cropper-point.point-e{top:50%;right:-3px;margin-top:-3px;cursor:e-resize}.cropper-point.point-n{top:-3px;left:50%;margin-left:-3px;cursor:n-resize}.cropper-point.point-w{top:50%;left:-3px;margin-top:-3px;cursor:w-resize}.cropper-point.point-s{bottom:-3px;left:50%;margin-left:-3px;cursor:s-resize}.cropper-point.point-ne{top:-3px;right:-3px;cursor:ne-resize}.cropper-point.point-nw{top:-3px;left:-3px;cursor:nw-resize}.cropper-point.point-sw{bottom:-3px;left:-3px;cursor:sw-resize}.cropper-point.point-se{right:-3px;bottom:-3px;width:20px;height:20px;cursor:se-resize;opacity:1}@media (min-width:768px){.cropper-point.point-se{width:15px;height:15px}}@media (min-width:992px){.cropper-point.point-se{width:10px;height:10px}}@media (min-width:1200px){.cropper-point.point-se{width:5px;height:5px;opacity:.75}}.cropper-point.point-se:before{position:absolute;right:-50%;bottom:-50%;display:block;width:200%;height:200%;content:" ";opacity:0;background-color:#39f}.cropper-invisible{opacity:0}.cropper-bg{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC")}.cropper-hide{position:absolute;display:block;width:0;height:0}.cropper-hidden{display:none!important}.cropper-move{cursor:move}.cropper-crop{cursor:crosshair}.cropper-disabled .cropper-drag-box,.cropper-disabled .cropper-face,.cropper-disabled .cropper-line,.cropper-disabled .cropper-point{cursor:not-allowed}