@charset "UTF-8";
@import url(http://fonts.googleapis.com/css?family=Raleway:400,100,200,300);
/* line 2, ../scss/_normalize.scss */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/* line 11, ../scss/_normalize.scss */
body {
  margin: 0; }

/* line 15, ../scss/_normalize.scss */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block; }

/* line 31, ../scss/_normalize.scss */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

/* line 41, ../scss/_normalize.scss */
audio:not([controls]) {
  display: none;
  height: 0; }

/* line 46, ../scss/_normalize.scss */
[hidden],
template {
  display: none; }

/* line 51, ../scss/_normalize.scss */
a {
  background-color: transparent; }
  /* line 53, ../scss/_normalize.scss */
  a:active, a:hover {
    outline: 0; }

/* line 59, ../scss/_normalize.scss */
abbr[title] {
  border-bottom: 1px dotted; }

/* line 63, ../scss/_normalize.scss */
b,
strong {
  font-weight: bold; }

/* line 68, ../scss/_normalize.scss */
dfn {
  font-style: italic; }

/* line 72, ../scss/_normalize.scss */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/* line 77, ../scss/_normalize.scss */
mark {
  background: #ff0;
  color: #000; }

/* line 82, ../scss/_normalize.scss */
small {
  font-size: 80%; }

/* line 86, ../scss/_normalize.scss */
sub {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

/* line 93, ../scss/_normalize.scss */
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
  top: -0.5em; }

/* line 101, ../scss/_normalize.scss */
sub {
  bottom: -0.25em; }

/* line 105, ../scss/_normalize.scss */
img {
  border: 0; }

/* line 109, ../scss/_normalize.scss */
svg:not(:root) {
  overflow: hidden; }

/* line 113, ../scss/_normalize.scss */
figure {
  margin: 1em 40px; }

/* line 117, ../scss/_normalize.scss */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

/* line 123, ../scss/_normalize.scss */
pre {
  overflow: auto; }

/* line 127, ../scss/_normalize.scss */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

/* line 135, ../scss/_normalize.scss */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */ }

/* line 148, ../scss/_normalize.scss */
button {
  overflow: visible;
  text-transform: none; }

/* line 153, ../scss/_normalize.scss */
select {
  text-transform: none; }

/* line 157, ../scss/_normalize.scss */
button,
html input[type="button"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */ }

/* line 166, ../scss/_normalize.scss */
input[type="reset"], input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */ }

/* line 175, ../scss/_normalize.scss */
button[disabled],
html input[disabled] {
  cursor: default; }

/* line 180, ../scss/_normalize.scss */
button::-moz-focus-inner {
  border: 0;
  padding: 0; }

/* line 185, ../scss/_normalize.scss */
input {
  line-height: normal; }
  /* line 186, ../scss/_normalize.scss */
  input::-moz-focus-inner {
    border: 0;
    padding: 0; }
  /* line 191, ../scss/_normalize.scss */
  input[type="checkbox"], input[type="radio"] {
    box-sizing: border-box;
    /* 1 */
    padding: 0;
    /* 2 */ }
  /* line 199, ../scss/_normalize.scss */
  input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
    height: auto; }
  /* line 204, ../scss/_normalize.scss */
  input[type="search"] {
    -webkit-appearance: textfield;
    /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    /* 2 */
    box-sizing: content-box; }
    /* line 211, ../scss/_normalize.scss */
    input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
      -webkit-appearance: none; }

/* line 218, ../scss/_normalize.scss */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/* line 224, ../scss/_normalize.scss */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

/* line 231, ../scss/_normalize.scss */
textarea {
  overflow: auto; }

/* line 235, ../scss/_normalize.scss */
optgroup {
  font-weight: bold; }

/* line 239, ../scss/_normalize.scss */
table {
  border-collapse: collapse;
  border-spacing: 0; }

/* line 244, ../scss/_normalize.scss */
td,
th {
  padding: 0; }

/* line 84, ../scss/_grids.scss */
* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

/* line 23, ../scss/_layout.scss */
* {
  font-weight: normal;
  font-style: normal;
  transition: color 0.20s ease-in; }
  /* line 27, ../scss/_layout.scss */
  *:hover {
    transition: color 0.20s ease-in; }

/* line 32, ../scss/_layout.scss */
img {
  height: auto;
  max-width: 100%; }

@media (min-width: 0px) {
  /* line 39, ../scss/_layout.scss */
  .container {
    max-width: 380px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1rem;
    padding-right: 1rem; }
    /* line 12, C:/Ruby24-x64/lib/ruby/gems/2.4.0/gems/susy-2.2.12/sass/susy/output/support/_clearfix.scss */
    .container:after {
      content: " ";
      display: block;
      clear: both; } }
@media (min-width: 640px) {
  /* line 39, ../scss/_layout.scss */
  .container {
    max-width: 780px;
    margin-left: auto;
    margin-right: auto; }
    /* line 12, C:/Ruby24-x64/lib/ruby/gems/2.4.0/gems/susy-2.2.12/sass/susy/output/support/_clearfix.scss */
    .container:after {
      content: " ";
      display: block;
      clear: both; } }
@media (min-width: 1024px) {
  /* line 39, ../scss/_layout.scss */
  .container {
    max-width: 1180px;
    margin-left: auto;
    margin-right: auto; }
    /* line 12, C:/Ruby24-x64/lib/ruby/gems/2.4.0/gems/susy-2.2.12/sass/susy/output/support/_clearfix.scss */
    .container:after {
      content: " ";
      display: block;
      clear: both; } }
@media (min-width: 1200px) {
  /* line 39, ../scss/_layout.scss */
  .container {
    max-width: 1180px;
    margin-left: auto;
    margin-right: auto; }
    /* line 12, C:/Ruby24-x64/lib/ruby/gems/2.4.0/gems/susy-2.2.12/sass/susy/output/support/_clearfix.scss */
    .container:after {
      content: " ";
      display: block;
      clear: both; } }

/* line 57, ../scss/_layout.scss */
.clearfix:before,
.clearfix:after {
  content: "";
  display: table; }

/* line 63, ../scss/_layout.scss */
.clearfix:after {
  clear: both; }

/* line 67, ../scss/_layout.scss */
.clearfix {
  *zoom: 1;
  /*For IE 6&7 only*/ }

/* line 73, ../scss/_layout.scss */
.txt-R {
  text-align: right; }

/* line 76, ../scss/_layout.scss */
.txt-C {
  text-align: center; }

/* line 79, ../scss/_layout.scss */
.txt-L {
  text-align: left; }

/* line 83, ../scss/_layout.scss */
.Left {
  float: left; }

/* line 86, ../scss/_layout.scss */
.Right {
  float: right; }

/* --------------------------------

Primary style

-------------------------------- */
/* line 10, ../scss/_nav.scss */
*,
*::after,
*::before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

/* --------------------------------

Main Components

-------------------------------- */
/* line 31, ../scss/_nav.scss */
header {
  position: fixed;
  z-index: 3;
  height: 50px;
  width: 100%;
  top: 0;
  left: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Force Hardware Acceleration */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  transition: transform 0.3s; }

/* line 54, ../scss/_nav.scss */
header.nav-is-visible {
  -webkit-transform: translateX(-260px);
  -moz-transform: translateX(-260px);
  -ms-transform: translateX(-260px);
  -o-transform: translateX(-260px);
  transform: translateX(-260px); }

/* line 62, ../scss/_nav.scss */
header::before {
  /* never visible - this is used in jQuery to check the current MQ */
  display: none;
  content: 'mobile'; }

@media only screen and (min-width: 1024px) {
  /* line 69, ../scss/_nav.scss */
  header {
    height: 80px; }

  /* line 72, ../scss/_nav.scss */
  header.nav-is-visible {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); }

  /* line 79, ../scss/_nav.scss */
  header::before {
    content: 'desktop'; } }
/* line 84, ../scss/_nav.scss */
.cd-logo {
  display: inline-block;
  height: 100%;
  margin-left: 15px;
  /* remove jump on iOS devices - when we fire the navigation */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

/* line 98, ../scss/_nav.scss */
.cd-logo img {
  display: block;
  max-width: 100%;
  margin-top: 5px; }
  @media (min-width: 0px) {
    /* line 98, ../scss/_nav.scss */
    .cd-logo img {
      width: 80%;
      margin-top: 10px; } }
  @media (min-width: 1024px) {
    /* line 98, ../scss/_nav.scss */
    .cd-logo img {
      width: 100%;
      margin-top: 20px; } }

@media only screen and (min-width: 1024px) {
  /* line 114, ../scss/_nav.scss */
  .cd-logo {
    position: absolute;
    z-index: 2;
    margin-left: 5%; }

  /* line 119, ../scss/_nav.scss */
  .cd-logo img {
    margin-top: 20px; } }
/* line 124, ../scss/_nav.scss */
.cd-nav-trigger {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 50px;
  /* hide text */
  overflow: hidden;
  white-space: nowrap;
  color: transparent;
  background-color: rgba(255, 255, 255, 0.59); }

/* line 138, ../scss/_nav.scss */
.cd-nav-trigger span {
  /* hamburger icon created in CSS */
  position: absolute;
  height: 2px;
  width: 20px;
  top: 50%;
  margin-top: -1px;
  left: 50%;
  margin-left: -10px;
  -webkit-transition: background-color 0.3s 0.3s;
  -moz-transition: background-color 0.3s 0.3s;
  transition: background-color 0.3s 0.3s;
  background-color: #666; }

/* line 153, ../scss/_nav.scss */
.cd-nav-trigger span::before,
.cd-nav-trigger span::after {
  /* upper and lower lines of the menu icon */
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #666;
  /* Force Hardware Acceleration */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: -webkit-transform 0.3s 0.3s;
  -moz-transition: -moz-transform 0.3s 0.3s;
  transition: transform 0.3s 0.3s; }

/* line 174, ../scss/_nav.scss */
.cd-nav-trigger span::before {
  -webkit-transform: translateY(-6px);
  -moz-transform: translateY(-6px);
  -ms-transform: translateY(-6px);
  -o-transform: translateY(-6px);
  transform: translateY(-6px); }

/* line 182, ../scss/_nav.scss */
.cd-nav-trigger span::after {
  -webkit-transform: translateY(6px);
  -moz-transform: translateY(6px);
  -ms-transform: translateY(6px);
  -o-transform: translateY(6px);
  transform: translateY(6px); }

/* line 190, ../scss/_nav.scss */
.nav-is-visible .cd-nav-trigger span {
  background-color: rgba(255, 255, 255, 0); }

/* line 194, ../scss/_nav.scss */
.nav-is-visible .cd-nav-trigger span::before {
  -webkit-transform: translateY(0) rotate(-45deg);
  -moz-transform: translateY(0) rotate(-45deg);
  -ms-transform: translateY(0) rotate(-45deg);
  -o-transform: translateY(0) rotate(-45deg);
  transform: translateY(0) rotate(-45deg); }

/* line 202, ../scss/_nav.scss */
.nav-is-visible .cd-nav-trigger span::after {
  -webkit-transform: translateY(0) rotate(45deg);
  -moz-transform: translateY(0) rotate(45deg);
  -ms-transform: translateY(0) rotate(45deg);
  -o-transform: translateY(0) rotate(45deg);
  transform: translateY(0) rotate(45deg); }

@media only screen and (min-width: 1024px) {
  /* line 211, ../scss/_nav.scss */
  .cd-nav-trigger {
    display: none; } }
/* line 216, ../scss/_nav.scss */
.cd-main-nav {
  position: fixed;
  z-index: 1;
  top: 0;
  right: 0;
  width: 260px;
  height: 100vh;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  visibility: hidden;
  background: #fff;
  -webkit-transition: visibility 0s 0.3s;
  -moz-transition: visibility 0s 0.3s;
  transition: visibility 0s 0.3s; }

/* line 232, ../scss/_nav.scss */
.cd-main-nav a {
  display: block;
  font-size: 1.25rem;
  padding: 15px;
  border-bottom: 1px solid #666;
  color: #797979;
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  -moz-transition: -moz-transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s;
  text-decoration: none; }

/* line 244, ../scss/_nav.scss */
.cd-main-nav li ul {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  transition: transform 0.3s;
  -webkit-transform: translateX(260px);
  -moz-transform: translateX(260px);
  -ms-transform: translateX(260px);
  -o-transform: translateX(260px);
  transform: translateX(260px); }

/* line 259, ../scss/_nav.scss */
.cd-main-nav li {
  list-style-type: none; }

/* line 263, ../scss/_nav.scss */
.cd-main-nav.nav-is-visible {
  visibility: visible;
  -webkit-transition: visibility 0s 0s;
  -moz-transition: visibility 0s 0s;
  transition: visibility 0s 0s;
  padding: 0;
  margin: 0; }

/* line 272, ../scss/_nav.scss */
.cd-main-nav.moves-out > li > a {
  /* push the navigation items to the left - and lower down opacity - when secondary nav slides in */
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
  opacity: 0; }

/* line 282, ../scss/_nav.scss */
.cd-main-nav.moves-out > li > ul {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0); }

/* line 290, ../scss/_nav.scss */
.cd-main-nav .cd-subnav-trigger,
.cd-main-nav .go-back a {
  position: relative; }

/* line 295, ../scss/_nav.scss */
.cd-main-nav .cd-subnav-trigger::before,
.cd-main-nav .cd-subnav-trigger::after,
.cd-main-nav .go-back a::before,
.cd-main-nav .go-back a::after {
  /* arrow icon in CSS */
  content: '';
  position: absolute;
  top: 50%;
  margin-top: -1px;
  display: inline-block;
  height: 2px;
  width: 10px;
  background: #485c68;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

/* line 312, ../scss/_nav.scss */
.cd-main-nav .cd-subnav-trigger::before,
.cd-main-nav .go-back a::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg); }

/* line 321, ../scss/_nav.scss */
.cd-main-nav .cd-subnav-trigger::after,
.cd-main-nav .go-back a::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg); }

/* line 330, ../scss/_nav.scss */
.cd-main-nav .cd-subnav-trigger::before,
.cd-main-nav .cd-subnav-trigger::after {
  /* arrow goes on the right side - children navigation */
  right: 20px;
  -webkit-transform-origin: 9px 50%;
  -moz-transform-origin: 9px 50%;
  -ms-transform-origin: 9px 50%;
  -o-transform-origin: 9px 50%;
  transform-origin: 9px 50%; }

/* line 341, ../scss/_nav.scss */
.cd-main-nav .go-back a {
  padding-left: 2em; }

/* line 345, ../scss/_nav.scss */
.cd-main-nav .go-back a::before,
.cd-main-nav .go-back a::after {
  /* arrow goes on the left side - go back button */
  left: 20px;
  -webkit-transform-origin: 1px 50%;
  -moz-transform-origin: 1px 50%;
  -ms-transform-origin: 1px 50%;
  -o-transform-origin: 1px 50%;
  transform-origin: 1px 50%; }

/* line 356, ../scss/_nav.scss */
.cd-main-nav .placeholder {
  /* never visible or clickable- it is used to take up the same space as the .cd-subnav-trigger */
  display: none; }

@media only screen and (min-width: 1024px) {
  /* line 362, ../scss/_nav.scss */
  .cd-main-nav {
    position: static;
    visibility: visible;
    width: 100%;
    height: 80px;
    /* padding left = logo size + logo left position*/
    padding: 0 5% 0 calc(5% + 124px);
    background: transparent;
    text-align: right;
    margin-top: 0; }

  /* line 374, ../scss/_nav.scss */
  .cd-main-nav li {
    display: inline-block;
    padding: 0; }

  /* line 379, ../scss/_nav.scss */
  .cd-main-nav li a {
    color: #000;
    font-weight: bold;
    line-height: 1;
    font-size: 1.333rem;
    padding: 25px;
    border-bottom: none;
    display: inline-block;
    /* Prevent .cd-subnav-trigger flicker is Safari */
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    transition: opacity 0.2s; }

  /* line 400, ../scss/_nav.scss */
  .cd-main-nav li a:not(.cd-subnav-trigger):hover {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    opacity: 1; }

  /* line 406, ../scss/_nav.scss */
  .cd-main-nav li a:hover {
    color: #333;
    font-weight: bold;
    background-color: #fff;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5); }

  /* line 412, ../scss/_nav.scss */
  .cd-main-nav .go-back {
    display: none; }

  /* line 415, ../scss/_nav.scss */
  .cd-main-nav .cd-subnav-trigger {
    z-index: 1;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 5em;
    -webkit-transition: border 0.3s;
    -moz-transition: border 0.3s;
    transition: border 0.3s; }

  /* line 423, ../scss/_nav.scss */
  .cd-main-nav .cd-subnav-trigger:hover {
    border-color: rgba(255, 255, 255, 0.4); }

  /* line 426, ../scss/_nav.scss */
  .cd-main-nav .cd-subnav-trigger::before,
  .cd-main-nav .cd-subnav-trigger::after {
    top: 22px;
    right: 17px;
    background-color: #ffffff;
    /* change transform-origin to rotate the arrow */
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transition: -webkit-transform 0.3s, width 0.3s, right 0.3s;
    -moz-transition: -moz-transform 0.3s, width 0.3s, right 0.3s;
    transition: transform 0.3s, width 0.3s, right 0.3s; }

  /* line 441, ../scss/_nav.scss */
  .cd-main-nav .cd-subnav-trigger::before {
    right: 23px; }

  /* line 444, ../scss/_nav.scss */
  .cd-main-nav .cd-subnav-trigger,
  .cd-main-nav .placeholder {
    padding-right: 2.4em;
    padding-left: 1.1em; }

  /* line 449, ../scss/_nav.scss */
  .cd-main-nav li ul {
    height: 80px;
    background-color: #7e4d7e;
    /* padding left = logo size + logo left position*/
    padding: 0 5% 0 calc(5% + 124px);
    -webkit-transform: translateY(-80px);
    -moz-transform: translateY(-80px);
    -ms-transform: translateY(-80px);
    -o-transform: translateY(-80px);
    transform: translateY(-80px);
    -webkit-transition: -webkit-transform 0.3s 0.2s;
    -moz-transition: -moz-transform 0.3s 0.2s;
    transition: transform 0.3s 0.2s; }

  /* line 463, ../scss/_nav.scss */
  .cd-main-nav li ul li {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px);
    -webkit-transition: -webkit-transform 0.3s 0s, opacity 0.3s 0s;
    -moz-transition: -moz-transform 0.3s 0s, opacity 0.3s 0s;
    transition: transform 0.3s 0s, opacity 0.3s 0s; }

  /* line 474, ../scss/_nav.scss */
  .cd-main-nav .placeholder {
    /* never visible or clickable- it is used to take up the same space as the .cd-subnav-trigger */
    display: block;
    visibility: hidden;
    opacity: 0;
    pointer-event: none; }

  /* line 481, ../scss/_nav.scss */
  .cd-main-nav.moves-out > li > a {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1; }

  /* line 489, ../scss/_nav.scss */
  .cd-main-nav.moves-out > li > ul {
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.3s;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }

  /* line 499, ../scss/_nav.scss */
  .cd-main-nav.moves-out > li ul li {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: -webkit-transform 0.3s 0.2s, opacity 0.3s 0.2s;
    -moz-transition: -moz-transform 0.3s 0.2s, opacity 0.3s 0.2s;
    transition: transform 0.3s 0.2s, opacity 0.3s 0.2s; }

  /* line 510, ../scss/_nav.scss */
  .cd-main-nav.moves-out .cd-subnav-trigger::before,
  .cd-main-nav.moves-out .cd-subnav-trigger::after {
    width: 14px;
    right: 17px; }

  /* line 515, ../scss/_nav.scss */
  .cd-main-nav.moves-out .cd-subnav-trigger::before {
    -webkit-transform: rotate(225deg);
    -moz-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    -o-transform: rotate(225deg);
    transform: rotate(225deg); }

  /* line 522, ../scss/_nav.scss */
  .cd-main-nav.moves-out .cd-subnav-trigger::after {
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg); } }
/* line 531, ../scss/_nav.scss */
.cd-main-content::before {
  /* never visible - this is used in jQuery to check the current MQ */
  display: none;
  content: 'mobile'; }

@media only screen and (min-width: 1024px) {
  /* line 538, ../scss/_nav.scss */
  .cd-main-content::before {
    content: 'desktop'; } }
/* line 543, ../scss/_nav.scss */
.cd-main-content {
  position: relative;
  z-index: 2;
  padding-top: 50px;
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  transition: transform 0.3s; }

/* line 556, ../scss/_nav.scss */
.cd-main-content.nav-is-visible {
  -webkit-transform: translateX(-260px);
  -moz-transform: translateX(-260px);
  -ms-transform: translateX(-260px);
  -o-transform: translateX(-260px);
  transform: translateX(-260px); }

@media only screen and (min-width: 1024px) {
  /* line 565, ../scss/_nav.scss */
  .cd-main-content {
    padding-top: 80px; }

  /* line 568, ../scss/_nav.scss */
  .cd-main-content.nav-is-visible {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); } }
/* line 577, ../scss/_nav.scss */
.no-js .cd-nav-trigger,
.no-js .cd-subnav-trigger {
  display: none; }

/* line 582, ../scss/_nav.scss */
.no-js header {
  position: relative;
  height: auto; }

/* line 587, ../scss/_nav.scss */
.no-js .cd-logo img {
  margin-bottom: 14px; }

/* line 591, ../scss/_nav.scss */
.no-js .cd-main-nav {
  position: static;
  width: 100%;
  height: auto;
  visibility: visible;
  overflow: visible; }

/* line 599, ../scss/_nav.scss */
.no-js .cd-main-nav li {
  display: inline-block; }

/* line 603, ../scss/_nav.scss */
.no-js .cd-main-nav li:last-child {
  display: block; }

/* line 607, ../scss/_nav.scss */
.no-js .cd-main-nav .go-back {
  display: none; }

/* line 611, ../scss/_nav.scss */
.no-js .cd-main-nav li ul {
  position: static;
  width: 100%;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0); }

@media only screen and (min-width: 1024px) {
  /* line 622, ../scss/_nav.scss */
  .no-js .cd-main-nav {
    height: 80px; }

  /* line 625, ../scss/_nav.scss */
  .no-js .cd-main-nav li ul {
    position: absolute;
    top: 80px; }

  /* line 629, ../scss/_nav.scss */
  .no-js .cd-main-nav li ul li {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; }

  /* line 637, ../scss/_nav.scss */
  .no-js .cd-main-nav li ul li:last-child {
    display: none; } }
/* line 642, ../scss/_nav.scss */
.no-js .cd-main-content {
  padding-top: 0; }

@media only screen and (min-width: 1024px) {
  /* line 647, ../scss/_nav.scss */
  .no-js .cd-main-content {
    padding-top: 80px; } }
/* line 20, ../scss/index.scss */
body {
  font-family: "Raleway", "微軟正黑體", Arial, "Helvetica Neue", Helvetica, sans-serif;
  width: 100%;
  margin: 0;
  padding: 0;
  font-size: 0.9em;
  letter-spacing: 1px;
  line-height: 1.7;
  background-color: rgba(17, 17, 17, 0.23); }

/* line 33, ../scss/index.scss */
.full-bg::before {
  content: '';
  width: 100%;
  height: 100%;
  background: #fff url("../images/main_bg.jpg") center center fixed no-repeat;
  background-size: cover;
  transform: scale(1.1);
  display: block;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  -webkit-filter: blur(10px);
  filter: blur(10px); }

/* line 52, ../scss/index.scss */
.slogan__tit {
  color: #fff;
  text-shadow: 0px 0px 15px rgba(0, 0, 0, 0.5);
  text-align: center;
  margin: 5px; }
  /* line 57, ../scss/index.scss */
  .slogan__tit span {
    color: #F8E81C;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5), 0px 0px 15px rgba(0, 0, 0, 0.35); }
  @media (min-width: 0px) {
    /* line 52, ../scss/index.scss */
    .slogan__tit {
      font-size: 2em;
      font-weight: lighter;
      line-height: 1.7;
      letter-spacing: 6px;
      padding: 10px;
      margin-top: 20px; }
      /* line 68, ../scss/index.scss */
      .slogan__tit span {
        font-size: 1.250em;
        font-weight: bold;
        line-height: 1.5; } }
  @media (min-width: 640px) {
    /* line 52, ../scss/index.scss */
    .slogan__tit {
      font-size: 2.5em;
      font-weight: bold;
      letter-spacing: 10px;
      padding: 5px 10px 10px; } }
  @media (min-width: 1024px) {
    /* line 52, ../scss/index.scss */
    .slogan__tit {
      font-size: 3em;
      font-weight: bold;
      padding: 5px 10px 10px;
      margin-top: 0; } }
  /* line 86, ../scss/index.scss */
  .slogan__tit_sub {
    color: #fff;
    text-align: center;
    background-color: rgba(17, 17, 17, 0.59);
    text-shadow: 0px 0px 15px rgba(0, 0, 0, 0.5);
    border: solid 1px #fff; }
    /* line 92, ../scss/index.scss */
    .slogan__tit_sub span {
      color: #F8E81C; }
    @media (min-width: 0px) {
      /* line 86, ../scss/index.scss */
      .slogan__tit_sub {
        font-size: 0.95em;
        line-height: 1.7;
        margin-bottom: 20px; } }
    @media (min-width: 640px) {
      /* line 86, ../scss/index.scss */
      .slogan__tit_sub {
        font-size: 1.2em;
        padding: 5px; } }
    @media (min-width: 1024px) {
      /* line 86, ../scss/index.scss */
      .slogan__tit_sub {
        font-size: 1.6em;
        padding: 10px;
        margin-bottom: 10px; } }

/* line 114, ../scss/index.scss */
.tourism {
  border-radius: 50%; }
  /* line 117, ../scss/index.scss */
  .tourism a {
    display: block; }
  @media (min-width: 0px) {
    /* line 120, ../scss/index.scss */
    .tourism__item {
      width: 47.36842%;
      float: left; }
      /* line 66, C:/Ruby24-x64/lib/ruby/gems/2.4.0/gems/susy-2.2.12/sass/susy/language/susy/_gallery.scss */
      .tourism__item:nth-child(2n + 1) {
        margin-left: 0;
        margin-right: -100%;
        clear: both;
        margin-left: 0; }
      /* line 66, C:/Ruby24-x64/lib/ruby/gems/2.4.0/gems/susy-2.2.12/sass/susy/language/susy/_gallery.scss */
      .tourism__item:nth-child(2n + 2) {
        margin-left: 52.63158%;
        margin-right: -100%;
        clear: none; }
      /* line 125, ../scss/index.scss */
      .tourism__item:hover {
        -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.18);
        -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.18);
        box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.18);
        border-radius: 50%;
        background: #7ED321;
        padding: 3px; }
        /* line 131, ../scss/index.scss */
        .tourism__item:hover h3 {
          text-shadow: none;
          color: #3B3B3B; }
      /* line 136, ../scss/index.scss */
      .tourism__item img {
        border-radius: 50%;
        background: #fff;
        border: solid 1px #fff;
        opacity: 1;
        -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.18);
        -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.18);
        box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.18); }
      /* line 144, ../scss/index.scss */
      .tourism__item a.item_btn {
        display: none; }
      /* line 147, ../scss/index.scss */
      .tourism__item h3 {
        text-align: center;
        padding: 5px 10px 10px 0px;
        margin: 0;
        color: #fff;
        font-size: 0.95em;
        letter-spacing: 2px;
        font-weight: lighter;
        text-shadow: 0px 0px 15px rgba(0, 0, 0, 0.5); }
      /* line 157, ../scss/index.scss */
      .tourism__item:nth-child(1) {
        transform-origin: right bottom;
        transform: rotate(0); }
      /* line 161, ../scss/index.scss */
      .tourism__item:nth-child(2) {
        transform-origin: left bottom;
        transform: rotate(0); }
      /* line 165, ../scss/index.scss */
      .tourism__item:nth-child(3) {
        transform-origin: left bottom;
        transform: rotate(0);
        margin-left: 25.86207%; } }
  @media (min-width: 640px) {
    /* line 120, ../scss/index.scss */
    .tourism__item {
      width: 29.48718%;
      float: left;
      margin-bottom: 20px;
      padding: 5px; }
      /* line 66, C:/Ruby24-x64/lib/ruby/gems/2.4.0/gems/susy-2.2.12/sass/susy/language/susy/_gallery.scss */
      .tourism__item:nth-child(3n + 1) {
        margin-left: 0;
        margin-right: -100%;
        clear: both;
        margin-left: 0; }
      /* line 66, C:/Ruby24-x64/lib/ruby/gems/2.4.0/gems/susy-2.2.12/sass/susy/language/susy/_gallery.scss */
      .tourism__item:nth-child(3n + 2) {
        margin-left: 32.05128%;
        margin-right: -100%;
        clear: none; }
      /* line 66, C:/Ruby24-x64/lib/ruby/gems/2.4.0/gems/susy-2.2.12/sass/susy/language/susy/_gallery.scss */
      .tourism__item:nth-child(3n + 3) {
        margin-left: 64.10256%;
        margin-right: -100%;
        clear: none; }
      /* line 183, ../scss/index.scss */
      .tourism__item:hover {
        border-radius: 50%;
        background-color: #7ED321; }
      /* line 188, ../scss/index.scss */
      .tourism__item img {
        border: solid 3px #fff;
        opacity: .8;
        -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.18);
        -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.18);
        box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.18); }
      /* line 194, ../scss/index.scss */
      .tourism__item h3 {
        font-size: 1.2em;
        position: relative; }
        /* line 197, ../scss/index.scss */
        .tourism__item h3:after {
          content: "";
          width: 80%;
          height: 1px;
          border-bottom: solid 1px #fff;
          display: block;
          position: absolute;
          top: 90%;
          left: 10%; } }
  @media (min-width: 1024px) {
    /* line 120, ../scss/index.scss */
    .tourism__item {
      width: 18.64407%;
      float: left;
      margin-bottom: 10px;
      padding: 5px;
      margin-right: 50px; }
      /* line 66, C:/Ruby24-x64/lib/ruby/gems/2.4.0/gems/susy-2.2.12/sass/susy/language/susy/_gallery.scss */
      .tourism__item:nth-child(5n + 1) {
        margin-left: 0;
        margin-right: -100%;
        clear: both;
        margin-left: 0; }
      /* line 66, C:/Ruby24-x64/lib/ruby/gems/2.4.0/gems/susy-2.2.12/sass/susy/language/susy/_gallery.scss */
      .tourism__item:nth-child(5n + 2) {
        margin-left: 20.33898%;
        margin-right: -100%;
        clear: none; }
      /* line 66, C:/Ruby24-x64/lib/ruby/gems/2.4.0/gems/susy-2.2.12/sass/susy/language/susy/_gallery.scss */
      .tourism__item:nth-child(5n + 3) {
        margin-left: 40.67797%;
        margin-right: -100%;
        clear: none; }
      /* line 66, C:/Ruby24-x64/lib/ruby/gems/2.4.0/gems/susy-2.2.12/sass/susy/language/susy/_gallery.scss */
      .tourism__item:nth-child(5n + 4) {
        margin-left: 61.01695%;
        margin-right: -100%;
        clear: none; }
      /* line 66, C:/Ruby24-x64/lib/ruby/gems/2.4.0/gems/susy-2.2.12/sass/susy/language/susy/_gallery.scss */
      .tourism__item:nth-child(5n + 5) {
        margin-left: 81.35593%;
        margin-right: -100%;
        clear: none; }
      /* line 214, ../scss/index.scss */
      .tourism__item img {
        border: solid 5px #fff;
        opacity: .8;
        transform: scale(1.1);
        position: relative;
        -moz-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.25);
        -webkit-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.25);
        box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.25); }
      /* line 221, ../scss/index.scss */
      .tourism__item a.item_btn {
        text-align: center;
        line-height: 72px;
        width: 72px;
        height: 72px;
        background: rgba(255, 255, 255, 0.8) url(../images/icon_heart_grey.png) no-repeat center center;
        border-radius: 50%;
        box-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
        margin-left: -36px;
        position: absolute;
        top: 35%;
        left: 50%;
        z-index: 2; }
        /* line 234, ../scss/index.scss */
        .tourism__item a.item_btn:active {
          background-image: url(../images/icon_heart_red.png); }
      /* line 238, ../scss/index.scss */
      .tourism__item h3 {
        color: #fff;
        font-size: 1.2em;
        font-weight: lighter;
        text-shadow: 0px 0px 15px rgba(0, 0, 0, 0.5);
        padding: 10px;
        margin: 0; }
      /* line 246, ../scss/index.scss */
      .tourism__item:nth-child(1) {
        transform: rotate(0);
        margin-left: 8.47458%;
        margin-top: 80px; }
      /* line 251, ../scss/index.scss */
      .tourism__item:nth-child(2) {
        transform: rotate(0);
        margin-top: 10px;
        margin-left: 38.13559%; }
      /* line 256, ../scss/index.scss */
      .tourism__item:nth-child(3) {
        transform: rotate(0);
        margin-top: 80px;
        margin-left: 67.79661%; }
      /* line 269, ../scss/index.scss */
      .tourism__item:hover {
        background-color: #fff; }
        /* line 272, ../scss/index.scss */
        .tourism__item:hover h3 {
          text-shadow: none;
          color: #3B3B3B; }
        /* line 276, ../scss/index.scss */
        .tourism__item:hover img {
          box-shadow: none;
          transform: scale(1); }
        /* line 280, ../scss/index.scss */
        .tourism__item:hover a.item_btn {
          display: block; } }

/* line 288, ../scss/index.scss */
.footer {
  color: #fff;
  opacity: .8;
  font-size: 0.9em; }
  /* line 292, ../scss/index.scss */
  .footer a {
    color: #fff;
    opacity: .8;
    text-decoration: none; }
    /* line 296, ../scss/index.scss */
    .footer a:hover {
      text-decoration: underline;
      opacity: 1; }
  /* line 301, ../scss/index.scss */
  .footer ul {
    padding: 0;
    margin: 5px 5px 10px; }
  /* line 305, ../scss/index.scss */
  .footer li {
    list-style-type: none;
    text-align: center;
    padding: 3px; }
  @media (min-width: 640px) {
    /* line 311, ../scss/index.scss */
    .footer li {
      font-size: 1.143em;
      text-align: left;
      display: inline-block;
      padding: 0; }
      /* line 316, ../scss/index.scss */
      .footer li:not(:first-child) {
        margin-left: 10px; }
      /* line 319, ../scss/index.scss */
      .footer li:not(:last-child):after {
        content: "/";
        padding-left: 5px; } }
  @media (min-width: 1024px) {
    /* line 326, ../scss/index.scss */
    .footer ul {
      margin: 5px; }
    /* line 329, ../scss/index.scss */
    .footer__link {
      float: left; }
    /* line 332, ../scss/index.scss */
    .footer__unit {
      float: right; } }

/* line 339, ../scss/index.scss */
.badge_box h3 {
  font-weight: bold; }
  @media (min-width: 0px) {
    /* line 339, ../scss/index.scss */
    .badge_box h3 {
      font-size: 1.2em;
      margin: 5px; } }
  @media (min-width: 640px) {
    /* line 339, ../scss/index.scss */
    .badge_box h3 {
      width: 66.10169%;
      float: left;
      margin-right: 1.69492%; } }
  @media (min-width: 1024px) {
    /* line 339, ../scss/index.scss */
    .badge_box h3 {
      font-size: 1.5em;
      margin: 10px; } }
@media (min-width: 0px) {
  /* line 353, ../scss/index.scss */
  .badge_box img {
    margin-left: 17.24138%;
    width: 65.51724%;
    float: left;
    margin-right: 3.44828%; } }
@media (min-width: 640px) {
  /* line 353, ../scss/index.scss */
  .badge_box img {
    margin: 0;
    width: 32.20339%;
    float: left;
    margin-right: 1.69492%; } }
@media (min-width: 1024px) {
  /* line 353, ../scss/index.scss */
  .badge_box img {
    width: 36.44068%;
    float: left;
    margin-right: 1.69492%; } }
/* line 367, ../scss/index.scss */
.badge_box_text h4 {
  font-size: 1.3em;
  font-weight: bold;
  margin: 10px 0;
  color: #7ED321; }
@media (min-width: 0px) {
  /* line 366, ../scss/index.scss */
  .badge_box_text {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0; } }
@media (min-width: 640px) {
  /* line 366, ../scss/index.scss */
  .badge_box_text {
    margin-top: 20px;
    width: 49.15254%;
    float: left;
    margin-right: 1.69492%; } }
@media (min-width: 1024px) {
  /* line 366, ../scss/index.scss */
  .badge_box_text {
    width: 53.38983%;
    float: left;
    margin-right: 1.69492%;
    font-size: 1.2em;
    margin-top: 45px; } }

/* line 388, ../scss/index.scss */
.vote_btn {
  width: 100%;
  text-align: center;
  color: #fff;
  display: inline-block;
  box-sizing: border-box; }
  /* line 395, ../scss/index.scss */
  .vote_btn .vote {
    background: #F29700;
    border-radius: 10px;
    padding: 10px 25px;
    border: none; }
    @media (min-width: 0px) {
      /* line 395, ../scss/index.scss */
      .vote_btn .vote {
        width: 100%;
        margin: 10px 0;
        font-size: 1.3em; } }
    @media (min-width: 640px) {
      /* line 395, ../scss/index.scss */
      .vote_btn .vote {
        width: 30%;
        margin: 10px; } }
    @media (min-width: 1024px) {
      /* line 395, ../scss/index.scss */
      .vote_btn .vote {
        padding: 10px 20px;
        font-size: 1.5em; } }
    /* line 413, ../scss/index.scss */
    .vote_btn .vote:hover {
      box-shadow: 0 0 6px rgba(0, 0, 0, 0.5); }
  /* line 417, ../scss/index.scss */
  .vote_btn .others {
    background: #A7A7A7;
    border-radius: 10px;
    padding: 10px 25px;
    border: none; }
    @media (min-width: 0px) {
      /* line 417, ../scss/index.scss */
      .vote_btn .others {
        width: 100%;
        margin: 10px 0;
        font-size: 1.3em; } }
    @media (min-width: 640px) {
      /* line 417, ../scss/index.scss */
      .vote_btn .others {
        width: 30%;
        margin: 10px; } }
    @media (min-width: 1024px) {
      /* line 417, ../scss/index.scss */
      .vote_btn .others {
        padding: 10px 25px;
        font-size: 1.5em; } }
    /* line 435, ../scss/index.scss */
    .vote_btn .others:hover {
      box-shadow: 0 0 6px rgba(0, 0, 0, 0.5); }