@import"https://fonts.googleapis.com/css?family=Lato:400,700";
@charset "UTF-8";

/*! sanitize.css v3.0.0 | CC0 1.0 Public Domain | github.com/10up/sanitize.css */

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

button {
  overflow: visible;
  -webkit-appearance: button
}

details {
  display: block
}

html {
  -ms-overflow-style: -ms-autohiding-scrollbar;
  overflow-y: scroll;
  -webkit-text-size-adjust: 100%
}

input {
  -webkit-border-radius: 0
}

input[type=button], input[type=reset], input[type=submit] {
  -webkit-appearance: button
}

input[type=number] {
  width: auto
}

input[type=search] {
  -webkit-appearance: textfield
}

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

main {
  display: block
}

pre {
  overflow: auto
}

progress {
  display: inline-block
}

small {
  font-size: 75%
}

summary {
  display: block
}

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

template {
  display: none
}

textarea {
  overflow: auto
}

[hidden] {
  display: none
}

*, :before, :after {
  box-sizing: inherit
}

* {
  font-size: inherit;
  line-height: inherit
}

:before, :after {
  text-decoration: inherit;
  vertical-align: inherit
}

*, :before, :after {
  border-style: solid;
  border-width: 0
}

* {
  background-repeat: no-repeat;
  margin: 0;
  padding: 0
}

:root {
  background-color: #fff;
  box-sizing: border-box;
  color: #000;
  cursor: default;
  font: 100%/1.5 sans-serif;
  text-rendering: optimizeLegibility
}

a {
  text-decoration: none
}

audio, canvas, iframe, img, svg, video {
  vertical-align: middle
}

button, input, select, textarea {
  background-color: transparent
}

button, input, select, textarea {
  color: inherit;
  font-family: inherit;
  font-style: inherit;
  font-weight: inherit
}

button, [type=button], [type=date], [type=datetime], [type=datetime-local], [type=email], [type=month], [type=number], [type=password], [type=reset], [type=search], [type=submit], [type=tel], [type=text], [type=time], [type=url], [type=week], select, textarea {
  min-height: 1.5em
}

code, kbd, pre, samp {
  font-family: monospace, monospace
}

nav ol, nav ul {
  list-style: none
}

select {
  -moz-appearance: none;
  -webkit-appearance: none
}

select::-ms-expand {
  display: none
}

select::-ms-value {
  color: currentColor
}

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

textarea {
  resize: vertical
}

::-moz-selection {
  background-color: #b3d4fc;
  color: inherit;
  text-shadow: none
}

::selection {
  background-color: #b3d4fc;
  color: inherit;
  text-shadow: none
}

[aria-busy=true] {
  cursor: progress
}

[aria-controls] {
  cursor: pointer
}

[aria-disabled] {
  cursor: default
}

[hidden][aria-hidden=false] {
  clip: rect(0 0 0 0);
  display: inherit;
  position: absolute
}

[hidden][aria-hidden=false]:focus {
  clip: auto
}

input, select, textarea {
  outline: none
}

input[type=checkbox] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}

input[type=text] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #ddd;
  border-radius: 2px;
  padding: 0 .5em
}

hr {
  width: 100%;
  height: 1px;
  background: #ddd;
  margin: 20px 0
}

@media only screen and (min-width:768px) {
  hr {
    margin: 40px 0
  }
}

/* article-tag */
.article-tag li {
  display: inline-block;
  margin: 0 16px 0 0;
}
.article-tag li:before {
  content: "#";
}
.article-tag li a{
  text-decoration: underline;
  color: #08509a;
}

/* google-search-box */
#___gcse_0 {
  position: absolute;
  top: 15px;
  right: 190px;
  width: 230px;
}
.gsc-input-box {
  height: 35px;
}
.is-stucked .gsc-search-box {
    display: none;
}
@media only screen and (max-width:768px) {
  #___gcse_0 {
    position: static;
    width: auto;
    margin: 0px 10px 12px;
  }
  .gsc-input-box {
    height: 40px;
  }
}

.map-baloon>.map-baloon-inner>h3, .map-baloon>.map-baloon-inner>p, .map-baloon>.map-baloon-inner>span, .map-baloon>.map-baloon-inner>a, .heading-box-blog h1, .heading-box-blog h2, .heading-box-blog h3, .heading-box-blog h4, .table-bordered th, .article-body table th, .event-body table th, .table-bordered td, .article-body table td, .event-body table td, .table-bordered-en-horizontal th, .table-bordered-en-horizontal td, .table-bordered-en-vertical th, .table-bordered-en-vertical td, .article-body a {
  word-break: break-word;
  word-wrap: break-word;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto
}

.img-rounded {
  border-radius: 50%
}

.img-fade {
  display: block;
  background: #fff
}

.img-fade>img {
  transition: opacity .1s linear
}

.img-fade:hover>img {
  opacity: .8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"
}

.block-fade {
  position: relative;
  background: #fff
}

.block-fade>a {
  display: block;
  transition: opacity .1s linear
}

.block-fade>a:before, .block-fade>a:after {
  content: " ";
  display: table
}

.block-fade>a:after {
  clear: both
}

.block-fade>a {
  *zoom: 1
}

.block-fade>a:hover {
  opacity: .8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  text-decoration: none
}

.right-lg {
  overflow: hidden
}

@media only screen and (min-width:768px) {
  .right-lg>* {
    float: right
  }
}

.left-lg {
  overflow: hidden
}

@media only screen and (min-width:768px) {
  .left-lg>* {
    float: left
  }
}

.date {
  color: #999
}

.unit {
  padding-top: 20px;
  padding-bottom: 10px
}

.isolate {
  padding-left: 20px;
  padding-right: 20px
}

.isolate-cozy {
  padding-left: 40px;
  padding-right: 40px
}

.isolate-comfortable {
  padding-left: 60px;
  padding-right: 60px
}

@media only screen and (min-width:768px) {
  .isolate-lg {
    padding-left: 20px;
    padding-right: 20px
  }
}

@media only screen and (min-width:768px) {
  .isolate-cozy-lg {
    padding-left: 40px;
    padding-right: 40px
  }
}

@media only screen and (min-width:768px) {
  .isolate-comfortable-lg {
    padding-left: 60px;
    padding-right: 60px
  }
}

.bleed, .footer-button, .widget-application .widget-application-poster {
  margin-left: -20px;
  margin-right: -20px
}

.bleed-cozy {
  margin-left: -40px;
  margin-right: -40px
}

@media only screen and (min-width:768px) {
  .bleed-lg {
    margin-left: -20px;
    margin-right: -20px
  }
}

@media only screen and (min-width:768px) {
  .bleed-cozy-lg {
    margin-left: -40px;
    margin-right: -40px
  }
}

.bg-opaque {
  background: #fff
}

.bg-opaque-inversed {
  background: #000;
  color: #fff
}

.bg-translucent {
  background: rgba(255, 255, 255, .8)
}

.text-sans-serif {
  font-family: Lato, "游ゴシック", YuGothic, Hiragino Kaku Gothic ProN, Hiragino Kaku Gothic Pro, "MS Pゴシック", MS PGothic, "ＭＳ ゴシック", Helvetica Neue, Helvetica, sans-serif
}

.text-serif {
  font-family: Georgia, Times New Roman, Times, serif
}

.text-monospace {
  font-family: Menlo, Monaco, Consolas, Courier New, monospace
}

.text-headings {
  font-family: inherit
}

.left {
  float: left
}

.right {
  float: right
}

.text-left {
  text-align: left
}

.text-center {
  text-align: center
}

.text-right {
  text-align: right
}

@media only screen and (min-width:768px) {
  .text-left-lg {
    text-align: left
  }
}

@media only screen and (min-width:768px) {
  .text-center-lg {
    text-align: center
  }
}

@media only screen and (min-width:768px) {
  .text-right-lg {
    text-align: right
  }
}

.text-cozy, .faq-content p, .faq-content ul, .faq-content ol, .faq-content dl {
  line-height: 1.8
}

.text-compact {
  line-height: 1.3
}

.text-block {
  display: block
}

.text-inline {
  display: inline
}

.text-strong {
  font-weight: 700
}

.text-normal {
  font-weight: 400
}

.text-xs {
  font-size: 10px
}

@media screen and (min-width:768px) {
  .text-xs {
    font-size: 10px
  }
}

.text-sm {
  font-size: 13px
}

@media screen and (min-width:768px) {
  .text-sm {
    font-size: 13px
  }
}

.text-md {
  font-size: 16px
}

@media screen and (min-width:768px) {
  .text-md {
    font-size: 16px
  }
}

.text-lg {
  font-size: 18px
}

@media screen and (min-width:768px) {
  .text-lg {
    font-size: 18px
  }
}

.text-xl {
  font-size: 20px
}

@media screen and (min-width:768px) {
  .text-xl {
    font-size: 20px
  }
}

.push-sides, .push-all, .push-double-all {
  margin-left: 20px!important;
  margin-right: 20px!important
}

.push-ends, .push-all, .push-double-all {
  margin-top: 20px!important;
  margin-bottom: 20px!important
}

.push-top {
  margin-top: 20px!important
}

.push-left {
  margin-left: 20px!important
}

.push-right {
  margin-right: 20px!important
}

.push-bottom {
  margin-bottom: 20px!important
}

.push-double-sides {
  margin-left: 20px!important;
  margin-right: 20px!important
}

@media only screen and (min-width:768px) {
  .push-double-sides {
    margin-left: 40px!important;
    margin-right: 40px!important
  }
}

.push-double-ends {
  margin-top: 20px!important;
  margin-bottom: 20px!important
}

@media only screen and (min-width:768px) {
  .push-double-ends {
    margin-top: 40px!important;
    margin-bottom: 40px!important
  }
}

@media only screen and (min-width:768px) {
  .push-double-all {
    margin: 40px!important
  }
}

.push-double-top {
  margin-top: 20px!important
}

@media only screen and (min-width:768px) {
  .push-double-top {
    margin-top: 40px!important
  }
}

.push-double-left {
  margin-left: 20px!important
}

@media only screen and (min-width:768px) {
  .push-double-left {
    margin-left: 40px!important
  }
}

.push-double-right {
  margin-right: 20px!important
}

@media only screen and (min-width:768px) {
  .push-double-right {
    margin-right: 40px!important
  }
}

.push-double-bottom {
  margin-bottom: 20px!important
}

@media only screen and (min-width:768px) {
  .push-double-bottom {
    margin-bottom: 40px!important
  }
}

.pull-sides, .pull-all, .pull-double-all {
  padding-left: 20px!important;
  padding-right: 20px!important
}

.pull-ends, .pull-all, .pull-double-all {
  padding-top: 20px!important;
  padding-bottom: 20px!important
}

.pull-top {
  padding-top: 20px!important
}

.pull-left {
  padding-left: 20px!important
}

.pull-right {
  padding-right: 20px!important
}

.pull-bottom {
  padding-bottom: 20px!important
}

.pull-double-sides {
  padding-left: 20px!important;
  padding-right: 20px!important
}

@media only screen and (min-width:768px) {
  .pull-double-sides {
    padding-left: 40px!important;
    padding-right: 40px!important
  }
}

.pull-double-ends {
  padding-top: 20px!important;
  padding-bottom: 20px!important
}

@media only screen and (min-width:768px) {
  .pull-double-ends {
    padding-top: 40px!important;
    padding-bottom: 40px!important
  }
}

@media only screen and (min-width:768px) {
  .pull-double-all {
    padding: 40px!important
  }
}

.pull-double-top {
  padding-top: 20px!important
}

@media only screen and (min-width:768px) {
  .pull-double-top {
    padding-top: 40px!important
  }
}

.pull-double-left {
  padding-left: 20px!important
}

@media only screen and (min-width:768px) {
  .pull-double-left {
    padding-left: 40px!important
  }
}

.pull-double-right {
  padding-right: 20px!important
}

@media only screen and (min-width:768px) {
  .pull-double-right {
    padding-right: 40px!important
  }
}

.pull-double-bottom {
  padding-bottom: 20px!important
}

@media only screen and (min-width:768px) {
  .pull-double-bottom {
    padding-bottom: 40px!important
  }
}

.kill-sides, .kill-all {
  margin-left: 0!important;
  margin-right: 0!important
}

.kill-ends, .kill-all {
  margin-left: 0!important;
  margin-right: 0!important
}

.kill-top {
  margin-top: 0!important
}

.kill-right {
  margin-right: 0!important
}

.kill-bottom {
  margin-bottom: 0!important
}

.kill-left {
  margin-left: 0!important
}

.flush-sides, .flush-all {
  padding-left: 0!important;
  padding-right: 0!important
}

.flush-ends, .flush-all {
  padding-left: 0!important;
  padding-right: 0!important
}

.flush-top {
  padding-top: 0!important
}

.flush-right {
  padding-right: 0!important
}

.flush-bottom {
  padding-bottom: 0!important
}

.flush-left {
  padding-left: 0!important
}

.visible-sm {
  display: none
}

@media only screen and (max-width:767px) {
  .visible-sm {
    display: block!important
  }
}

.visible-md {
  display: none
}

@media only screen and (min-width:768px) and (max-width:1024px) {
  .visible-md {
    display: block!important
  }
}

.visible-lg {
  display: none
}

@media only screen and (min-width:768px) {
  .visible-lg {
    display: block!important
  }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
  .visible-lg {
    display: none!important
  }
}

.hidden-sm {
  display: block
}

@media only screen and (max-width:767px) {
  .hidden-sm {
    display: none!important
  }
}

.hidden-md {
  display: block
}

@media only screen and (min-width:768px) and (max-width:1024px) {
  .hidden-md {
    display: none!important
  }
}

.hidden-lg {
  display: block
}

@media only screen and (min-width:768px) {
  .hidden-lg {
    display: none!important
  }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
  .hidden-lg {
    display: block!important
  }
}

br.visible-sm, span.visible-sm, strong.visible-sm, em.visible-sm, img.visible-sm {
  display: none
}

@media only screen and (max-width:767px) {
  br.visible-sm, span.visible-sm, strong.visible-sm, em.visible-sm, img.visible-sm {
    display: inline!important
  }
}

br.visible-md, span.visible-md, strong.visible-md, em.visible-md, img.visible-md {
  display: none
}

@media only screen and (min-width:768px) and (max-width:1024px) {
  br.visible-md, span.visible-md, strong.visible-md, em.visible-md, img.visible-md {
    display: inline!important
  }
}

br.visible-lg, span.visible-lg, strong.visible-lg, em.visible-lg, img.visible-lg {
  display: none
}

@media only screen and (min-width:768px) {
  br.visible-lg, span.visible-lg, strong.visible-lg, em.visible-lg, img.visible-lg {
    display: inline!important
  }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
  br.visible-lg, span.visible-lg, strong.visible-lg, em.visible-lg, img.visible-lg {
    display: none!important
  }
}

br.hidden-sm, span.hidden-sm, strong.hidden-sm, em.hidden-sm, img.hidden-sm {
  display: inline
}

@media only screen and (max-width:767px) {
  br.hidden-sm, span.hidden-sm, strong.hidden-sm, em.hidden-sm, img.hidden-sm {
    display: none!important
  }
}

br.hidden-sm, span.hidden-sm, strong.hidden-sm, em.hidden-sm, img.hidden-sm {
  display: inline
}

@media only screen and (min-width:768px) and (max-width:1024px) {
  br.hidden-sm, span.hidden-sm, strong.hidden-sm, em.hidden-sm, img.hidden-sm {
    display: none!important
  }
}

br.hidden-lg, span.hidden-lg, strong.hidden-lg, em.hidden-lg, img.hidden-lg {
  display: inline
}

@media only screen and (min-width:768px) {
  br.hidden-lg, span.hidden-lg, strong.hidden-lg, em.hidden-lg, img.hidden-lg {
    display: none!important
  }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
  br.hidden-lg, span.hidden-lg, strong.hidden-lg, em.hidden-lg, img.hidden-lg {
    display: inline!important
  }
}

ul.list-flushed, .faq-content ul, ol.list-flushed, .faq-content ol, ol.list-flushed-bracket {
  padding-left: 0;
  list-style: none;
  display: table
}

ul.list-flushed>li, .faq-content ul>li, ol.list-flushed>li, .faq-content ol>li, ol.list-flushed-bracket>li {
  display: table-row
}

ul.list-flushed>li:before, .faq-content ul>li:before, ol.list-flushed>li:before, .faq-content ol>li:before, ol.list-flushed-bracket>li:before {
  content: '•';
  display: table-cell;
  padding-right: .6em;
  padding-left: .4em
}

ol.list-flushed>li, .faq-content ol>li {
  counter-increment: table-ol
}

ol.list-flushed>li:before, .faq-content ol>li:before {
  content: counter(table-ol) ".";
  text-align: right
}

ol.list-flushed-bracket>li {
  counter-increment: table-ol
}

ol.list-flushed-bracket>li:before {
  content: "(" counter(table-ol) ")";
  text-align: right
}

.list-unstyled {
  padding-left: 0;
  list-style: none
}

.list-inline {
  font-size: 0;
  list-style: none;
  padding-left: 0
}

.list-inline>li {
  font-size: 14px;
  display: inline-block;
  margin-right: 10px
}

.list-inline>li:last-child {
  margin-right: 0
}

.list-katakana {
  padding-left: 1.5em;
  list-style-type: katakana
}

.list-katakana-iroha {
  padding-left: 1.5em;
  list-style-type: katakana-iroha
}

.list-lower-alpha {
  padding-left: 1.5em;
  list-style-type: lower-alpha
}

.list-cozy>li {
  margin-bottom: 10px
}

.list-cozy>li .list-cozy {
  margin-top: 10px;
  margin-left: 20px
}

.dl-horizontal dd:before, .dl-horizontal dd:after {
  content: " ";
  display: table
}

.dl-horizontal dd:after {
  clear: both
}

.dl-horizontal dd {
  *zoom: 1
}

@media only screen and (min-width:768px) {
  .dl-horizontal dt {
    float: left;
    width: 160px;
    clear: left;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
  }
  .dl-horizontal dd {
    margin-left: 180px
  }
}

* {
  box-sizing: border-box
}

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

html {
  font-size: 10px;
  -webkit-tap-highlight-color: transparent
}

body {
  font-size: 14px;
  font-family: Lato, "游ゴシック", YuGothic, Hiragino Kaku Gothic ProN, Hiragino Kaku Gothic Pro, "MS Pゴシック", MS PGothic, "ＭＳ ゴシック", Helvetica Neue, Helvetica, sans-serif;
  line-height: 1.428571429;
  color: #333;
  background-color: #fff;
  overflow: hidden
}

@media screen and (min-width:768px) {
  body {
    font-size: 14px
  }
}

h1 {
  font-size: 40px
}

@media screen and (min-width:768px) {
  h1 {
    font-size: 40px
  }
}

h2 {
  font-size: 28px
}

@media screen and (min-width:768px) {
  h2 {
    font-size: 28px
  }
}

h3 {
  font-size: 24px
}

@media screen and (min-width:768px) {
  h3 {
    font-size: 24px
  }
}

h4 {
  font-size: 18px
}

@media screen and (min-width:768px) {
  h4 {
    font-size: 18px
  }
}

h5 {
  font-size: 14px
}

@media screen and (min-width:768px) {
  h5 {
    font-size: 14px
  }
}

h6 {
  font-size: 12px
}

@media screen and (min-width:768px) {
  h6 {
    font-size: 12px
  }
}

p {
  margin: 0 0 10px
}

ul, ol {
  margin-top: 0;
  margin-bottom: 10px
}

ul ul, ul ol, ol ul, ol ol {
  margin-bottom: 0
}

dl {
  margin-top: 0;
  margin-bottom: 20px
}

dt, dd {
  line-height: 1.428571429
}

dt {
  font-weight: 700
}

dd {
  margin-left: 0
}

table {
  width: 100%;
  margin-bottom: 10px
}

table caption {
  text-align: left;
  margin-bottom: 10px
}

input, button, select, textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit
}

a {
  color: #333;
  text-decoration: none
}

a:hover, a:focus {
  color: gray
}

figure {
  max-width: 100%;
  margin: 0
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: middle
}

i {
  font-style: normal
}

i.icon {
  vertical-align: top
}

.container, .header-secondary-inner .nav-primary, .container-narrow, .container-isolated {
  max-width: 960px;
  margin-left: auto;
  margin-right: auto
}

.container:before, .header-secondary-inner .nav-primary:before, .container-narrow:before, .container-isolated:before, .container:after, .header-secondary-inner .nav-primary:after, .container-narrow:after, .container-isolated:after {
  content: " ";
  display: table
}

.container:after, .header-secondary-inner .nav-primary:after, .container-narrow:after, .container-isolated:after {
  clear: both
}

.container, .header-secondary-inner .nav-primary, .container-narrow, .container-isolated {
  *zoom: 1
}

@media only screen and (min-width:768px) {
  .container-outer {
    padding: 0 20px
  }
}

.container-narrow {
  max-width: 820px
}

.container-isolated {
  max-width: 1000px;
  padding: 0 20px
}

@media only screen and (max-width:767px) {
  .grid-2.grid-sm {
    margin-left: -10px;
    margin-right: -10px
  }
  .grid-2.grid-sm:before, .grid-2.grid-sm:after {
    content: " ";
    display: table
  }
  .grid-2.grid-sm:after {
    clear: both
  }
  .grid-2.grid-sm {
    *zoom: 1
  }
  .grid-2.grid-sm>* {
    width: 50%;
    float: left;
    padding-left: 10px;
    padding-right: 10px
  }
}

@media only screen and (min-width:768px) {
  .grid-2.grid-lg {
    margin-left: -10px;
    margin-right: -10px
  }
  .grid-2.grid-lg:before, .grid-2.grid-lg:after {
    content: " ";
    display: table
  }
  .grid-2.grid-lg:after {
    clear: both
  }
  .grid-2.grid-lg {
    *zoom: 1
  }
  .grid-2.grid-lg>* {
    width: 50%;
    float: left;
    padding-left: 10px;
    padding-right: 10px
  }
}

@media only screen and (max-width:767px) {
  .grid-3.grid-sm {
    margin-left: -10px;
    margin-right: -10px
  }
  .grid-3.grid-sm:before, .grid-3.grid-sm:after {
    content: " ";
    display: table
  }
  .grid-3.grid-sm:after {
    clear: both
  }
  .grid-3.grid-sm {
    *zoom: 1
  }
  .grid-3.grid-sm>* {
    width: 33.3333333333%;
    float: left;
    padding-left: 10px;
    padding-right: 10px
  }
}

@media only screen and (min-width:768px) {
  .grid-3.grid-lg {
    margin-left: -10px;
    margin-right: -10px
  }
  .grid-3.grid-lg:before, .grid-3.grid-lg:after {
    content: " ";
    display: table
  }
  .grid-3.grid-lg:after {
    clear: both
  }
  .grid-3.grid-lg {
    *zoom: 1
  }
  .grid-3.grid-lg>* {
    width: 33.3333333333%;
    float: left;
    padding-left: 10px;
    padding-right: 10px
  }
}

@media only screen and (max-width:767px) {
  .grid-4.grid-sm {
    margin-left: -10px;
    margin-right: -10px
  }
  .grid-4.grid-sm:before, .grid-4.grid-sm:after {
    content: " ";
    display: table
  }
  .grid-4.grid-sm:after {
    clear: both
  }
  .grid-4.grid-sm {
    *zoom: 1
  }
  .grid-4.grid-sm>* {
    width: 25%;
    float: left;
    padding-left: 10px;
    padding-right: 10px
  }
}

@media only screen and (min-width:768px) {
  .grid-4.grid-lg {
    margin-left: -10px;
    margin-right: -10px
  }
  .grid-4.grid-lg:before, .grid-4.grid-lg:after {
    content: " ";
    display: table
  }
  .grid-4.grid-lg:after {
    clear: both
  }
  .grid-4.grid-lg {
    *zoom: 1
  }
  .grid-4.grid-lg>* {
    width: 25%;
    float: left;
    padding-left: 10px;
    padding-right: 10px
  }
}

@media only screen and (max-width:767px) {
  .grid-5.grid-sm {
    margin-left: -10px;
    margin-right: -10px
  }
  .grid-5.grid-sm:before, .grid-5.grid-sm:after {
    content: " ";
    display: table
  }
  .grid-5.grid-sm:after {
    clear: both
  }
  .grid-5.grid-sm {
    *zoom: 1
  }
  .grid-5.grid-sm>* {
    width: 20%;
    float: left;
    padding-left: 10px;
    padding-right: 10px
  }
}

@media only screen and (min-width:768px) {
  .grid-5.grid-lg {
    margin-left: -10px;
    margin-right: -10px
  }
  .grid-5.grid-lg:before, .grid-5.grid-lg:after {
    content: " ";
    display: table
  }
  .grid-5.grid-lg:after {
    clear: both
  }
  .grid-5.grid-lg {
    *zoom: 1
  }
  .grid-5.grid-lg>* {
    width: 20%;
    float: left;
    padding-left: 10px;
    padding-right: 10px
  }
}

@media only screen and (max-width:767px) {
  .grid-6.grid-sm {
    margin-left: -10px;
    margin-right: -10px
  }
  .grid-6.grid-sm:before, .grid-6.grid-sm:after {
    content: " ";
    display: table
  }
  .grid-6.grid-sm:after {
    clear: both
  }
  .grid-6.grid-sm {
    *zoom: 1
  }
  .grid-6.grid-sm>* {
    width: 16.6666666667%;
    float: left;
    padding-left: 10px;
    padding-right: 10px
  }
}

@media only screen and (min-width:768px) {
  .grid-6.grid-lg {
    margin-left: -10px;
    margin-right: -10px
  }
  .grid-6.grid-lg:before, .grid-6.grid-lg:after {
    content: " ";
    display: table
  }
  .grid-6.grid-lg:after {
    clear: both
  }
  .grid-6.grid-lg {
    *zoom: 1
  }
  .grid-6.grid-lg>* {
    width: 16.6666666667%;
    float: left;
    padding-left: 10px;
    padding-right: 10px
  }
}

@media only screen and (max-width:767px) {
  .grid-7.grid-sm {
    margin-left: -10px;
    margin-right: -10px
  }
  .grid-7.grid-sm:before, .grid-7.grid-sm:after {
    content: " ";
    display: table
  }
  .grid-7.grid-sm:after {
    clear: both
  }
  .grid-7.grid-sm {
    *zoom: 1
  }
  .grid-7.grid-sm>* {
    width: 14.2857142857%;
    float: left;
    padding-left: 10px;
    padding-right: 10px
  }
}

@media only screen and (min-width:768px) {
  .grid-7.grid-lg {
    margin-left: -10px;
    margin-right: -10px
  }
  .grid-7.grid-lg:before, .grid-7.grid-lg:after {
    content: " ";
    display: table
  }
  .grid-7.grid-lg:after {
    clear: both
  }
  .grid-7.grid-lg {
    *zoom: 1
  }
  .grid-7.grid-lg>* {
    width: 14.2857142857%;
    float: left;
    padding-left: 10px;
    padding-right: 10px
  }
}

@media only screen and (max-width:767px) {
  .grid-8.grid-sm {
    margin-left: -10px;
    margin-right: -10px
  }
  .grid-8.grid-sm:before, .grid-8.grid-sm:after {
    content: " ";
    display: table
  }
  .grid-8.grid-sm:after {
    clear: both
  }
  .grid-8.grid-sm {
    *zoom: 1
  }
  .grid-8.grid-sm>* {
    width: 12.5%;
    float: left;
    padding-left: 10px;
    padding-right: 10px
  }
}

@media only screen and (min-width:768px) {
  .grid-8.grid-lg {
    margin-left: -10px;
    margin-right: -10px
  }
  .grid-8.grid-lg:before, .grid-8.grid-lg:after {
    content: " ";
    display: table
  }
  .grid-8.grid-lg:after {
    clear: both
  }
  .grid-8.grid-lg {
    *zoom: 1
  }
  .grid-8.grid-lg>* {
    width: 12.5%;
    float: left;
    padding-left: 10px;
    padding-right: 10px
  }
}

@media only screen and (max-width:767px) {
  .grid-9.grid-sm {
    margin-left: -10px;
    margin-right: -10px
  }
  .grid-9.grid-sm:before, .grid-9.grid-sm:after {
    content: " ";
    display: table
  }
  .grid-9.grid-sm:after {
    clear: both
  }
  .grid-9.grid-sm {
    *zoom: 1
  }
  .grid-9.grid-sm>* {
    width: 11.1111111111%;
    float: left;
    padding-left: 10px;
    padding-right: 10px
  }
}

@media only screen and (min-width:768px) {
  .grid-9.grid-lg {
    margin-left: -10px;
    margin-right: -10px
  }
  .grid-9.grid-lg:before, .grid-9.grid-lg:after {
    content: " ";
    display: table
  }
  .grid-9.grid-lg:after {
    clear: both
  }
  .grid-9.grid-lg {
    *zoom: 1
  }
  .grid-9.grid-lg>* {
    width: 11.1111111111%;
    float: left;
    padding-left: 10px;
    padding-right: 10px
  }
}

@media only screen and (max-width:767px) {
  .grid-10.grid-sm {
    margin-left: -10px;
    margin-right: -10px
  }
  .grid-10.grid-sm:before, .grid-10.grid-sm:after {
    content: " ";
    display: table
  }
  .grid-10.grid-sm:after {
    clear: both
  }
  .grid-10.grid-sm {
    *zoom: 1
  }
  .grid-10.grid-sm>* {
    width: 10%;
    float: left;
    padding-left: 10px;
    padding-right: 10px
  }
}

@media only screen and (min-width:768px) {
  .grid-10.grid-lg {
    margin-left: -10px;
    margin-right: -10px
  }
  .grid-10.grid-lg:before, .grid-10.grid-lg:after {
    content: " ";
    display: table
  }
  .grid-10.grid-lg:after {
    clear: both
  }
  .grid-10.grid-lg {
    *zoom: 1
  }
  .grid-10.grid-lg>* {
    width: 10%;
    float: left;
    padding-left: 10px;
    padding-right: 10px
  }
}

@media only screen and (max-width:767px) {
  .grid-11.grid-sm {
    margin-left: -10px;
    margin-right: -10px
  }
  .grid-11.grid-sm:before, .grid-11.grid-sm:after {
    content: " ";
    display: table
  }
  .grid-11.grid-sm:after {
    clear: both
  }
  .grid-11.grid-sm {
    *zoom: 1
  }
  .grid-11.grid-sm>* {
    width: 9.0909090909%;
    float: left;
    padding-left: 10px;
    padding-right: 10px
  }
}

@media only screen and (min-width:768px) {
  .grid-11.grid-lg {
    margin-left: -10px;
    margin-right: -10px
  }
  .grid-11.grid-lg:before, .grid-11.grid-lg:after {
    content: " ";
    display: table
  }
  .grid-11.grid-lg:after {
    clear: both
  }
  .grid-11.grid-lg {
    *zoom: 1
  }
  .grid-11.grid-lg>* {
    width: 9.0909090909%;
    float: left;
    padding-left: 10px;
    padding-right: 10px
  }
}

@media only screen and (max-width:767px) {
  .grid-12.grid-sm {
    margin-left: -10px;
    margin-right: -10px
  }
  .grid-12.grid-sm:before, .grid-12.grid-sm:after {
    content: " ";
    display: table
  }
  .grid-12.grid-sm:after {
    clear: both
  }
  .grid-12.grid-sm {
    *zoom: 1
  }
  .grid-12.grid-sm>* {
    width: 8.3333333333%;
    float: left;
    padding-left: 10px;
    padding-right: 10px
  }
}

@media only screen and (min-width:768px) {
  .grid-12.grid-lg {
    margin-left: -10px;
    margin-right: -10px
  }
  .grid-12.grid-lg:before, .grid-12.grid-lg:after {
    content: " ";
    display: table
  }
  .grid-12.grid-lg:after {
    clear: both
  }
  .grid-12.grid-lg {
    *zoom: 1
  }
  .grid-12.grid-lg>* {
    width: 8.3333333333%;
    float: left;
    padding-left: 10px;
    padding-right: 10px
  }
}

.footer-primary {
  background: #f7f7f7
}

@media only screen and (min-width:768px) {
  .footer-primary .footer-primary-inner {
    margin-left: -10px;
    margin-right: -10px
  }
  .footer-primary .footer-primary-inner:before, .footer-primary .footer-primary-inner:after {
    content: " ";
    display: table
  }
  .footer-primary .footer-primary-inner:after {
    clear: both
  }
  .footer-primary .footer-primary-inner {
    *zoom: 1
  }
  .footer-primary .footer-primary-inner .footer-item {
    width: 50%;
    float: left;
    padding-left: 10px;
    padding-right: 10px
  }
}

.footer-primary h4 {
  margin-bottom: 1em
}

.footer-primary p {
  margin-bottom: 20px
}

.footer-primary p:last-child {
  margin-bottom: 0
}

.footer-primary p a {
  color: #7b5ba2;
  text-decoration: underline
}

.footer-primary p a:hover {
  text-decoration: none
}

@media only screen and (max-width:767px) {
  .footer-jf {
    margin-bottom: 40px
  }
}

.footer-jf h4 {
  margin-top: -16px;
  margin-bottom: 1.6em
}

.footer-secondary {
  background: #000;
  color: #fff;
  font-size: 12px
}

.footer-secondary:before, .footer-secondary:after {
  content: " ";
  display: table
}

.footer-secondary:after {
  clear: both
}

.footer-secondary {
  *zoom: 1
}

@media screen and (min-width:768px) {
  .footer-secondary {
    font-size: 12px
  }
}

@media only screen and (min-width:768px) {
  .footer-secondary {
    font-size: 13px
  }
}

@media only screen and (min-width:768px) and (min-width:768px) {
  .footer-secondary {
    font-size: 13px
  }
}

.footer-secondary .container, .footer-secondary .header-secondary-inner .nav-primary, .header-secondary-inner .footer-secondary .nav-primary {
  position: relative
}

.footer-secondary .nav-footer ul {
  list-style: none;
  text-align: center
}

.footer-secondary .nav-footer ul li {
  margin-left: 1em;
  padding-left: 1em;
  border-left: 1px solid #fff;
  display: inline-block
}

.footer-secondary .nav-footer ul li:first-child {
  margin-left: 0;
  padding-left: 0;
  border-left: none
}

@media only screen and (max-width:767px) {
  .footer-secondary .nav-footer ul li {
    display: inline-block;
    width: 49%;
    margin: 0;
    border: none;
    padding: .3em 0
  }
}

.footer-secondary .nav-footer ul a {
  color: #fff
}

.footer-secondary .copyright {
  font-size: 10px;
  margin: 0;
  text-align: center;
  color: #ddd
}

@media screen and (min-width:768px) {
  .footer-secondary .copyright {
    font-size: 10px
  }
}

.footer-button {
  background: #7b5ba2;
  text-align: center
}

.footer-button .btn {
  display: block;
  font-size: 13px;
  background: transparent;
  border: 1px solid transparent;
  color: #fff;
  transition: all .1s cubic-bezier(.25, .25, .75, .75);
  padding: 1em 0
}

@media screen and (min-width:768px) {
  .footer-button .btn {
    font-size: 13px
  }
}

.footer-button .btn:hover {
  color: transparent;
  background: #fff
}

.footer-button .btn:active {
  color: transparent;
  background: #fff
}

.footer-button .btn:focus {
  color: #fff;
  background: transparent
}

@media only screen and (min-width:768px) {
  .footer-button {
    margin: 0;
    background: none;
    position: absolute;
    right: 0;
    top: 0
  }
  .footer-button .btn {
    display: inline-block;
    background: #7b5ba2;
    border: 1px solid #7b5ba2;
    color: #fff;
    transition: all .1s cubic-bezier(.25, .25, .75, .75);
    padding: .5em 1em
  }
  .footer-button .btn:hover {
    color: #7b5ba2;
    background: #fff
  }
  .footer-button .btn:active {
    color: #7b5ba2;
    background: #fff
  }
  .footer-button .btn:focus {
    color: #fff;
    background: #7b5ba2
  }
}

.box, .footer-summary {
  padding-top: 10px;
  padding-bottom: 10px
}

@media only screen and (min-width:768px) {
  .box, .footer-summary {
    padding-top: 20px;
    padding-bottom: 20px
  }
}

.box-compact {
  padding-top: 5px;
  padding-bottom: 5px
}

@media only screen and (min-width:768px) {
  .box-compact {
    padding-top: 10px;
    padding-bottom: 10px
  }
}

.box-cozy {
  padding-top: 20px;
  padding-bottom: 20px
}

@media only screen and (min-width:768px) {
  .box-cozy {
    padding-top: 40px;
    padding-bottom: 40px
  }
}

.box-comfortable {
  padding-top: 40px;
  padding-bottom: 40px
}

@media only screen and (min-width:768px) {
  .box-comfortable {
    padding-top: 60px;
    padding-bottom: 60px
  }
}

.btn {
  background: #fff;
  border: 1px solid #fff;
  color: #333;
  transition: all .1s cubic-bezier(.25, .25, .75, .75);
  font-size: 14px;
  font-weight: 700;
  display: inline-block;
  text-align: center;
  text-decoration: none;
  padding: .5em 1.2em;
  position: relative
}

.btn:hover {
  color: #fff;
  background: #333
}

.btn:active {
  color: #fff;
  background: #333
}

.btn:focus {
  color: #333;
  background: #fff
}

@media screen and (min-width:768px) {
  .btn {
    font-size: 14px
  }
}

.btn:hover, .btn:visited, .btn:active {
  text-decoration: none
}

.btn.btn-xxs {
  font-weight: 600;
  font-size: 10px
}

@media screen and (min-width:768px) {
  .btn.btn-xxs {
    font-size: 10px
  }
}

.btn.btn-xs {
  font-weight: 600;
  font-size: 10px
}

@media screen and (min-width:768px) {
  .btn.btn-xs {
    font-size: 10px
  }
}

.btn.btn-sm {
  font-size: 13px;
  padding: .3em .7em
}

@media screen and (min-width:768px) {
  .btn.btn-sm {
    font-size: 13px
  }
}

.btn.btn-md {
  font-size: 14px;
  padding: .3em .7em
}

@media screen and (min-width:768px) {
  .btn.btn-md {
    font-size: 14px
  }
}

.btn.btn-lg {
  font-size: 14px;
  padding: .7em 1.4em
}

@media screen and (min-width:768px) {
  .btn.btn-lg {
    font-size: 14px
  }
}

.btn.btn-xl {
  font-size: 18px;
  padding: .7em 1.4em
}

@media screen and (min-width:768px) {
  .btn.btn-xl {
    font-size: 18px
  }
}

.btn.btn-xxl {
  font-size: 20px;
  padding: .7em 1.4em
}

@media screen and (min-width:768px) {
  .btn.btn-xxl {
    font-size: 20px
  }
}

.btn.btn-xl-ml {
  font-size: 18px;
  padding: 1.283em 1.4em
}

@media screen and (min-width:768px) {
  .btn.btn-xl-ml {
    font-size: 18px
  }
}

@media only screen and (max-width:767px) {
  .btn.btn-block-sm {
    display: block
  }
}

.btn.mh {
  display: table-cell;
  vertical-align: middle
}

.btn-radius {
  border-radius: 2px
}

.btn-bordered {
  border-color: #000
}

.btn-bordered.btn-inversed {
  border-color: #fff
}

.btn-bordered-light {
  border-color: #ccc
}

.btn-bordered-light.btn-inversed {
  border-color: #fff
}

.btn-compact {
  width: 200px
}

.btn-cozy {
  width: 300px
}

.btn-comfortable {
  width: 380px
}

.btn-emphasis {
  font-weight: 700;
  border-radius: 6px;
  border: 3px solid #e2001d
}

.btn-emphasis>i.icon {
  color: #e2001d
}

.btn-emphasis:hover {
  color: #000;
  background: #e2001d
}

.btn-emphasis:hover>i.icon {
  color: #fff
}

.btn-oval, .btn-oval-arrowed {
  border-radius: 24px;
  border: 2px solid #ffb018
}

.btn-oval>i.icon, .btn-oval-arrowed>i.icon {
  color: #ffb018
}

.btn-oval:hover, .btn-oval-arrowed:hover {
  color: #000;
  background: #ffb018
}

.btn-oval:hover>i.icon, .btn-oval-arrowed:hover>i.icon {
  color: #fff
}

.btn-xxs.btn-oval, .btn-xxs.btn-oval-arrowed {
  border-radius: 16px
}

.btn-xs.btn-oval, .btn-xs.btn-oval-arrowed {
  border-radius: 17.2px
}

.btn-sm.btn-oval, .btn-sm.btn-oval-arrowed {
  border-radius: 17.8px
}

.btn-md.btn-oval, .btn-md.btn-oval-arrowed {
  border-radius: 18.4px
}

.btn-lg.btn-oval, .btn-lg.btn-oval-arrowed {
  border-radius: 29.6px
}

.btn-xl.btn-oval, .btn-xl.btn-oval-arrowed {
  border-radius: 35.2px
}

.btn-xxl.btn-oval, .btn-xxl.btn-oval-arrowed {
  border-radius: 38px
}

.btn-oval-arrowed {
  border-color: #7b5ba2;
  background: #7b5ba2;
  color: #fff
}

.btn-oval-arrowed.btn {
  padding-right: 4em
}

.btn-oval-arrowed>i.icon {
  color: inherit;
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -10px;
  transition: right .1s cubic-bezier(.25, .25, .75, .75)
}

.btn-oval-arrowed:hover {
  color: #fff;
  background: #886bac
}

.btn-oval-arrowed:hover>i.icon {
  right: 10px
}

.btn-oval-ghost {
  background: transparent;
  color: #fff;
  border-radius: 24px;
  border: 2px solid #fff
}

.btn-oval-ghost:hover {
  background: #fff;
  color: #000
}

.btn-oval-ghost.btn-xxs {
  border-radius: 16px
}

.btn-oval-ghost.btn-xs {
  border-radius: 17.2px
}

.btn-oval-ghost.btn-sm {
  border-radius: 17.8px
}

.btn-oval-ghost.btn-md {
  border-radius: 18.4px
}

.btn-oval-ghost.btn-lg {
  border-radius: 29.6px
}

.btn-oval-ghost.btn-xl {
  border-radius: 35.2px
}

.btn-oval-ghost.btn-xxl {
  border-radius: 38px
}

.btn-block, .btn-block-half {
  display: block
}

.btn-block>i.icon, .btn-block-half>i.icon {
  position: absolute;
  top: 50%;
  right: .5em;
  margin-top: -.7em
}

.btn-block.btn-icon-inversed>i.icon, .btn-block-half.btn-icon-inversed>i.icon {
  right: auto;
  left: .5em
}

@media only screen and (min-width:768px) {
  .btn-block-half {
    width: 50%;
    margin-left: auto;
    margin-right: auto
  }
}

.btn-primary {
  background: #7b5ba2;
  border: 1px solid #7b5ba2;
  color: #fff;
  transition: all .1s cubic-bezier(.25, .25, .75, .75)
}

.btn-primary:hover {
  color: #7b5ba2;
  background: #fff
}

.btn-primary:active {
  color: #7b5ba2;
  background: #fff
}

.btn-primary:focus {
  color: #fff;
  background: #7b5ba2
}

.btn-success {
  background: #5cb85c;
  border: 1px solid #5cb85c;
  color: #fff;
  transition: all .1s cubic-bezier(.25, .25, .75, .75)
}

.btn-success:hover {
  color: #5cb85c;
  background: #fff
}

.btn-success:active {
  color: #5cb85c;
  background: #fff
}

.btn-success:focus {
  color: #fff;
  background: #5cb85c
}

.btn-info {
  background: #5bc0de;
  border: 1px solid #5bc0de;
  color: #fff;
  transition: all .1s cubic-bezier(.25, .25, .75, .75)
}

.btn-info:hover {
  color: #5bc0de;
  background: #fff
}

.btn-info:active {
  color: #5bc0de;
  background: #fff
}

.btn-info:focus {
  color: #fff;
  background: #5bc0de
}

.btn-warning {
  background: #f0ad4e;
  border: 1px solid #f0ad4e;
  color: #fff;
  transition: all .1s cubic-bezier(.25, .25, .75, .75)
}

.btn-warning:hover {
  color: #f0ad4e;
  background: #fff
}

.btn-warning:active {
  color: #f0ad4e;
  background: #fff
}

.btn-warning:focus {
  color: #fff;
  background: #f0ad4e
}

.btn-danger {
  background: #e2001d;
  border: 1px solid #e2001d;
  color: #fff;
  transition: all .1s cubic-bezier(.25, .25, .75, .75)
}

.btn-danger:hover {
  color: #e2001d;
  background: #fff
}

.btn-danger:active {
  color: #e2001d;
  background: #fff
}

.btn-danger:focus {
  color: #fff;
  background: #e2001d
}

.btn-inversed {
  background: #000;
  border: 1px solid #000;
  color: #fff;
  transition: all .1s cubic-bezier(.25, .25, .75, .75)
}

.btn-inversed:hover {
  color: #000;
  background: #fff
}

.btn-inversed:active {
  color: #000;
  background: #fff
}

.btn-inversed:focus {
  color: #fff;
  background: #000
}

.button-group {
  overflow: hidden;
  list-style: none
}

.button-group-ac {
  margin-bottom: 0;
  padding: 10px;
  background: #dcd8d7
}

.button-group-ac>li>.btn {
  border: none;
  box-shadow: 0 0 0 2px transparent inset;
  transition: box-shadow .1s linear
}

.button-group-ac>li>.btn:hover {
  color: inherit;
  background-color: #fff;
  box-shadow: 0 0 0 2px #7b5ba2 inset
}

.button-group-ac>li.is-active>.btn {
  box-shadow: 0 0 0 2px #7b5ba2 inset
}

@media only screen and (max-width:767px) {
  .button-group-ac>li {
    margin-top: .5em
  }
  .button-group-ac>li:first-child {
    margin-top: 0
  }
  .button-group-ac>li>.btn {
    display: block;
    padding: .5em 2em .5em 1em
  }
  .button-group-ac>li>.btn>i.icon {
    position: absolute;
    top: 50%;
    right: .5em;
    margin-top: -.7em
  }
}

@media only screen and (min-width:768px) {
  .button-group-ac {
    width: 100%;
    float: left
  }
  .button-group-ac>li {
    display: table;
    width: 50%;
    float: left
  }
  .button-group-ac>li:first-child {
    padding-right: 10px
  }
  .button-group-ac>li>.btn {
    font-size: 13px
  }
}

@media only screen and (min-width:768px) and (min-width:768px) {
  .button-group-ac>li>.btn {
    font-size: 13px
  }
}

.btn-facebook {
  font-size: 20px;
  position: relative;
  border: 1px solid #3d5d9e;
  border-radius: 5px;
  background: #3d5d9e;
  text-align: left;
  margin: 5px;
  color: #fff;
  font-weight: 700;
  padding-left: 60px
}

@media screen and (min-width:768px) {
  .btn-facebook {
    font-size: 20px
  }
}

.btn-facebook i.icon {
  right: auto;
  left: 10px;
  margin-top: -20px;
  font-size: 40px;
  line-height: 40px
}

.btn-facebook small {
  display: block;
  font-weight: 400;
  font-size: 12px
}

@media screen and (min-width:768px) {
  .btn-facebook small {
    font-size: 12px
  }
}

.btn-facebook:before {
  content: '';
  width: calc(100% + 10px);
  height: calc(100% + 10px);
  position: absolute;
  z-index: 2;
  top: -5px;
  left: -5px;
  border: 1px solid #999;
  border-radius: 8px
}

.centered-buttons>ul, .centered-buttons-sm>ul {
  list-style: none;
  padding-left: 0
}

.centered-buttons>ul>li, .centered-buttons-sm>ul>li {
  margin-bottom: 10px
}

.centered-buttons>ul>li:last-child, .centered-buttons-sm>ul>li:last-child {
  margin-bottom: 0
}

@media only screen and (min-width:768px) {
  .centered-buttons, .centered-buttons-sm {
    overflow: hidden
  }
  .centered-buttons ul, .centered-buttons-sm ul, .centered-buttons li, .centered-buttons-sm li {
    float: left;
    position: relative
  }
  .centered-buttons ul, .centered-buttons-sm ul {
    left: 50%
  }
  .centered-buttons li, .centered-buttons-sm li {
    right: 50%
  }
  .centered-buttons>ul>li, .centered-buttons-sm>ul>li {
    margin: 0;
    padding: 0 10px;
    width: 340px
  }
}

@media only screen and (min-width:768px) {
  .centered-buttons-sm>ul>li {
    width: 200px
  }
}

@font-face {
  font-family: icons;
  src: url(../fonts/icons.eot);
  src: url(../fonts/icons.eot?#iefix) format("eot"), url(../fonts/icons.woff) format("woff"), url(../fonts/icons.ttf) format("truetype"), url(../fonts/icons.svg#icons) format("svg")
}

.icon:before {
  font-family: icons;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  text-decoration: none;
  text-transform: none
}

.icon-a:before {
  content: "\E001"
}

.icon-aeroplane-lined:before {
  content: "\E002"
}

.icon-aeroplane:before {
  content: "\E003"
}

.icon-alphabet-brushed:before {
  content: "\E004"
}

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

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

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

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

.icon-arrow-right-brushed:before {
  content: "\E009"
}

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

.icon-awareness:before {
  content: "\E00B"
}

.icon-bubble-double-alt:before {
  content: "\E00C"
}

.icon-bubble-double:before {
  content: "\E00D"
}

.icon-bubble:before {
  content: "\E00E"
}

.icon-buildings:before {
  content: "\E00F"
}

.icon-calendar:before {
  content: "\E010"
}

.icon-circle-title-brushed:before {
  content: "\E011"
}

.icon-circle-title:before {
  content: "\E012"
}

.icon-disc-checked-brushed:before {
  content: "\E013"
}

.icon-disc-close-brushed:before {
  content: "\E014"
}

.icon-disc-down-brushed:before {
  content: "\E015"
}

.icon-disc-down:before {
  content: "\E016"
}

.icon-disc-left:before {
  content: "\E017"
}

.icon-disc-right:before {
  content: "\E018"
}

.icon-disc-search-brushed:before {
  content: "\E019"
}

.icon-disc-up:before {
  content: "\E01A"
}

.icon-document:before {
  content: "\E01B"
}

.icon-earth:before {
  content: "\E01C"
}

.icon-facebook-alt:before {
  content: "\E01D"
}

.icon-facebook:before {
  content: "\E01E"
}

.icon-flag-brushed:before {
  content: "\E01F"
}

.icon-flag:before {
  content: "\E020"
}

.icon-laptop:before {
  content: "\E021"
}

.icon-link-external:before {
  content: "\E022"
}

.icon-location-brushed:before {
  content: "\E023"
}

.icon-location:before {
  content: "\E024"
}

.icon-mail:before {
  content: "\E025"
}

.icon-music-brushed:before {
  content: "\E026"
}

.icon-pencil:before {
  content: "\E027"
}

.icon-person-smile:before {
  content: "\E028"
}

.icon-person-standing:before {
  content: "\E029"
}

.icon-persons:before {
  content: "\E02A"
}

.icon-phone:before {
  content: "\E02B"
}

.icon-q:before {
  content: "\E02C"
}

.icon-question:before {
  content: "\E02D"
}

.icon-return:before {
  content: "\E02E"
}

.icon-seminor:before {
  content: "\E02F"
}

.icon-star-brushed:before {
  content: "\E030"
}

.icon-triangle-down:before {
  content: "\E031"
}

.icon-triangle-left:before {
  content: "\E032"
}

.icon-triangle-right:before {
  content: "\E033"
}

.icon-triangle-up:before {
  content: "\E034"
}

.icon-tuktuk:before {
  content: "\E035"
}

@keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    animation-timing-function: cubic-bezier(.215, .61, .355, 1)
  }
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    transform: scale3d(.3, .3, .3)
  }
  20% {
    transform: scale3d(1.1, 1.1, 1.1)
  }
  40% {
    transform: scale3d(.9, .9, .9)
  }
  60% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    transform: scale3d(1.03, 1.03, 1.03)
  }
  80% {
    transform: scale3d(.97, .97, .97)
  }
  to {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    transform: scale3d(1, 1, 1)
  }
}

.bounceIn {
  animation-name: bounceIn
}

.flag-icon {
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  position: relative;
  display: inline-block;
  width: 1.5em;
  line-height: 1.1
}

.flag-icon:before {
  content: '\00a0';
  display: block;
  border: 1px solid #666
}

.flag-icon.flag-icon-squared {
  width: 1em
}

.table-bordered .flag-icon:before {
  border: none
}

.flag-icon-ad {
  background-image: url(../flags/4x3/ad.svg)
}

.flag-icon-ad.flag-icon-squared {
  background-image: url(../flags/1x1/ad.svg)
}

.flag-icon-ae {
  background-image: url(../flags/4x3/ae.svg)
}

.flag-icon-ae.flag-icon-squared {
  background-image: url(../flags/1x1/ae.svg)
}

.flag-icon-af {
  background-image: url(../flags/4x3/af.svg)
}

.flag-icon-af.flag-icon-squared {
  background-image: url(../flags/1x1/af.svg)
}

.flag-icon-ag {
  background-image: url(../flags/4x3/ag.svg)
}

.flag-icon-ag.flag-icon-squared {
  background-image: url(../flags/1x1/ag.svg)
}

.flag-icon-ai {
  background-image: url(../flags/4x3/ai.svg)
}

.flag-icon-ai.flag-icon-squared {
  background-image: url(../flags/1x1/ai.svg)
}

.flag-icon-al {
  background-image: url(../flags/4x3/al.svg)
}

.flag-icon-al.flag-icon-squared {
  background-image: url(../flags/1x1/al.svg)
}

.flag-icon-am {
  background-image: url(../flags/4x3/am.svg)
}

.flag-icon-am.flag-icon-squared {
  background-image: url(../flags/1x1/am.svg)
}

.flag-icon-ao {
  background-image: url(../flags/4x3/ao.svg)
}

.flag-icon-ao.flag-icon-squared {
  background-image: url(../flags/1x1/ao.svg)
}

.flag-icon-aq {
  background-image: url(../flags/4x3/aq.svg)
}

.flag-icon-aq.flag-icon-squared {
  background-image: url(../flags/1x1/aq.svg)
}

.flag-icon-ar {
  background-image: url(../flags/4x3/ar.svg)
}

.flag-icon-ar.flag-icon-squared {
  background-image: url(../flags/1x1/ar.svg)
}

.flag-icon-as {
  background-image: url(../flags/4x3/as.svg)
}

.flag-icon-as.flag-icon-squared {
  background-image: url(../flags/1x1/as.svg)
}

.flag-icon-at {
  background-image: url(../flags/4x3/at.svg)
}

.flag-icon-at.flag-icon-squared {
  background-image: url(../flags/1x1/at.svg)
}

.flag-icon-au {
  background-image: url(../flags/4x3/au.svg)
}

.flag-icon-au.flag-icon-squared {
  background-image: url(../flags/1x1/au.svg)
}

.flag-icon-aw {
  background-image: url(../flags/4x3/aw.svg)
}

.flag-icon-aw.flag-icon-squared {
  background-image: url(../flags/1x1/aw.svg)
}

.flag-icon-ax {
  background-image: url(../flags/4x3/ax.svg)
}

.flag-icon-ax.flag-icon-squared {
  background-image: url(../flags/1x1/ax.svg)
}

.flag-icon-az {
  background-image: url(../flags/4x3/az.svg)
}

.flag-icon-az.flag-icon-squared {
  background-image: url(../flags/1x1/az.svg)
}

.flag-icon-ba {
  background-image: url(../flags/4x3/ba.svg)
}

.flag-icon-ba.flag-icon-squared {
  background-image: url(../flags/1x1/ba.svg)
}

.flag-icon-bb {
  background-image: url(../flags/4x3/bb.svg)
}

.flag-icon-bb.flag-icon-squared {
  background-image: url(../flags/1x1/bb.svg)
}

.flag-icon-bd {
  background-image: url(../flags/4x3/bd.svg)
}

.flag-icon-bd.flag-icon-squared {
  background-image: url(../flags/1x1/bd.svg)
}

.flag-icon-be {
  background-image: url(../flags/4x3/be.svg)
}

.flag-icon-be.flag-icon-squared {
  background-image: url(../flags/1x1/be.svg)
}

.flag-icon-bf {
  background-image: url(../flags/4x3/bf.svg)
}

.flag-icon-bf.flag-icon-squared {
  background-image: url(../flags/1x1/bf.svg)
}

.flag-icon-bg {
  background-image: url(../flags/4x3/bg.svg)
}

.flag-icon-bg.flag-icon-squared {
  background-image: url(../flags/1x1/bg.svg)
}

.flag-icon-bh {
  background-image: url(../flags/4x3/bh.svg)
}

.flag-icon-bh.flag-icon-squared {
  background-image: url(../flags/1x1/bh.svg)
}

.flag-icon-bi {
  background-image: url(../flags/4x3/bi.svg)
}

.flag-icon-bi.flag-icon-squared {
  background-image: url(../flags/1x1/bi.svg)
}

.flag-icon-bj {
  background-image: url(../flags/4x3/bj.svg)
}

.flag-icon-bj.flag-icon-squared {
  background-image: url(../flags/1x1/bj.svg)
}

.flag-icon-bl {
  background-image: url(../flags/4x3/bl.svg)
}

.flag-icon-bl.flag-icon-squared {
  background-image: url(../flags/1x1/bl.svg)
}

.flag-icon-bm {
  background-image: url(../flags/4x3/bm.svg)
}

.flag-icon-bm.flag-icon-squared {
  background-image: url(../flags/1x1/bm.svg)
}

.flag-icon-bn {
  background-image: url(../flags/4x3/bn.svg)
}

.flag-icon-bn.flag-icon-squared {
  background-image: url(../flags/1x1/bn.svg)
}

.flag-icon-bo {
  background-image: url(../flags/4x3/bo.svg)
}

.flag-icon-bo.flag-icon-squared {
  background-image: url(../flags/1x1/bo.svg)
}

.flag-icon-bq {
  background-image: url(../flags/4x3/bq.svg)
}

.flag-icon-bq.flag-icon-squared {
  background-image: url(../flags/1x1/bq.svg)
}

.flag-icon-br {
  background-image: url(../flags/4x3/br.svg)
}

.flag-icon-br.flag-icon-squared {
  background-image: url(../flags/1x1/br.svg)
}

.flag-icon-bs {
  background-image: url(../flags/4x3/bs.svg)
}

.flag-icon-bs.flag-icon-squared {
  background-image: url(../flags/1x1/bs.svg)
}

.flag-icon-bt {
  background-image: url(../flags/4x3/bt.svg)
}

.flag-icon-bt.flag-icon-squared {
  background-image: url(../flags/1x1/bt.svg)
}

.flag-icon-bv {
  background-image: url(../flags/4x3/bv.svg)
}

.flag-icon-bv.flag-icon-squared {
  background-image: url(../flags/1x1/bv.svg)
}

.flag-icon-bw {
  background-image: url(../flags/4x3/bw.svg)
}

.flag-icon-bw.flag-icon-squared {
  background-image: url(../flags/1x1/bw.svg)
}

.flag-icon-by {
  background-image: url(../flags/4x3/by.svg)
}

.flag-icon-by.flag-icon-squared {
  background-image: url(../flags/1x1/by.svg)
}

.flag-icon-bz {
  background-image: url(../flags/4x3/bz.svg)
}

.flag-icon-bz.flag-icon-squared {
  background-image: url(../flags/1x1/bz.svg)
}

.flag-icon-ca {
  background-image: url(../flags/4x3/ca.svg)
}

.flag-icon-ca.flag-icon-squared {
  background-image: url(../flags/1x1/ca.svg)
}

.flag-icon-cc {
  background-image: url(../flags/4x3/cc.svg)
}

.flag-icon-cc.flag-icon-squared {
  background-image: url(../flags/1x1/cc.svg)
}

.flag-icon-cd {
  background-image: url(../flags/4x3/cd.svg)
}

.flag-icon-cd.flag-icon-squared {
  background-image: url(../flags/1x1/cd.svg)
}

.flag-icon-cf {
  background-image: url(../flags/4x3/cf.svg)
}

.flag-icon-cf.flag-icon-squared {
  background-image: url(../flags/1x1/cf.svg)
}

.flag-icon-cg {
  background-image: url(../flags/4x3/cg.svg)
}

.flag-icon-cg.flag-icon-squared {
  background-image: url(../flags/1x1/cg.svg)
}

.flag-icon-ch {
  background-image: url(../flags/4x3/ch.svg)
}

.flag-icon-ch.flag-icon-squared {
  background-image: url(../flags/1x1/ch.svg)
}

.flag-icon-ci {
  background-image: url(../flags/4x3/ci.svg)
}

.flag-icon-ci.flag-icon-squared {
  background-image: url(../flags/1x1/ci.svg)
}

.flag-icon-ck {
  background-image: url(../flags/4x3/ck.svg)
}

.flag-icon-ck.flag-icon-squared {
  background-image: url(../flags/1x1/ck.svg)
}

.flag-icon-cl {
  background-image: url(../flags/4x3/cl.svg)
}

.flag-icon-cl.flag-icon-squared {
  background-image: url(../flags/1x1/cl.svg)
}

.flag-icon-cm {
  background-image: url(../flags/4x3/cm.svg)
}

.flag-icon-cm.flag-icon-squared {
  background-image: url(../flags/1x1/cm.svg)
}

.flag-icon-cn {
  background-image: url(../flags/4x3/cn.svg)
}

.flag-icon-cn.flag-icon-squared {
  background-image: url(../flags/1x1/cn.svg)
}

.flag-icon-co {
  background-image: url(../flags/4x3/co.svg)
}

.flag-icon-co.flag-icon-squared {
  background-image: url(../flags/1x1/co.svg)
}

.flag-icon-cr {
  background-image: url(../flags/4x3/cr.svg)
}

.flag-icon-cr.flag-icon-squared {
  background-image: url(../flags/1x1/cr.svg)
}

.flag-icon-cu {
  background-image: url(../flags/4x3/cu.svg)
}

.flag-icon-cu.flag-icon-squared {
  background-image: url(../flags/1x1/cu.svg)
}

.flag-icon-cv {
  background-image: url(../flags/4x3/cv.svg)
}

.flag-icon-cv.flag-icon-squared {
  background-image: url(../flags/1x1/cv.svg)
}

.flag-icon-cw {
  background-image: url(../flags/4x3/cw.svg)
}

.flag-icon-cw.flag-icon-squared {
  background-image: url(../flags/1x1/cw.svg)
}

.flag-icon-cx {
  background-image: url(../flags/4x3/cx.svg)
}

.flag-icon-cx.flag-icon-squared {
  background-image: url(../flags/1x1/cx.svg)
}

.flag-icon-cy {
  background-image: url(../flags/4x3/cy.svg)
}

.flag-icon-cy.flag-icon-squared {
  background-image: url(../flags/1x1/cy.svg)
}

.flag-icon-cz {
  background-image: url(../flags/4x3/cz.svg)
}

.flag-icon-cz.flag-icon-squared {
  background-image: url(../flags/1x1/cz.svg)
}

.flag-icon-de {
  background-image: url(../flags/4x3/de.svg)
}

.flag-icon-de.flag-icon-squared {
  background-image: url(../flags/1x1/de.svg)
}

.flag-icon-dj {
  background-image: url(../flags/4x3/dj.svg)
}

.flag-icon-dj.flag-icon-squared {
  background-image: url(../flags/1x1/dj.svg)
}

.flag-icon-dk {
  background-image: url(../flags/4x3/dk.svg)
}

.flag-icon-dk.flag-icon-squared {
  background-image: url(../flags/1x1/dk.svg)
}

.flag-icon-dm {
  background-image: url(../flags/4x3/dm.svg)
}

.flag-icon-dm.flag-icon-squared {
  background-image: url(../flags/1x1/dm.svg)
}

.flag-icon-do {
  background-image: url(../flags/4x3/do.svg)
}

.flag-icon-do.flag-icon-squared {
  background-image: url(../flags/1x1/do.svg)
}

.flag-icon-dz {
  background-image: url(../flags/4x3/dz.svg)
}

.flag-icon-dz.flag-icon-squared {
  background-image: url(../flags/1x1/dz.svg)
}

.flag-icon-ec {
  background-image: url(../flags/4x3/ec.svg)
}

.flag-icon-ec.flag-icon-squared {
  background-image: url(../flags/1x1/ec.svg)
}

.flag-icon-ee {
  background-image: url(../flags/4x3/ee.svg)
}

.flag-icon-ee.flag-icon-squared {
  background-image: url(../flags/1x1/ee.svg)
}

.flag-icon-eg {
  background-image: url(../flags/4x3/eg.svg)
}

.flag-icon-eg.flag-icon-squared {
  background-image: url(../flags/1x1/eg.svg)
}

.flag-icon-eh {
  background-image: url(../flags/4x3/eh.svg)
}

.flag-icon-eh.flag-icon-squared {
  background-image: url(../flags/1x1/eh.svg)
}

.flag-icon-er {
  background-image: url(../flags/4x3/er.svg)
}

.flag-icon-er.flag-icon-squared {
  background-image: url(../flags/1x1/er.svg)
}

.flag-icon-es {
  background-image: url(../flags/4x3/es.svg)
}

.flag-icon-es.flag-icon-squared {
  background-image: url(../flags/1x1/es.svg)
}

.flag-icon-et {
  background-image: url(../flags/4x3/et.svg)
}

.flag-icon-et.flag-icon-squared {
  background-image: url(../flags/1x1/et.svg)
}

.flag-icon-fi {
  background-image: url(../flags/4x3/fi.svg)
}

.flag-icon-fi.flag-icon-squared {
  background-image: url(../flags/1x1/fi.svg)
}

.flag-icon-fj {
  background-image: url(../flags/4x3/fj.svg)
}

.flag-icon-fj.flag-icon-squared {
  background-image: url(../flags/1x1/fj.svg)
}

.flag-icon-fk {
  background-image: url(../flags/4x3/fk.svg)
}

.flag-icon-fk.flag-icon-squared {
  background-image: url(../flags/1x1/fk.svg)
}

.flag-icon-fm {
  background-image: url(../flags/4x3/fm.svg)
}

.flag-icon-fm.flag-icon-squared {
  background-image: url(../flags/1x1/fm.svg)
}

.flag-icon-fo {
  background-image: url(../flags/4x3/fo.svg)
}

.flag-icon-fo.flag-icon-squared {
  background-image: url(../flags/1x1/fo.svg)
}

.flag-icon-fr {
  background-image: url(../flags/4x3/fr.svg)
}

.flag-icon-fr.flag-icon-squared {
  background-image: url(../flags/1x1/fr.svg)
}

.flag-icon-ga {
  background-image: url(../flags/4x3/ga.svg)
}

.flag-icon-ga.flag-icon-squared {
  background-image: url(../flags/1x1/ga.svg)
}

.flag-icon-gb {
  background-image: url(../flags/4x3/gb.svg)
}

.flag-icon-gb.flag-icon-squared {
  background-image: url(../flags/1x1/gb.svg)
}

.flag-icon-gd {
  background-image: url(../flags/4x3/gd.svg)
}

.flag-icon-gd.flag-icon-squared {
  background-image: url(../flags/1x1/gd.svg)
}

.flag-icon-ge {
  background-image: url(../flags/4x3/ge.svg)
}

.flag-icon-ge.flag-icon-squared {
  background-image: url(../flags/1x1/ge.svg)
}

.flag-icon-gf {
  background-image: url(../flags/4x3/gf.svg)
}

.flag-icon-gf.flag-icon-squared {
  background-image: url(../flags/1x1/gf.svg)
}

.flag-icon-gg {
  background-image: url(../flags/4x3/gg.svg)
}

.flag-icon-gg.flag-icon-squared {
  background-image: url(../flags/1x1/gg.svg)
}

.flag-icon-gh {
  background-image: url(../flags/4x3/gh.svg)
}

.flag-icon-gh.flag-icon-squared {
  background-image: url(../flags/1x1/gh.svg)
}

.flag-icon-gi {
  background-image: url(../flags/4x3/gi.svg)
}

.flag-icon-gi.flag-icon-squared {
  background-image: url(../flags/1x1/gi.svg)
}

.flag-icon-gl {
  background-image: url(../flags/4x3/gl.svg)
}

.flag-icon-gl.flag-icon-squared {
  background-image: url(../flags/1x1/gl.svg)
}

.flag-icon-gm {
  background-image: url(../flags/4x3/gm.svg)
}

.flag-icon-gm.flag-icon-squared {
  background-image: url(../flags/1x1/gm.svg)
}

.flag-icon-gn {
  background-image: url(../flags/4x3/gn.svg)
}

.flag-icon-gn.flag-icon-squared {
  background-image: url(../flags/1x1/gn.svg)
}

.flag-icon-gp {
  background-image: url(../flags/4x3/gp.svg)
}

.flag-icon-gp.flag-icon-squared {
  background-image: url(../flags/1x1/gp.svg)
}

.flag-icon-gq {
  background-image: url(../flags/4x3/gq.svg)
}

.flag-icon-gq.flag-icon-squared {
  background-image: url(../flags/1x1/gq.svg)
}

.flag-icon-gr {
  background-image: url(../flags/4x3/gr.svg)
}

.flag-icon-gr.flag-icon-squared {
  background-image: url(../flags/1x1/gr.svg)
}

.flag-icon-gs {
  background-image: url(../flags/4x3/gs.svg)
}

.flag-icon-gs.flag-icon-squared {
  background-image: url(../flags/1x1/gs.svg)
}

.flag-icon-gt {
  background-image: url(../flags/4x3/gt.svg)
}

.flag-icon-gt.flag-icon-squared {
  background-image: url(../flags/1x1/gt.svg)
}

.flag-icon-gu {
  background-image: url(../flags/4x3/gu.svg)
}

.flag-icon-gu.flag-icon-squared {
  background-image: url(../flags/1x1/gu.svg)
}

.flag-icon-gw {
  background-image: url(../flags/4x3/gw.svg)
}

.flag-icon-gw.flag-icon-squared {
  background-image: url(../flags/1x1/gw.svg)
}

.flag-icon-gy {
  background-image: url(../flags/4x3/gy.svg)
}

.flag-icon-gy.flag-icon-squared {
  background-image: url(../flags/1x1/gy.svg)
}

.flag-icon-hk {
  background-image: url(../flags/4x3/hk.svg)
}

.flag-icon-hk.flag-icon-squared {
  background-image: url(../flags/1x1/hk.svg)
}

.flag-icon-hm {
  background-image: url(../flags/4x3/hm.svg)
}

.flag-icon-hm.flag-icon-squared {
  background-image: url(../flags/1x1/hm.svg)
}

.flag-icon-hn {
  background-image: url(../flags/4x3/hn.svg)
}

.flag-icon-hn.flag-icon-squared {
  background-image: url(../flags/1x1/hn.svg)
}

.flag-icon-hr {
  background-image: url(../flags/4x3/hr.svg)
}

.flag-icon-hr.flag-icon-squared {
  background-image: url(../flags/1x1/hr.svg)
}

.flag-icon-ht {
  background-image: url(../flags/4x3/ht.svg)
}

.flag-icon-ht.flag-icon-squared {
  background-image: url(../flags/1x1/ht.svg)
}

.flag-icon-hu {
  background-image: url(../flags/4x3/hu.svg)
}

.flag-icon-hu.flag-icon-squared {
  background-image: url(../flags/1x1/hu.svg)
}

.flag-icon-id {
  background-image: url(../flags/4x3/id.svg)
}

.flag-icon-id.flag-icon-squared {
  background-image: url(../flags/1x1/id.svg)
}

.flag-icon-ie {
  background-image: url(../flags/4x3/ie.svg)
}

.flag-icon-ie.flag-icon-squared {
  background-image: url(../flags/1x1/ie.svg)
}

.flag-icon-il {
  background-image: url(../flags/4x3/il.svg)
}

.flag-icon-il.flag-icon-squared {
  background-image: url(../flags/1x1/il.svg)
}

.flag-icon-im {
  background-image: url(../flags/4x3/im.svg)
}

.flag-icon-im.flag-icon-squared {
  background-image: url(../flags/1x1/im.svg)
}

.flag-icon-in {
  background-image: url(../flags/4x3/in.svg)
}

.flag-icon-in.flag-icon-squared {
  background-image: url(../flags/1x1/in.svg)
}

.flag-icon-io {
  background-image: url(../flags/4x3/io.svg)
}

.flag-icon-io.flag-icon-squared {
  background-image: url(../flags/1x1/io.svg)
}

.flag-icon-iq {
  background-image: url(../flags/4x3/iq.svg)
}

.flag-icon-iq.flag-icon-squared {
  background-image: url(../flags/1x1/iq.svg)
}

.flag-icon-ir {
  background-image: url(../flags/4x3/ir.svg)
}

.flag-icon-ir.flag-icon-squared {
  background-image: url(../flags/1x1/ir.svg)
}

.flag-icon-is {
  background-image: url(../flags/4x3/is.svg)
}

.flag-icon-is.flag-icon-squared {
  background-image: url(../flags/1x1/is.svg)
}

.flag-icon-it {
  background-image: url(../flags/4x3/it.svg)
}

.flag-icon-it.flag-icon-squared {
  background-image: url(../flags/1x1/it.svg)
}

.flag-icon-je {
  background-image: url(../flags/4x3/je.svg)
}

.flag-icon-je.flag-icon-squared {
  background-image: url(../flags/1x1/je.svg)
}

.flag-icon-jm {
  background-image: url(../flags/4x3/jm.svg)
}

.flag-icon-jm.flag-icon-squared {
  background-image: url(../flags/1x1/jm.svg)
}

.flag-icon-jo {
  background-image: url(../flags/4x3/jo.svg)
}

.flag-icon-jo.flag-icon-squared {
  background-image: url(../flags/1x1/jo.svg)
}

.flag-icon-jp {
  background-image: url(../flags/4x3/jp.svg)
}

.flag-icon-jp.flag-icon-squared {
  background-image: url(../flags/1x1/jp.svg)
}

.flag-icon-ke {
  background-image: url(../flags/4x3/ke.svg)
}

.flag-icon-ke.flag-icon-squared {
  background-image: url(../flags/1x1/ke.svg)
}

.flag-icon-kg {
  background-image: url(../flags/4x3/kg.svg)
}

.flag-icon-kg.flag-icon-squared {
  background-image: url(../flags/1x1/kg.svg)
}

.flag-icon-kh {
  background-image: url(../flags/4x3/kh.svg)
}

.flag-icon-kh.flag-icon-squared {
  background-image: url(../flags/1x1/kh.svg)
}

.flag-icon-ki {
  background-image: url(../flags/4x3/ki.svg)
}

.flag-icon-ki.flag-icon-squared {
  background-image: url(../flags/1x1/ki.svg)
}

.flag-icon-km {
  background-image: url(../flags/4x3/km.svg)
}

.flag-icon-km.flag-icon-squared {
  background-image: url(../flags/1x1/km.svg)
}

.flag-icon-kn {
  background-image: url(../flags/4x3/kn.svg)
}

.flag-icon-kn.flag-icon-squared {
  background-image: url(../flags/1x1/kn.svg)
}

.flag-icon-kp {
  background-image: url(../flags/4x3/kp.svg)
}

.flag-icon-kp.flag-icon-squared {
  background-image: url(../flags/1x1/kp.svg)
}

.flag-icon-kr {
  background-image: url(../flags/4x3/kr.svg)
}

.flag-icon-kr.flag-icon-squared {
  background-image: url(../flags/1x1/kr.svg)
}

.flag-icon-kw {
  background-image: url(../flags/4x3/kw.svg)
}

.flag-icon-kw.flag-icon-squared {
  background-image: url(../flags/1x1/kw.svg)
}

.flag-icon-ky {
  background-image: url(../flags/4x3/ky.svg)
}

.flag-icon-ky.flag-icon-squared {
  background-image: url(../flags/1x1/ky.svg)
}

.flag-icon-kz {
  background-image: url(../flags/4x3/kz.svg)
}

.flag-icon-kz.flag-icon-squared {
  background-image: url(../flags/1x1/kz.svg)
}

.flag-icon-la {
  background-image: url(../flags/4x3/la.svg)
}

.flag-icon-la.flag-icon-squared {
  background-image: url(../flags/1x1/la.svg)
}

.flag-icon-lb {
  background-image: url(../flags/4x3/lb.svg)
}

.flag-icon-lb.flag-icon-squared {
  background-image: url(../flags/1x1/lb.svg)
}

.flag-icon-lc {
  background-image: url(../flags/4x3/lc.svg)
}

.flag-icon-lc.flag-icon-squared {
  background-image: url(../flags/1x1/lc.svg)
}

.flag-icon-li {
  background-image: url(../flags/4x3/li.svg)
}

.flag-icon-li.flag-icon-squared {
  background-image: url(../flags/1x1/li.svg)
}

.flag-icon-lk {
  background-image: url(../flags/4x3/lk.svg)
}

.flag-icon-lk.flag-icon-squared {
  background-image: url(../flags/1x1/lk.svg)
}

.flag-icon-lr {
  background-image: url(../flags/4x3/lr.svg)
}

.flag-icon-lr.flag-icon-squared {
  background-image: url(../flags/1x1/lr.svg)
}

.flag-icon-ls {
  background-image: url(../flags/4x3/ls.svg)
}

.flag-icon-ls.flag-icon-squared {
  background-image: url(../flags/1x1/ls.svg)
}

.flag-icon-lt {
  background-image: url(../flags/4x3/lt.svg)
}

.flag-icon-lt.flag-icon-squared {
  background-image: url(../flags/1x1/lt.svg)
}

.flag-icon-lu {
  background-image: url(../flags/4x3/lu.svg)
}

.flag-icon-lu.flag-icon-squared {
  background-image: url(../flags/1x1/lu.svg)
}

.flag-icon-lv {
  background-image: url(../flags/4x3/lv.svg)
}

.flag-icon-lv.flag-icon-squared {
  background-image: url(../flags/1x1/lv.svg)
}

.flag-icon-ly {
  background-image: url(../flags/4x3/ly.svg)
}

.flag-icon-ly.flag-icon-squared {
  background-image: url(../flags/1x1/ly.svg)
}

.flag-icon-ma {
  background-image: url(../flags/4x3/ma.svg)
}

.flag-icon-ma.flag-icon-squared {
  background-image: url(../flags/1x1/ma.svg)
}

.flag-icon-mc {
  background-image: url(../flags/4x3/mc.svg)
}

.flag-icon-mc.flag-icon-squared {
  background-image: url(../flags/1x1/mc.svg)
}

.flag-icon-md {
  background-image: url(../flags/4x3/md.svg)
}

.flag-icon-md.flag-icon-squared {
  background-image: url(../flags/1x1/md.svg)
}

.flag-icon-me {
  background-image: url(../flags/4x3/me.svg)
}

.flag-icon-me.flag-icon-squared {
  background-image: url(../flags/1x1/me.svg)
}

.flag-icon-mf {
  background-image: url(../flags/4x3/mf.svg)
}

.flag-icon-mf.flag-icon-squared {
  background-image: url(../flags/1x1/mf.svg)
}

.flag-icon-mg {
  background-image: url(../flags/4x3/mg.svg)
}

.flag-icon-mg.flag-icon-squared {
  background-image: url(../flags/1x1/mg.svg)
}

.flag-icon-mh {
  background-image: url(../flags/4x3/mh.svg)
}

.flag-icon-mh.flag-icon-squared {
  background-image: url(../flags/1x1/mh.svg)
}

.flag-icon-mk {
  background-image: url(../flags/4x3/mk.svg)
}

.flag-icon-mk.flag-icon-squared {
  background-image: url(../flags/1x1/mk.svg)
}

.flag-icon-ml {
  background-image: url(../flags/4x3/ml.svg)
}

.flag-icon-ml.flag-icon-squared {
  background-image: url(../flags/1x1/ml.svg)
}

.flag-icon-mm {
  background-image: url(../flags/4x3/mm.svg)
}

.flag-icon-mm.flag-icon-squared {
  background-image: url(../flags/1x1/mm.svg)
}

.flag-icon-mn {
  background-image: url(../flags/4x3/mn.svg)
}

.flag-icon-mn.flag-icon-squared {
  background-image: url(../flags/1x1/mn.svg)
}

.flag-icon-mo {
  background-image: url(../flags/4x3/mo.svg)
}

.flag-icon-mo.flag-icon-squared {
  background-image: url(../flags/1x1/mo.svg)
}

.flag-icon-mp {
  background-image: url(../flags/4x3/mp.svg)
}

.flag-icon-mp.flag-icon-squared {
  background-image: url(../flags/1x1/mp.svg)
}

.flag-icon-mq {
  background-image: url(../flags/4x3/mq.svg)
}

.flag-icon-mq.flag-icon-squared {
  background-image: url(../flags/1x1/mq.svg)
}

.flag-icon-mr {
  background-image: url(../flags/4x3/mr.svg)
}

.flag-icon-mr.flag-icon-squared {
  background-image: url(../flags/1x1/mr.svg)
}

.flag-icon-ms {
  background-image: url(../flags/4x3/ms.svg)
}

.flag-icon-ms.flag-icon-squared {
  background-image: url(../flags/1x1/ms.svg)
}

.flag-icon-mt {
  background-image: url(../flags/4x3/mt.svg)
}

.flag-icon-mt.flag-icon-squared {
  background-image: url(../flags/1x1/mt.svg)
}

.flag-icon-mu {
  background-image: url(../flags/4x3/mu.svg)
}

.flag-icon-mu.flag-icon-squared {
  background-image: url(../flags/1x1/mu.svg)
}

.flag-icon-mv {
  background-image: url(../flags/4x3/mv.svg)
}

.flag-icon-mv.flag-icon-squared {
  background-image: url(../flags/1x1/mv.svg)
}

.flag-icon-mw {
  background-image: url(../flags/4x3/mw.svg)
}

.flag-icon-mw.flag-icon-squared {
  background-image: url(../flags/1x1/mw.svg)
}

.flag-icon-mx {
  background-image: url(../flags/4x3/mx.svg)
}

.flag-icon-mx.flag-icon-squared {
  background-image: url(../flags/1x1/mx.svg)
}

.flag-icon-my {
  background-image: url(../flags/4x3/my.svg)
}

.flag-icon-my.flag-icon-squared {
  background-image: url(../flags/1x1/my.svg)
}

.flag-icon-mz {
  background-image: url(../flags/4x3/mz.svg)
}

.flag-icon-mz.flag-icon-squared {
  background-image: url(../flags/1x1/mz.svg)
}

.flag-icon-na {
  background-image: url(../flags/4x3/na.svg)
}

.flag-icon-na.flag-icon-squared {
  background-image: url(../flags/1x1/na.svg)
}

.flag-icon-nc {
  background-image: url(../flags/4x3/nc.svg)
}

.flag-icon-nc.flag-icon-squared {
  background-image: url(../flags/1x1/nc.svg)
}

.flag-icon-ne {
  background-image: url(../flags/4x3/ne.svg)
}

.flag-icon-ne.flag-icon-squared {
  background-image: url(../flags/1x1/ne.svg)
}

.flag-icon-nf {
  background-image: url(../flags/4x3/nf.svg)
}

.flag-icon-nf.flag-icon-squared {
  background-image: url(../flags/1x1/nf.svg)
}

.flag-icon-ng {
  background-image: url(../flags/4x3/ng.svg)
}

.flag-icon-ng.flag-icon-squared {
  background-image: url(../flags/1x1/ng.svg)
}

.flag-icon-ni {
  background-image: url(../flags/4x3/ni.svg)
}

.flag-icon-ni.flag-icon-squared {
  background-image: url(../flags/1x1/ni.svg)
}

.flag-icon-nl {
  background-image: url(../flags/4x3/nl.svg)
}

.flag-icon-nl.flag-icon-squared {
  background-image: url(../flags/1x1/nl.svg)
}

.flag-icon-no {
  background-image: url(../flags/4x3/no.svg)
}

.flag-icon-no.flag-icon-squared {
  background-image: url(../flags/1x1/no.svg)
}

.flag-icon-np {
  background-image: url(../flags/4x3/np.svg)
}

.flag-icon-np.flag-icon-squared {
  background-image: url(../flags/1x1/np.svg)
}

.flag-icon-nr {
  background-image: url(../flags/4x3/nr.svg)
}

.flag-icon-nr.flag-icon-squared {
  background-image: url(../flags/1x1/nr.svg)
}

.flag-icon-nu {
  background-image: url(../flags/4x3/nu.svg)
}

.flag-icon-nu.flag-icon-squared {
  background-image: url(../flags/1x1/nu.svg)
}

.flag-icon-nz {
  background-image: url(../flags/4x3/nz.svg)
}

.flag-icon-nz.flag-icon-squared {
  background-image: url(../flags/1x1/nz.svg)
}

.flag-icon-om {
  background-image: url(../flags/4x3/om.svg)
}

.flag-icon-om.flag-icon-squared {
  background-image: url(../flags/1x1/om.svg)
}

.flag-icon-pa {
  background-image: url(../flags/4x3/pa.svg)
}

.flag-icon-pa.flag-icon-squared {
  background-image: url(../flags/1x1/pa.svg)
}

.flag-icon-pe {
  background-image: url(../flags/4x3/pe.svg)
}

.flag-icon-pe.flag-icon-squared {
  background-image: url(../flags/1x1/pe.svg)
}

.flag-icon-pf {
  background-image: url(../flags/4x3/pf.svg)
}

.flag-icon-pf.flag-icon-squared {
  background-image: url(../flags/1x1/pf.svg)
}

.flag-icon-pg {
  background-image: url(../flags/4x3/pg.svg)
}

.flag-icon-pg.flag-icon-squared {
  background-image: url(../flags/1x1/pg.svg)
}

.flag-icon-ph {
  background-image: url(../flags/4x3/ph.svg)
}

.flag-icon-ph.flag-icon-squared {
  background-image: url(../flags/1x1/ph.svg)
}

.flag-icon-pk {
  background-image: url(../flags/4x3/pk.svg)
}

.flag-icon-pk.flag-icon-squared {
  background-image: url(../flags/1x1/pk.svg)
}

.flag-icon-pl {
  background-image: url(../flags/4x3/pl.svg)
}

.flag-icon-pl.flag-icon-squared {
  background-image: url(../flags/1x1/pl.svg)
}

.flag-icon-pm {
  background-image: url(../flags/4x3/pm.svg)
}

.flag-icon-pm.flag-icon-squared {
  background-image: url(../flags/1x1/pm.svg)
}

.flag-icon-pn {
  background-image: url(../flags/4x3/pn.svg)
}

.flag-icon-pn.flag-icon-squared {
  background-image: url(../flags/1x1/pn.svg)
}

.flag-icon-pr {
  background-image: url(../flags/4x3/pr.svg)
}

.flag-icon-pr.flag-icon-squared {
  background-image: url(../flags/1x1/pr.svg)
}

.flag-icon-ps {
  background-image: url(../flags/4x3/ps.svg)
}

.flag-icon-ps.flag-icon-squared {
  background-image: url(../flags/1x1/ps.svg)
}

.flag-icon-pt {
  background-image: url(../flags/4x3/pt.svg)
}

.flag-icon-pt.flag-icon-squared {
  background-image: url(../flags/1x1/pt.svg)
}

.flag-icon-pw {
  background-image: url(../flags/4x3/pw.svg)
}

.flag-icon-pw.flag-icon-squared {
  background-image: url(../flags/1x1/pw.svg)
}

.flag-icon-py {
  background-image: url(../flags/4x3/py.svg)
}

.flag-icon-py.flag-icon-squared {
  background-image: url(../flags/1x1/py.svg)
}

.flag-icon-qa {
  background-image: url(../flags/4x3/qa.svg)
}

.flag-icon-qa.flag-icon-squared {
  background-image: url(../flags/1x1/qa.svg)
}

.flag-icon-re {
  background-image: url(../flags/4x3/re.svg)
}

.flag-icon-re.flag-icon-squared {
  background-image: url(../flags/1x1/re.svg)
}

.flag-icon-ro {
  background-image: url(../flags/4x3/ro.svg)
}

.flag-icon-ro.flag-icon-squared {
  background-image: url(../flags/1x1/ro.svg)
}

.flag-icon-rs {
  background-image: url(../flags/4x3/rs.svg)
}

.flag-icon-rs.flag-icon-squared {
  background-image: url(../flags/1x1/rs.svg)
}

.flag-icon-ru {
  background-image: url(../flags/4x3/ru.svg)
}

.flag-icon-ru.flag-icon-squared {
  background-image: url(../flags/1x1/ru.svg)
}

.flag-icon-rw {
  background-image: url(../flags/4x3/rw.svg)
}

.flag-icon-rw.flag-icon-squared {
  background-image: url(../flags/1x1/rw.svg)
}

.flag-icon-sa {
  background-image: url(../flags/4x3/sa.svg)
}

.flag-icon-sa.flag-icon-squared {
  background-image: url(../flags/1x1/sa.svg)
}

.flag-icon-sb {
  background-image: url(../flags/4x3/sb.svg)
}

.flag-icon-sb.flag-icon-squared {
  background-image: url(../flags/1x1/sb.svg)
}

.flag-icon-sc {
  background-image: url(../flags/4x3/sc.svg)
}

.flag-icon-sc.flag-icon-squared {
  background-image: url(../flags/1x1/sc.svg)
}

.flag-icon-sd {
  background-image: url(../flags/4x3/sd.svg)
}

.flag-icon-sd.flag-icon-squared {
  background-image: url(../flags/1x1/sd.svg)
}

.flag-icon-se {
  background-image: url(../flags/4x3/se.svg)
}

.flag-icon-se.flag-icon-squared {
  background-image: url(../flags/1x1/se.svg)
}

.flag-icon-sg {
  background-image: url(../flags/4x3/sg.svg)
}

.flag-icon-sg.flag-icon-squared {
  background-image: url(../flags/1x1/sg.svg)
}

.flag-icon-sh {
  background-image: url(../flags/4x3/sh.svg)
}

.flag-icon-sh.flag-icon-squared {
  background-image: url(../flags/1x1/sh.svg)
}

.flag-icon-si {
  background-image: url(../flags/4x3/si.svg)
}

.flag-icon-si.flag-icon-squared {
  background-image: url(../flags/1x1/si.svg)
}

.flag-icon-sj {
  background-image: url(../flags/4x3/sj.svg)
}

.flag-icon-sj.flag-icon-squared {
  background-image: url(../flags/1x1/sj.svg)
}

.flag-icon-sk {
  background-image: url(../flags/4x3/sk.svg)
}

.flag-icon-sk.flag-icon-squared {
  background-image: url(../flags/1x1/sk.svg)
}

.flag-icon-sl {
  background-image: url(../flags/4x3/sl.svg)
}

.flag-icon-sl.flag-icon-squared {
  background-image: url(../flags/1x1/sl.svg)
}

.flag-icon-sm {
  background-image: url(../flags/4x3/sm.svg)
}

.flag-icon-sm.flag-icon-squared {
  background-image: url(../flags/1x1/sm.svg)
}

.flag-icon-sn {
  background-image: url(../flags/4x3/sn.svg)
}

.flag-icon-sn.flag-icon-squared {
  background-image: url(../flags/1x1/sn.svg)
}

.flag-icon-so {
  background-image: url(../flags/4x3/so.svg)
}

.flag-icon-so.flag-icon-squared {
  background-image: url(../flags/1x1/so.svg)
}

.flag-icon-sr {
  background-image: url(../flags/4x3/sr.svg)
}

.flag-icon-sr.flag-icon-squared {
  background-image: url(../flags/1x1/sr.svg)
}

.flag-icon-ss {
  background-image: url(../flags/4x3/ss.svg)
}

.flag-icon-ss.flag-icon-squared {
  background-image: url(../flags/1x1/ss.svg)
}

.flag-icon-st {
  background-image: url(../flags/4x3/st.svg)
}

.flag-icon-st.flag-icon-squared {
  background-image: url(../flags/1x1/st.svg)
}

.flag-icon-sv {
  background-image: url(../flags/4x3/sv.svg)
}

.flag-icon-sv.flag-icon-squared {
  background-image: url(../flags/1x1/sv.svg)
}

.flag-icon-sx {
  background-image: url(../flags/4x3/sx.svg)
}

.flag-icon-sx.flag-icon-squared {
  background-image: url(../flags/1x1/sx.svg)
}

.flag-icon-sy {
  background-image: url(../flags/4x3/sy.svg)
}

.flag-icon-sy.flag-icon-squared {
  background-image: url(../flags/1x1/sy.svg)
}

.flag-icon-sz {
  background-image: url(../flags/4x3/sz.svg)
}

.flag-icon-sz.flag-icon-squared {
  background-image: url(../flags/1x1/sz.svg)
}

.flag-icon-tc {
  background-image: url(../flags/4x3/tc.svg)
}

.flag-icon-tc.flag-icon-squared {
  background-image: url(../flags/1x1/tc.svg)
}

.flag-icon-td {
  background-image: url(../flags/4x3/td.svg)
}

.flag-icon-td.flag-icon-squared {
  background-image: url(../flags/1x1/td.svg)
}

.flag-icon-tf {
  background-image: url(../flags/4x3/tf.svg)
}

.flag-icon-tf.flag-icon-squared {
  background-image: url(../flags/1x1/tf.svg)
}

.flag-icon-tg {
  background-image: url(../flags/4x3/tg.svg)
}

.flag-icon-tg.flag-icon-squared {
  background-image: url(../flags/1x1/tg.svg)
}

.flag-icon-th {
  background-image: url(../flags/4x3/th.svg)
}

.flag-icon-th.flag-icon-squared {
  background-image: url(../flags/1x1/th.svg)
}

.flag-icon-tj {
  background-image: url(../flags/4x3/tj.svg)
}

.flag-icon-tj.flag-icon-squared {
  background-image: url(../flags/1x1/tj.svg)
}

.flag-icon-tk {
  background-image: url(../flags/4x3/tk.svg)
}

.flag-icon-tk.flag-icon-squared {
  background-image: url(../flags/1x1/tk.svg)
}

.flag-icon-tl {
  background-image: url(../flags/4x3/tl.svg)
}

.flag-icon-tl.flag-icon-squared {
  background-image: url(../flags/1x1/tl.svg)
}

.flag-icon-tm {
  background-image: url(../flags/4x3/tm.svg)
}

.flag-icon-tm.flag-icon-squared {
  background-image: url(../flags/1x1/tm.svg)
}

.flag-icon-tn {
  background-image: url(../flags/4x3/tn.svg)
}

.flag-icon-tn.flag-icon-squared {
  background-image: url(../flags/1x1/tn.svg)
}

.flag-icon-to {
  background-image: url(../flags/4x3/to.svg)
}

.flag-icon-to.flag-icon-squared {
  background-image: url(../flags/1x1/to.svg)
}

.flag-icon-tr {
  background-image: url(../flags/4x3/tr.svg)
}

.flag-icon-tr.flag-icon-squared {
  background-image: url(../flags/1x1/tr.svg)
}

.flag-icon-tt {
  background-image: url(../flags/4x3/tt.svg)
}

.flag-icon-tt.flag-icon-squared {
  background-image: url(../flags/1x1/tt.svg)
}

.flag-icon-tv {
  background-image: url(../flags/4x3/tv.svg)
}

.flag-icon-tv.flag-icon-squared {
  background-image: url(../flags/1x1/tv.svg)
}

.flag-icon-tw {
  background-image: url(../flags/4x3/tw.svg)
}

.flag-icon-tw.flag-icon-squared {
  background-image: url(../flags/1x1/tw.svg)
}

.flag-icon-tz {
  background-image: url(../flags/4x3/tz.svg)
}

.flag-icon-tz.flag-icon-squared {
  background-image: url(../flags/1x1/tz.svg)
}

.flag-icon-ua {
  background-image: url(../flags/4x3/ua.svg)
}

.flag-icon-ua.flag-icon-squared {
  background-image: url(../flags/1x1/ua.svg)
}

.flag-icon-ug {
  background-image: url(../flags/4x3/ug.svg)
}

.flag-icon-ug.flag-icon-squared {
  background-image: url(../flags/1x1/ug.svg)
}

.flag-icon-um {
  background-image: url(../flags/4x3/um.svg)
}

.flag-icon-um.flag-icon-squared {
  background-image: url(../flags/1x1/um.svg)
}

.flag-icon-us {
  background-image: url(../flags/4x3/us.svg)
}

.flag-icon-us.flag-icon-squared {
  background-image: url(../flags/1x1/us.svg)
}

.flag-icon-uy {
  background-image: url(../flags/4x3/uy.svg)
}

.flag-icon-uy.flag-icon-squared {
  background-image: url(../flags/1x1/uy.svg)
}

.flag-icon-uz {
  background-image: url(../flags/4x3/uz.svg)
}

.flag-icon-uz.flag-icon-squared {
  background-image: url(../flags/1x1/uz.svg)
}

.flag-icon-va {
  background-image: url(../flags/4x3/va.svg)
}

.flag-icon-va.flag-icon-squared {
  background-image: url(../flags/1x1/va.svg)
}

.flag-icon-vc {
  background-image: url(../flags/4x3/vc.svg)
}

.flag-icon-vc.flag-icon-squared {
  background-image: url(../flags/1x1/vc.svg)
}

.flag-icon-ve {
  background-image: url(../flags/4x3/ve.svg)
}

.flag-icon-ve.flag-icon-squared {
  background-image: url(../flags/1x1/ve.svg)
}

.flag-icon-vg {
  background-image: url(../flags/4x3/vg.svg)
}

.flag-icon-vg.flag-icon-squared {
  background-image: url(../flags/1x1/vg.svg)
}

.flag-icon-vi {
  background-image: url(../flags/4x3/vi.svg)
}

.flag-icon-vi.flag-icon-squared {
  background-image: url(../flags/1x1/vi.svg)
}

.flag-icon-vn {
  background-image: url(../flags/4x3/vn.svg)
}

.flag-icon-vn.flag-icon-squared {
  background-image: url(../flags/1x1/vn.svg)
}

.flag-icon-vu {
  background-image: url(../flags/4x3/vu.svg)
}

.flag-icon-vu.flag-icon-squared {
  background-image: url(../flags/1x1/vu.svg)
}

.flag-icon-wf {
  background-image: url(../flags/4x3/wf.svg)
}

.flag-icon-wf.flag-icon-squared {
  background-image: url(../flags/1x1/wf.svg)
}

.flag-icon-ws {
  background-image: url(../flags/4x3/ws.svg)
}

.flag-icon-ws.flag-icon-squared {
  background-image: url(../flags/1x1/ws.svg)
}

.flag-icon-ye {
  background-image: url(../flags/4x3/ye.svg)
}

.flag-icon-ye.flag-icon-squared {
  background-image: url(../flags/1x1/ye.svg)
}

.flag-icon-yt {
  background-image: url(../flags/4x3/yt.svg)
}

.flag-icon-yt.flag-icon-squared {
  background-image: url(../flags/1x1/yt.svg)
}

.flag-icon-za {
  background-image: url(../flags/4x3/za.svg)
}

.flag-icon-za.flag-icon-squared {
  background-image: url(../flags/1x1/za.svg)
}

.flag-icon-zm {
  background-image: url(../flags/4x3/zm.svg)
}

.flag-icon-zm.flag-icon-squared {
  background-image: url(../flags/1x1/zm.svg)
}

.flag-icon-zw {
  background-image: url(../flags/4x3/zw.svg)
}

.flag-icon-zw.flag-icon-squared {
  background-image: url(../flags/1x1/zw.svg)
}

.owl-carousel .animated {
  animation-duration: 2000ms;
  animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
  z-index: 0
}

.owl-carousel .owl-animated-out {
  z-index: 1
}

.owl-carousel .fadeIn {
  animation-name: fadeIn
}

.owl-carousel .fadeOut {
  animation-name: fadeOut
}

@keyframes fadeIn {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
  }
  100% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
  }
  100% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
  }
}

.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  position: relative;
  z-index: 1
}

.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y
}

.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0
}

.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  -webkit-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none
}

.owl-carousel .owl-item img {
  display: block;
  width: 100%;
  -webkit-transform-style: preserve-3d
}

.owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled {
  display: none
}

.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot {
  cursor: pointer;
  cursor: hand;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.owl-carousel.owl-loaded {
  display: block
}

.owl-carousel.owl-loading {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  display: block
}

.owl-carousel.owl-hidden {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

.owl-carousel.owl-refresh .owl-item {
  display: none
}

.owl-carousel.owl-drag .owl-item {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.owl-carousel.owl-grab {
  cursor: move;
  cursor: -webkit-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab
}

.owl-carousel.owl-rtl {
  direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
  float: right
}

.no-js .owl-carousel {
  display: block
}

.owl-theme .owl-nav {
  margin-top: 10px;
  text-align: center;
  -webkit-tap-highlight-color: transparent
}

.owl-theme .owl-nav [class*=owl-] {
  color: #FFF;
  font-size: 14px;
  margin: 5px;
  padding: 4px 7px;
  background: #d6d6d6;
  display: inline-block;
  cursor: pointer;
  border-radius: 3px
}

.owl-theme .owl-nav [class*=owl-]:hover {
  background: #869791;
  color: #FFF;
  text-decoration: none
}

.owl-theme .owl-nav .disabled {
  opacity: .5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  cursor: default
}

.owl-theme .owl-nav.disabled+.owl-dots {
  margin-top: 10px
}

.owl-theme .owl-dots {
  text-align: center;
  -webkit-tap-highlight-color: transparent
}

.owl-theme .owl-dots .owl-dot {
  display: inline-block;
  zoom: 1;
  *display: inline
}

.owl-theme .owl-dots .owl-dot span {
  width: 10px;
  height: 10px;
  margin: 5px 7px;
  background: #d6d6d6;
  display: block;
  -webkit-backface-visibility: visible;
  transition: opacity 200ms ease;
  border-radius: 30px
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
  background: #869791
}

.owl-theme .owl-nav {
  margin-top: 10px;
  text-align: center;
  -webkit-tap-highlight-color: transparent
}

.owl-theme .owl-nav [class*=owl-] {
  color: #FFF;
  font-size: 14px;
  margin: 5px;
  padding: 4px 7px;
  background: #d6d6d6;
  display: inline-block;
  cursor: pointer;
  border-radius: 3px
}

.owl-theme .owl-nav [class*=owl-]:hover {
  background: #869791;
  color: #FFF;
  text-decoration: none
}

.owl-theme .owl-nav .disabled {
  opacity: .5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  cursor: default
}

.owl-theme .owl-nav.disabled+.owl-dots {
  margin-top: 10px
}

.owl-theme .owl-dots {
  text-align: center;
  -webkit-tap-highlight-color: transparent
}

.owl-theme .owl-dots .owl-dot {
  display: inline-block;
  zoom: 1;
  *display: inline
}

.owl-theme .owl-dots .owl-dot span {
  width: 10px;
  height: 10px;
  margin: 5px 7px;
  background: #d6d6d6;
  display: block;
  -webkit-backface-visibility: visible;
  transition: opacity 200ms ease;
  border-radius: 30px
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
  background: #869791
}

hr {
  width: 100%;
  height: 1px;
  background: #c8ae9b;
  margin: 20px 0
}

@media only screen and (min-width:768px) {
  hr {
    margin: 40px 0
  }
}

.link-colored, .panel-horizontal-profile .panel-summary dl dd>a, .article-body a, .article-notice dd a {
  color: #08509a
}

.link-colored:hover, .panel-horizontal-profile .panel-summary dl dd>a:hover, .article-body a:hover, .article-notice dd a:hover {
  color: inherit
}

.link-brand-colored, .panel-related-pages .panel-item>a, .card-related .card-item>a, .list-horizontal-news .list-item .list-title a {
  transition: color .1s cubic-bezier(.25, .25, .75, .75)
}

.link-brand-colored:hover, .panel-related-pages .panel-item>a:hover, .card-related .card-item>a:hover, .list-horizontal-news .list-item .list-title a:hover {
  color: #ffb018
}

.link-underline, .article-body a {
  text-decoration: underline
}

.link-underline:hover, .article-body a:hover {
  text-decoration: none
}

.badge-facebook>span, .badge-campaign>span {
  -webkit-writing-mode: tb-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: tb-rl;
  writing-mode: vertical-rl;
  -moz-writing-mode: vertical-rl;
  -o-writing-mode: vertical-rl;
  -webkit-writing-mode: vertical-rl
}

.lead-md {
  font-size: 16px;
  line-height: 1.6;
  margin-bottom: 20px
}

@media screen and (min-width:768px) {
  .lead-md {
    font-size: 16px
  }
}

@media only screen and (min-width:768px) {
  .lead-md {
    text-align: center;
    font-weight: 700;
    line-height: 1.8;
    margin-bottom: 40px
  }
}

.lead {
  margin-bottom: 20px;
  line-height: 1.8
}

.well {
  background: #fff;
  padding: 20px 20px 10px
}

.label {
  font-size: 10px;
  display: inline-block;
  background: #fff;
  font-weight: 700;
  padding: 0 .3em;
  border-radius: 2px
}

@media screen and (min-width:768px) {
  .label {
    font-size: 10px
  }
}

.label:hover {
  text-decoration: none
}

.label.label-lg {
  padding: .5em .7em;
  font-size: 13px;
  font-weight: 400
}

@media screen and (min-width:768px) {
  .label.label-lg {
    font-size: 13px
  }
}

.label.label-inversed {
  background: #000;
  color: #fff
}

.label-text {
  color: #ffb018
}

.tag {
  font-size: 13px;
  display: inline-block;
  height: 20px;
  line-height: 20px;
  background: #ffb018;
  color: #fff;
  border-radius: 2px;
  padding: 0 .5em
}

@media screen and (min-width:768px) {
  .tag {
    font-size: 13px
  }
}

.badge {
  position: fixed;
  z-index: 99
}

.badge-facebook {
  display: block;
  top: 160px;
  right: 0;
  background: #3b5998;
  color: #fff;
  width: 46px;
  height: 175px;
  padding: 10px 0;
  line-height: 46px;
  letter-spacing: 1px;
  transition: background-color .1s cubic-bezier(.25, .25, .75, .75)
}

@media only screen and (max-width:767px) {
  .badge-facebook {
    display: none
  }
}

.badge-facebook>span {
  margin-top: 30px
}

.badge-facebook>.icon {
  position: absolute;
  font-size: 20px;
  top: 10px;
  left: 13px;
  margin: 0;
  line-height: 1
}

.badge-facebook:hover {
  color: #fff;
  background: #4264aa;
  text-decoration: none
}

.breadcrumb {
  font-size: 10px;
  list-style: none
}

@media screen and (min-width:768px) {
  .breadcrumb {
    font-size: 10px
  }
}

.breadcrumb>li {
  display: inline-block
}

.breadcrumb>li>a {
  text-decoration: underline
}

.breadcrumb>li>a:hover {
  text-decoration: none
}

.breadcrumb>li:after {
  content: '>';
  margin: 0 .5em
}

.breadcrumb>li:last-child:after {
  display: none;
  margin: 0
}

.baloon {
  margin-bottom: 25px;
  width: 100%;
  padding: 20px;
  background: #f00;
  border-radius: 20px;
  position: relative;
  color: #fff
}

.baloon>strong {
  display: block;
  font-size: 180%
}

.baloon:after {
  border-width: 25px 0 0 25px;
  right: 50px;
  left: auto
}

.baloon:after {
  content: '';
  border-style: solid;
  border-bottom-color: transparent;
  border-left-color: transparent;
  border-top-color: #f00;
  border-right-color: transparent;
  width: 0;
  height: 0;
  display: block;
  position: absolute;
  bottom: -25px
}

a.baloon {
  transition: opacity .1s cubic-bezier(.25, .25, .75, .75)
}

a.baloon:hover {
  opacity: .8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"
}

.baloon-sm {
  margin-right: 1em;
  display: inline-block;
  line-height: 21px;
  margin-bottom: 10px;
  width: 64px;
  padding: 10px;
  background: #ffb018;
  border-radius: 10px;
  position: relative;
  color: #fff
}

.baloon-sm>strong {
  display: block;
  font-size: 180%
}

.baloon-sm:after {
  border-width: 10px 0 0 10px;
  right: 20px;
  left: auto
}

.baloon-sm:after {
  content: '';
  border-style: solid;
  border-bottom-color: transparent;
  border-left-color: transparent;
  border-top-color: #ffb018;
  border-right-color: transparent;
  width: 0;
  height: 0;
  display: block;
  position: absolute;
  bottom: -10px
}

.baloon-xs {
  margin-right: 1em;
  display: inline-block;
  line-height: 21px;
  margin-bottom: 10px;
  width: 40px;
  padding: 5px;
  background: #ffb018;
  border-radius: 5px;
  position: relative;
  color: #fff;
  text-align: center
}

.baloon-xs>strong {
  display: block;
  font-size: 180%
}

.baloon-xs:after {
  border-width: 10px 10px 0 0;
  left: 20px;
  right: auto
}

.baloon-xs:after {
  content: '';
  border-style: solid;
  border-bottom-color: transparent;
  border-left-color: transparent;
  border-top-color: #ffb018;
  border-right-color: transparent;
  width: 0;
  height: 0;
  display: block;
  position: absolute;
  bottom: -10px
}

.well-bordered {
  border: 2px solid #c8ae9b;
  padding: 10px 10px 0
}

@media only screen and (min-width:768px) {
  .well-bordered {
    padding: 20px 20px 10px
  }
}

.block-inset {
  position: relative;
  background: #fff
}

.block-inset>a {
  color: inherit;
  display: block;
  transition: box-shadow .1s linear
}

.block-inset>a:before, .block-inset>a:after {
  content: " ";
  display: table
}

.block-inset>a:after {
  clear: both
}

.block-inset>a {
  *zoom: 1
}

.block-inset>a:hover {
  box-shadow: 0 0 0 4px #ffb018 inset
}

#fixedPagetopBtn {
  position: fixed;
  bottom: 30px;
  right: 30px;
  z-index: 9999;
  width: 60px;
  text-align: center;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  transition: opacity .3s cubic-bezier(.25, .25, .75, .75)
}

#fixedPagetopBtn a {
  display: block;
  font-size: 12px;
  font-weight: 700;
  font-family: Lato, "游ゴシック", YuGothic, Hiragino Kaku Gothic ProN, Hiragino Kaku Gothic Pro, "MS Pゴシック", MS PGothic, "ＭＳ ゴシック", Helvetica Neue, Helvetica, sans-serif;
  transition: all .3s ease;
  color: #000
}

#fixedPagetopBtn a:before, #fixedPagetopBtn a:after {
  content: '';
  display: block;
  transition: all .5s ease
}

#fixedPagetopBtn a:before {
  position: relative;
  background: #ffb52c;
  width: 46px;
  height: 46px;
  margin: 0 auto 6px;
  border-radius: 50%
}

#fixedPagetopBtn a:after {
  position: absolute;
  top: 20px;
  left: 22px;
  width: 16px;
  height: 16px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(-45deg)
}

#fixedPagetopBtn a:hover {
  opacity: .6;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"
}

#fixedPagetopBtn.is-active {
  opacity: .9;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"
}

@media only screen and (max-width:767px) {
  #fixedPagetopBtn {
    bottom: 15px;
    right: 15px;
    width: 45px
  }
  #fixedPagetopBtn a:before {
    width: 45px;
    height: 45px;
    margin: 0
  }
  #fixedPagetopBtn a:after {
    top: 19px;
    left: 15px
  }
  #fixedPagetopBtn a span {
    display: none
  }
  #fixedPagetopBtn a:hover {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
  }
  #fixedPagetopBtn a:hover:before, #fixedPagetopBtn a:hover:after {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
  }
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 600;
  font-family: inherit;
  line-height: 1.4;
  margin-bottom: 10px
}

h1>small, h2>small, h3>small, h4>small, h5>small, h6>small {
  font-size: 13px
}

@media screen and (min-width:768px) {
  h1>small, h2>small, h3>small, h4>small, h5>small, h6>small {
    font-size: 13px
  }
}

.column-outer {
  position: relative;
  z-index: 2;
  background: url(/assets/images/partners/bg-main-primary.png);
  padding: 20px 0
}

.column-outer:before, .column-outer:after {
  content: " ";
  display: table
}

.column-outer:after {
  clear: both
}

.column-outer {
  *zoom: 1
}

@media only screen and (min-width:768px) {
  .column-outer {
    padding: 40px 0
  }
}

@media only screen and (min-width:768px) {
  .column-primary {
    margin-right: -310px;
    width: 100%;
    float: left
  }
}

@media only screen and (min-width:768px) {
  .column-primary>.column-primary-inner {
    margin-right: 310px
  }
}

@media only screen and (max-width:767px) {
  .column-secondary {
    margin-top: 20px
  }
}

@media only screen and (min-width:768px) {
  .column-secondary {
    position: relative;
    z-index: 1;
    float: right;
    width: 270px
  }
}

.box-header, .box-body {
  margin-bottom: 20px
}

@media only screen and (max-width:767px) {
  .box-application {
    padding: 0
  }
}

@media only screen and (min-width:768px) {
  .box-application {
    background: #e6d6b2 url(/assets/images/partners/bg-box-application.jpg) no-repeat 50% 50%/cover;
    min-height: 237px;
    padding-top: 20px
  }
}

@media only screen and (min-width:768px) {
  .box-overview {
    padding-top: 100px
  }
}

.box-overview, .box-interview {
  background: url(/assets/images/partners/bg-box-primary-top.png) 100% 0, url(/assets/images/partners/bg-box-primary-bottom.png) 0 100%;
  background-repeat: no-repeat;
  background-color: #fffbf2
}

.box-blog {
  background: url(/assets/images/partners/bg-box-blog.jpg) fixed no-repeat 50% 50%/cover
}

.box-body-item {
  position: relative
}

@media only screen and (min-width:768px) {
  .box-body-item {
    padding-top: 120px
  }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
  .box-body-item {
    padding-top: 60px
  }
}

@media only screen and (min-width:768px) {
  .box-blog .box-header+.box-body, .box-blog .box-body-item+.box-body-item {
    margin-top: -40px
  }
}

@media only screen and (min-width:768px) {
  .box-blog-archives .box-header+.box-body, .box-blog-archives .box-body-item+.box-body-item {
    margin-top: -40px
  }
}

@media only screen and (min-width:768px) {
  .box-blog-lead+.box-body-item {
    margin-top: -40px
  }
}

.box-blog-lead {
  margin-bottom: 20px
}

@media only screen and (min-width:768px) {
  .box-blog-lead {
    margin: 0 150px -60px
  }
}

.box-blog-lead p {
  font-size: 16px;
  line-height: 1.8
}

@media screen and (min-width:768px) {
  .box-blog-lead p {
    font-size: 16px
  }
}

.box-404 {
  max-width: 650px;
  margin: 0 auto;
  text-align: center;
  padding: 20px 0
}

@media only screen and (min-width:768px) {
  .box-404 {
    padding: 60px 0
  }
}

.box-404 h1 {
  font-size: 24px
}

@media screen and (min-width:768px) {
  .box-404 h1 {
    font-size: 24px
  }
}

.message-box-blog {
  text-align: center;
  margin: 40px 0
}

@media only screen and (min-width:768px) {
  .message-box-blog {
    margin: 0;
    padding-bottom: 120px
  }
}

@media only screen and (min-width:768px) {
  .widget-subscribe {
    margin-left: -10px;
    margin-right: -10px
  }
  .widget-subscribe:before, .widget-subscribe:after {
    content: " ";
    display: table
  }
  .widget-subscribe:after {
    clear: both
  }
  .widget-subscribe {
    *zoom: 1
  }
  .widget-subscribe .widget-column {
    width: 50%;
    float: left;
    padding-left: 10px;
    padding-right: 10px
  }
}

.widget-header, .widget-body, .widget-footer {
  margin-bottom: 10px
}

@media only screen and (min-width:768px) {
  .widget-header, .widget-body, .widget-footer {
    margin-bottom: 20px
  }
}

.widget-header h1 small, .widget-header h2 small, .widget-header h3 small, .widget-header h4 small, .widget-header h5 small, .widget-header h6 small {
  display: block;
  color: #999;
  font-weight: 400;
  font-size: 13px
}

@media screen and (min-width:768px) {
  .widget-header h1 small, .widget-header h2 small, .widget-header h3 small, .widget-header h4 small, .widget-header h5 small, .widget-header h6 small {
    font-size: 13px
  }
}

.widget-item {
  border-top: 1px solid #ddd;
  margin-top: 20px;
  padding-top: 20px
}

@media only screen and (min-width:768px) {
  .widget-item {
    margin-top: 40px;
    padding-top: 40px
  }
}

@media only screen and (min-width:768px) {
  .widget-mailmagazine, .widget-facebook {
    border-top: none;
    margin-top: 0;
    padding-top: 0
  }
}

.widget-contact-method {
  padding-left: 0;
  list-style: none;
  font-size: 18px
}

@media screen and (min-width:768px) {
  .widget-contact-method {
    font-size: 18px
  }
}

.widget-application .widget-application-poster img {
  width: 100%;
  height: auto
}

.widget-application .baloon {
  margin-bottom: 15px;
  width: 100%;
  padding: 20px;
  background: #f00;
  border-radius: 20px;
  position: relative;
  color: #fff;
  margin-bottom: 20px;
  text-align: center
}

.widget-application .baloon>strong {
  display: block;
  font-size: 180%
}

.widget-application .baloon:after {
  border-width: 15px 0 0 15px;
  right: 30px;
  left: auto
}

.widget-application .baloon:after {
  content: '';
  border-style: solid;
  border-bottom-color: transparent;
  border-left-color: transparent;
  border-top-color: #f00;
  border-right-color: transparent;
  width: 0;
  height: 0;
  display: block;
  position: absolute;
  bottom: -15px
}

.widget-application .widget-application-body {
  margin-top: -40px
}

.widget-application .widget-application-buttons>ul {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0
}

.widget-application .widget-application-buttons>ul>li {
  margin-bottom: 10px
}

.widget-application .widget-application-buttons>ul>li:last-child {
  margin-bottom: 0
}

.widget-application .widget-application-buttons>ul>li .btn {
  box-shadow: rgba(0, 0, 0, .2) 0 2px 0;
  white-space: nowrap;
  padding-left: 1.2em;
  padding-right: 1.2em
}

.widget-application .widget-application-buttons>ul>li .btn .icon {
  right: .3em
}

@media only screen and (min-width:768px) {
  .widget-application .widget-application-poster {
    display: none
  }
  .widget-application .widget-application-body {
    position: relative;
    margin-top: 120px;
    margin-bottom: -40px;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    background: rgba(0, 0, 0, .35)
  }
  .widget-application .baloon {
    margin-bottom: 25px;
    width: 210px;
    padding: 20px;
    background: #f00;
    border-radius: 20px;
    position: relative;
    color: #fff;
    position: absolute;
    top: -110px;
    left: 60px
  }
  .widget-application .baloon>strong {
    display: block;
    font-size: 180%
  }
  .widget-application .baloon:after {
    border-width: 25px 0 0 25px;
    right: 50px;
    left: auto
  }
  .widget-application .baloon:after {
    content: '';
    border-style: solid;
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-top-color: #f00;
    border-right-color: transparent;
    width: 0;
    height: 0;
    display: block;
    position: absolute;
    bottom: -25px
  }
  .widget-application .widget-application-buttons {
    padding: 20px 0;
    overflow: hidden
  }
  .widget-application .widget-application-buttons ul, .widget-application .widget-application-buttons li {
    float: left;
    position: relative
  }
  .widget-application .widget-application-buttons ul {
    left: 50%
  }
  .widget-application .widget-application-buttons li {
    right: 50%
  }
  .widget-application .widget-application-buttons>ul {
    margin-bottom: 0
  }
  .widget-application .widget-application-buttons>ul>li {
    width: 320px;
    margin: 0 0 0 20px
  }
  .widget-application .widget-application-buttons>ul>li:first-child {
    margin-left: 0
  }
}

@media only screen and (max-width:767px) {
  .widget-facebook-button {
    margin-top: 0
  }
}

@media only screen and (min-width:768px) {
  .widget-facebook-button {
    display: none
  }
}

@media only screen and (max-width:767px) {
  .widget-facebook {
    display: none
  }
}

.widget-topics {
  margin-bottom: 20px;
  padding: 20px;
  background: rgba(255, 176, 24, .85)
}

@media only screen and (max-width:767px) {
  .widget-topics {
    background: #ffb018
  }
}

.widget-topics .widget-topics-title {
  width: 50px;
  float: left;
  color: #fff
}

.widget-topics .widget-topics-list {
  list-style: none;
  padding: 0;
  margin: 0 0 0 70px
}

.widget-topics .widget-topics-list>li {
  margin-bottom: .25em
}

.widget-topics .widget-topics-list>li:last-child {
  margin-bottom: 0
}

.widget-topics .widget-topics-list>li .date {
  display: block;
  font-weight: 700;
  color: inherit
}

.widget-topics .widget-topics-list>li a {
  text-decoration: underline
}

.widget-topics .widget-topics-list>li a:hover {
  text-decoration: none;
  color: inherit
}

@media only screen and (min-width:768px) {
  .widget-topics {
    margin-bottom: 40px
  }
  .widget-topics .widget-topics-title {
    width: 120px
  }
  .widget-topics .widget-topics-list {
    margin: 0 0 0 140px
  }
  .widget-topics .widget-topics-list>li .date {
    display: inline-block;
    width: 10em
  }
}

.hero .widget-topics {
  margin-bottom: 0
}

@media only screen and (max-width:767px) {
  .hero .widget-topics {
    margin-left: -20px;
    margin-right: -20px
  }
}

header[role=banner] {
  position: relative;
  z-index: 10;
  background: #fff;
  box-shadow: rgba(0, 0, 0, .1) 0 5px 10px
}

header[role=banner]>.isolate>.container, .header-secondary-inner header[role=banner]>.isolate>.nav-primary {
  position: relative
}

header[role=banner]+* {
  margin-top: 0
}

@media only screen and (max-width:767px) {
  header[role=banner] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10
  }
  header[role=banner]+* {
    margin-top: 60px
  }
}

#header-toggle {
  display: block;
  width: 32px;
  height: 36px;
  position: absolute;
  top: 13px;
  right: 0;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  background: transparent url(/assets/images/main/icon-menu-collapsed.png) 0 0 no-repeat
}

@media only screen and (min-width:768px) {
  #header-toggle {
    display: none
  }
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min-resolution:192dpi) {
  #header-toggle {
    background-image: url(/assets/images/main/icon-menu-collapsed@2x.png);
    background-size: 32px 36px
  }
}

#header-toggle.is-active {
  height: 37px;
  background: transparent url(/assets/images/main/icon-menu-expanded.png) 0 0 no-repeat
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min-resolution:192dpi) {
  #header-toggle.is-active {
    background-image: url(/assets/images/main/icon-menu-expanded@2x.png);
    background-size: 32px 37px
  }
}

@media only screen and (max-width:767px) {
  .header-primary {
    padding: 15px 0
  }
  .header-primary .brand {
    display: none
  }
}

@media only screen and (min-width:768px) {
  .header-primary {
    margin-top: 15px
  }
  .header-primary .brand-sm {
    display: none
  }
}

.nav-primary .brand-sm {
  display: none
}

.nav-secondary {
  overflow: hidden
}

.nav-secondary a {
  width: 108px
}

@media only screen and (max-width:767px) {
  .nav-secondary {
    margin: 0 10px
  }
  .nav-secondary>a {
    float: left
  }
  .nav-secondary>ul {
    float: right
  }
}

@media only screen and (min-width:768px) {
  .nav-secondary {
    position: absolute;
    top: 25px;
    right: 0
  }
  .nav-secondary>a, .nav-secondary>ul {
    float: left;
    margin-left: 10px
  }
}

.header-secondary {
  background: #fff
}

@media only screen and (max-width:767px) {
  .header-secondary {
    display: none;
    position: absolute;
    top: 60px;
    right: -20px
  }
}

@media only screen and (min-width:768px) {
  .header-secondary-inner {
    padding: 15px 0
  }
}

.header-secondary.is-stucked {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10;
  box-shadow: rgba(0, 0, 0, .1) 0 5px 10px
}

@media only screen and (min-width:768px) {
  .header-secondary.is-stucked .header-secondary-inner {
    padding-left: 20px;
    padding-right: 20px
  }
}

@media only screen and (min-width:768px) {
  .header-secondary.is-stucked .nav-primary {
    position: relative
  }
  .header-secondary.is-stucked .nav-primary .brand-sm {
    display: block;
    width: 32px;
    height: 30px;
    position: absolute;
    top: 3px;
    left: 0;
    z-index: 1;
    overflow-x: hidden
  }
  .header-secondary.is-stucked .nav-primary .brand-sm>img {
    max-width: 235px
  }
  .header-secondary.is-stucked .nav-primary .menu-primary {
    margin-left: 52px
  }
  .header-secondary.is-stucked .nav-primary .menu-primary>li {
    font-size: 13px
  }
}

@media only screen and (min-width:768px) and (min-width:768px) {
  .header-secondary.is-stucked .nav-primary .menu-primary>li {
    font-size: 13px
  }
}

@media only screen and (min-width:768px) {
  .header-secondary.is-stucked .nav-primary .menu-primary>li:first-child>a {
    border-left: 1px solid #ddd
  }
  .header-secondary.is-stucked .nav-primary .menu-primary>li:last-child>a {
    border-right: 1px solid #ddd
  }
}

.header-secondary.is-stucked .nav-secondary {
  display: none
}

@media only screen and (max-width:767px) {
  .menu-primary {
    width: 240px;
    border-top: 1px solid #ddd
  }
  .menu-primary>li {
    border-bottom: 1px solid #ddd;
    margin: 0 10px
  }
  .menu-primary>li>a {
    display: block;
    padding: 10px 0
  }
}

@media only screen and (min-width:768px) {
  .menu-primary {
    position: relative;
    z-index: 2;
    background: #fff;
    transition: margin-left .1s cubic-bezier(.77, 0, .175, 1);
    margin-bottom: 0;
    font-size: 16px
  }
  .menu-primary:before, .menu-primary:after {
    content: " ";
    display: table
  }
  .menu-primary:after {
    clear: both
  }
  .menu-primary {
    *zoom: 1
  }
}

@media only screen and (min-width:768px) and (min-width:768px) {
  .menu-primary {
    font-size: 16px
  }
}

@media only screen and (min-width:768px) {
  .menu-primary>li {
    float: left
  }
  .menu-primary>li.li-overview {
    width: 20%
  }
  .menu-primary>li.li-news {
    width: 12%
  }
  .menu-primary>li.li-voice {
    width: 19%
  }
  .menu-primary>li.li-movie {
    width: 14%
  }
  .menu-primary>li.li-faq {
    width: 10%
  }
  .menu-primary>li.li-guideline {
    width: 12%
  }
  .menu-primary>li.li-orientation {
    width: 12%
  }
  .menu-primary>li:first-child>a {
    border-left: none
  }
  .menu-primary>li.is-active>a>span:before {
    width: 100%;
    left: 0
  }
  .menu-primary>li.is-active>a>span:after {
    content: '';
    position: absolute;
    bottom: -1em;
    left: 50%;
    margin-left: -6px;
    border-top: solid 6px #ffb018;
    border-left: solid 6px transparent;
    border-right: solid 6px transparent
  }
  .menu-primary>li>a {
    color: #000;
    border-left: 1px solid #ddd;
    display: block;
    text-align: center;
    font-weight: 700;
    padding: .5em 0;
    line-height: 20px
  }
  .menu-primary>li>a>span {
    display: inline-block;
    position: relative;
    white-space: nowrap
  }
  .menu-primary>li>a>span:before {
    transition: all .1s cubic-bezier(.77, 0, .175, 1);
    content: '';
    width: 0;
    height: 3px;
    position: absolute;
    left: 50%;
    bottom: -.6em;
    background: #ffb018
  }
  .menu-primary>li>a:hover {
    color: #000
  }
  .menu-primary>li>a:hover>span:before {
    width: 100%;
    left: 0
  }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
  .menu-primary {
    font-size: 14px
  }
}

@media only screen and (min-width:768px) and (max-width:1024px) and (min-width:768px) {
  .menu-primary {
    font-size: 14px
  }
}

.menu-language {
  font-size: 0;
  list-style: none;
  padding-left: 0
}

.menu-language>li {
  font-size: 14px;
  display: inline-block;
  margin-right: 5px
}

.menu-language>li:last-child {
  margin-right: 0
}

.menu-language>li.is-active a, .menu-language>li:hover a {
  background: #000;
  color: #fff
}

.menu-language>li a {
  transition: all .1s cubic-bezier(.77, 0, .175, 1);
  font-size: 10px;
  font-weight: 700;
  text-align: center;
  display: block;
  width: 26px;
  height: 26px;
  line-height: 24px;
  border-radius: 50%;
  border: 1px solid #000
}

@media screen and (min-width:768px) {
  .menu-language>li a {
    font-size: 10px
  }
}

aside[role=complementary], footer[role=contentinfo] {
  position: relative;
  z-index: 1
}

aside[role=complementary] {
  background: #fff
}

.menu-anchor-horizontal {
  font-weight: 700;
  font-size: 0;
  list-style: none;
  padding-left: 0
}

.menu-anchor-horizontal>li {
  font-size: 14px;
  display: inline-block;
  margin-right: 10px
}

.menu-anchor-horizontal>li:last-child {
  margin-right: 0
}

@media only screen and (min-width:768px) {
  .menu-anchor-horizontal {
    font-size: 0;
    list-style: none;
    padding-left: 0
  }
  .menu-anchor-horizontal>li {
    font-size: 14px;
    display: inline-block;
    margin-right: 20px
  }
  .menu-anchor-horizontal>li:last-child {
    margin-right: 0
  }
}

.menu-anchor-horizontal a:hover {
  color: #ffb018
}

.menu-anchor-horizontal .icon {
  color: #ffb018
}

header[role=banner].header-en {
  position: relative;
  box-shadow: none;
  margin-bottom: 20px
}

@media only screen and (min-width:768px) {
  header[role=banner].header-en {
    margin-bottom: 40px
  }
}

header[role=banner].header-en+* {
  margin-top: 0
}

.header-primary-en {
  position: absolute;
  top: 0;
  left: 50%;
  width: 0;
  height: 0;
  border-color: #fff transparent transparent;
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="10" /><feOffset dx="1" dy="6" result="offsetblur" /><feFlood flood-color="rgba(0,0,0,.1)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
  -webkit-filter: drop-shadow(0 5px 10px rgba(0, 0, 0, .1));
  filter: drop-shadow(0 5px 10px rgba(0, 0, 0, .1));
  z-index: 2
}

@media only screen and (max-width:767px) {
  .header-primary-en {
    margin-left: -790px;
    border-width: 90px 790px 0
  }
}

@media only screen and (min-width:768px) {
  .header-primary-en {
    margin-left: -1492px;
    border-width: 170px 1492px 0
  }
}

.header-secondary-en {
  position: absolute;
  width: 100%;
  z-index: 3
}

@media only screen and (min-width:768px) {
  .header-secondary-en {
    position: relative;
    text-align: center
  }
  .header-secondary-en .container, .header-secondary-en .header-secondary-inner .nav-primary, .header-secondary-inner .header-secondary-en .nav-primary {
    position: relative
  }
}

.header-secondary-en .brand {
  display: block
}

@media only screen and (max-width:767px) {
  .header-secondary-en .brand {
    max-width: 215px;
    margin-left: 20px;
    margin-top: 25px
  }
}

@media only screen and (min-width:768px) {
  .header-secondary-en .brand {
    margin-top: 40px
  }
}

.header-secondary-en .menu-language-en {
  position: absolute;
  top: 0;
  right: 20px
}

@media only screen and (min-width:768px) {
  .header-secondary-en .menu-language-en {
    top: 20px;
    right: 0
  }
}

.header-tertiary-en {
  height: 250px;
  overflow: hidden;
  background: #ece9e2
}

@media only screen and (min-width:768px) {
  .header-tertiary-en {
    margin-top: -108px;
    height: 540px
  }
}

.header-tertiary-en img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-60%, -50%);
  max-width: 2200px;
  max-height: 250px
}

@media only screen and (min-width:768px) {
  .header-tertiary-en img {
    max-height: 540px;
    transform: translate(-50%, -50%)
  }
}

.menu-language-en {
  list-style: none;
  padding-left: 0
}

.menu-language-en>li.is-active a, .menu-language-en>li:hover a {
  background: #000;
  color: #fff
}

.menu-language-en>li a {
  transition: all .1s cubic-bezier(.77, 0, .175, 1);
  font-weight: 700;
  text-align: center;
  display: block;
  background: #eee;
  padding: .5em 1em;
  color: #333;
  text-decoration: none
}

@media only screen and (min-width:768px) {
  .menu-language-en {
    font-size: 0;
    list-style: none;
    padding-left: 0
  }
  .menu-language-en>li {
    font-size: 14px;
    display: inline-block;
    margin-right: 5px
  }
  .menu-language-en>li:last-child {
    margin-right: 0
  }
  .menu-language-en>li a {
    font-size: 10px;
    width: 26px;
    height: 26px;
    line-height: 24px;
    border-radius: 50%;
    border: 1px solid #000;
    background: transparent;
    padding: 0
  }
}

@media only screen and (min-width:768px) and (min-width:768px) {
  .menu-language-en>li a {
    font-size: 10px
  }
}

.hero {
  position: relative
}

@media only screen and (max-width:767px) {
  .hero {
    overflow: hidden
  }
}

.hero-bg {
  display: none
}

@media only screen and (min-width:768px) {
  .hero-bg {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 700px;
    z-index: 2;
    background: url(/assets/images/partners/bg-hero-overlay.png) repeat-x 0 100%
  }
}

.hero-map-topics {
  position: relative;
  z-index: 4;
  bottom: 60px
}

@media only screen and (max-width:767px) {
  .hero-map-topics {
    bottom: 0
  }
}

.hero-map-outer {
  position: relative;
  background: rgba(255, 255, 255, .5) url(/assets/images/partners/bg-map@2x.png) no-repeat 50% 50%/cover
}

@media only screen and (max-width:767px) {
  .hero-map-outer {
    display: none
  }
}

.hero-map {
  position: relative;
  overflow: hidden;
  z-index: 1;
  height: 540px
}

.hero-map-caution {
  position: absolute;
  bottom: 15px;
  left: 30px;
  font-size: 12px;
  text-align: right
}

@media screen and (min-width:768px) {
  .hero-map-caution {
    font-size: 12px
  }
}

.hero-map-title {
  background: url(/assets/images/partners/bg-map-title.png);
  box-shadow: rgba(0, 0, 0, .2) 0 2px 2px;
  position: absolute;
  padding: 0 20px;
  text-align: center;
  top: 40px
}

.hero-map-title>h2 {
  margin: 0;
  padding: .5em 0;
  font-size: 20px
}

.hero-map-title>h2>small {
  line-height: 20px;
  height: 20px;
  display: inline-block;
  margin-right: .3em;
  vertical-align: middle
}

.hero-map-title>h2>.icon-flag {
  margin-right: .5em;
  color: #e2001d
}

.hero-poster {
  position: absolute;
  z-index: 1
}

.hero-poster>img {
  width: 100%;
  height: auto
}

.hero-item {
  position: relative;
  z-index: 5;
  height: 180px
}

@media only screen and (min-width:768px) {
  .hero-item {
    top: 30px;
    height: 440px;
    z-index: 3
  }
}

.hero-item .hero-summary {
  position: relative;
  height: 180px
}

@media only screen and (min-width:768px) {
  .hero-item .hero-summary {
    height: 310px
  }
}

.hero-item .hero-baloon {
  position: absolute;
  bottom: -30px;
  right: 0
}

@media only screen and (min-width:768px) {
  .hero-item .hero-baloon {
    bottom: auto;
    top: 20px
  }
}

.hero-item .hero-baloon .baloon {
  transition: all .1s cubic-bezier(.25, .25, .75, .75);
  display: block;
  margin-bottom: 15px;
  width: 100px;
  padding: 10px;
  background: #f00;
  border-radius: 10px;
  position: relative;
  color: #fff;
  font-size: 10px
}

.hero-item .hero-baloon .baloon>strong {
  display: block;
  font-size: 180%
}

.hero-item .hero-baloon .baloon:after {
  border-width: 15px 15px 0 0;
  left: 30px;
  right: auto
}

.hero-item .hero-baloon .baloon:after {
  content: '';
  border-style: solid;
  border-bottom-color: transparent;
  border-left-color: transparent;
  border-top-color: #f00;
  border-right-color: transparent;
  width: 0;
  height: 0;
  display: block;
  position: absolute;
  bottom: -15px
}

@media screen and (min-width:768px) {
  .hero-item .hero-baloon .baloon {
    font-size: 10px
  }
}

.hero-item .hero-baloon .baloon strong {
  font-size: 140%
}

.hero-item .hero-baloon .baloon:hover {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  background: #e60000
}

.hero-item .hero-baloon .baloon:hover:after {
  border-top-color: #e60000
}

@media only screen and (min-width:768px) {
  .hero-item .hero-baloon .baloon {
    margin-bottom: 15px;
    width: 180px;
    padding: 20px;
    background: #f00;
    border-radius: 20px;
    position: relative;
    color: #fff;
    font-size: 14px
  }
  .hero-item .hero-baloon .baloon>strong {
    display: block;
    font-size: 180%
  }
  .hero-item .hero-baloon .baloon:after {
    border-width: 15px 15px 0 0;
    left: 30px;
    right: auto
  }
  .hero-item .hero-baloon .baloon:after {
    content: '';
    border-style: solid;
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-top-color: #f00;
    border-right-color: transparent;
    width: 0;
    height: 0;
    display: block;
    position: absolute;
    bottom: -15px
  }
}

@media only screen and (min-width:768px) and (min-width:768px) {
  .hero-item .hero-baloon .baloon {
    font-size: 14px
  }
}

.hero-item .hero-title {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
  font-size: 24px;
  font-weight: 700;
  margin: 0;
  color: #fff;
  text-shadow: rgba(0, 0, 0, .9) 0 0 20px
}

@media only screen and (min-width:768px) {
  .hero-item .hero-title {
    font-size: 60px
  }
}

.hero-item .hero-title span {
  display: block
}

@keyframes heroZoomOut {
  0% {
    transform: scale(1)
  }
  100% {
    transform: scale(1.2)
  }
}

.map-bubble {
  position: relative;
  background: #fff;
  padding: .5em;
  color: #ffb018;
  border-radius: 4px;
  font-weight: 700
}

.map-bubble:after {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-width: 0 10px 10px 0;
  border-color: transparent #FFF transparent transparent
}

.bubble-sg {
  position: absolute;
  top: 317px;
  left: 425px;
  z-index: 10;
  transform: scaleY(0);
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

.bubble-sg:after {
  left: 7%
}

.animate .bubble-sg {
  transition-duration: .5s;
  transition-delay: .1s;
  transform: scaleY(1);
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  transition-timing-function: cubic-bezier(.77, 0, .175, 1)
}

.bubble-th {
  position: absolute;
  top: 169px;
  left: 360px;
  z-index: 10;
  transform: scaleY(0);
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

.animate .bubble-th {
  transition-duration: .5s;
  transition-delay: .2s;
  transform: scaleY(1);
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  transition-timing-function: cubic-bezier(.77, 0, .175, 1)
}

.bubble-mm {
  position: absolute;
  top: 94px;
  left: 280px;
  z-index: 10;
  transform: scaleY(0);
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

.animate .bubble-mm {
  transition-duration: .5s;
  transition-delay: .3s;
  transform: scaleY(1);
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  transition-timing-function: cubic-bezier(.77, 0, .175, 1)
}

.bubble-id {
  position: absolute;
  top: 424px;
  left: 452px;
  z-index: 10;
  transform: scaleY(0);
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

.animate .bubble-id {
  transition-duration: .5s;
  transition-delay: .4s;
  transform: scaleY(1);
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  transition-timing-function: cubic-bezier(.77, 0, .175, 1)
}

.bubble-ph {
  position: absolute;
  top: 150px;
  left: 577px;
  z-index: 10;
  transform: scaleY(0);
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

.animate .bubble-ph {
  transition-duration: .5s;
  transition-delay: .5s;
  transform: scaleY(1);
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  transition-timing-function: cubic-bezier(.77, 0, .175, 1)
}

.bubble-vn {
  position: absolute;
  top: 59px;
  left: 403px;
  z-index: 10;
  transform: scaleY(0);
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

.animate .bubble-vn {
  transition-duration: .5s;
  transition-delay: .6s;
  transform: scaleY(1);
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  transition-timing-function: cubic-bezier(.77, 0, .175, 1)
}

.bubble-my {
  position: absolute;
  top: 283px;
  left: 367px;
  z-index: 10;
  transform: scaleY(0);
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

.animate .bubble-my {
  transition-duration: .5s;
  transition-delay: .7s;
  transform: scaleY(1);
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  transition-timing-function: cubic-bezier(.77, 0, .175, 1)
}

.bubble-bn {
  position: absolute;
  top: 283px;
  left: 530px;
  z-index: 10;
  transform: scaleY(0);
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

.animate .bubble-bn {
  transition-duration: .5s;
  transition-delay: .8s;
  transform: scaleY(1);
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  transition-timing-function: cubic-bezier(.77, 0, .175, 1)
}

.bubble-la {
  position: absolute;
  top: 110px;
  left: 374px;
  z-index: 10;
  transform: scaleY(0);
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

.animate .bubble-la {
  transition-duration: .5s;
  transition-delay: .9s;
  transform: scaleY(1);
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  transition-timing-function: cubic-bezier(.77, 0, .175, 1)
}

.bubble-kh {
  position: absolute;
  top: 195px;
  left: 404px;
  z-index: 10;
  transform: scaleY(0);
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

.animate .bubble-kh {
  transition-duration: .5s;
  transition-delay: 1s;
  transform: scaleY(1);
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  transition-timing-function: cubic-bezier(.77, 0, .175, 1)
}

.bubble-tw {
  position: absolute;
  top: 49px;
  left: 595px;
  z-index: 10;
  transform: scaleY(0);
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

.animate .bubble-tw {
  transition-duration: .5s;
  transition-delay: 1.1s;
  transform: scaleY(1);
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  transition-timing-function: cubic-bezier(.77, 0, .175, 1)
}

.map-baloon {
  position: absolute;
  width: 60px;
  height: 60px;
  background: #4d3d2e;
  color: #fff;
  text-align: center;
  margin: 10px;
  border-radius: 50%;
  line-height: 1.4;
  z-index: 20
}

.map-baloon.status-2 {
  width: 85px;
  height: 85px
}

.map-baloon>.map-baloon-inner {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  transform: translate(0, -50%);
  padding-top: 2em
}

.map-baloon>.map-baloon-inner>h3 {
  font-size: 12px;
  line-height: 1.2;
  margin: 0
}

.map-baloon>.map-baloon-inner>p {
  margin: 0;
  line-height: 1
}

.map-baloon>.map-baloon-inner>p em {
  font-size: 10px;
  font-style: normal
}

.map-baloon>.map-baloon-inner>p i {
  position: relative;
  bottom: 5px;
  font-style: normal;
  font-size: 20px
}

.map-baloon>.map-baloon-inner>p strong {
  font-size: 30px;
  letter-spacing: -1px
}

.map-baloon>.map-baloon-inner>span {
  font-size: 12px;
  display: block;
  margin: .2em 0 0
}

.map-baloon>.map-baloon-inner>a {
  position: relative;
  z-index: 4;
  margin: .5em 0 0;
  white-space: nowrap;
  margin-left: -20px
}

.map-baloon.status-2>.map-baloon-inner {
  padding-top: 0
}

.country-sg {
  display: none;
  top: 335px;
  left: 333px
}

.country-sg .map-baloon-arrow {
  position: absolute;
  top: 42px;
  left: 42px;
  margin-left: -42px;
  transform: rotate(135deg);
  background: blue;
  width: 85px;
  z-index: -1
}

.country-sg .map-baloon-arrow:before {
  content: '';
  position: absolute;
  top: -10px;
  left: -5px;
  width: 20px;
  height: 20px;
  background: #4d3d2e;
  transform: rotate(45deg);
  z-index: -1
}

.country-sg.status-1 {
  top: calc(335px + 11px);
  left: calc(333px + 22px)
}

.country-sg.status-1 .map-baloon-arrow {
  top: 30px;
  left: 30px;
  margin-left: -30px;
  width: 60px
}

.animate .country-sg {
  display: block;
  animation-name: bounceIn;
  animation-duration: .5s;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(.25, .25, .75, .75);
  animation-delay: 1.6s
}

.country-th {
  display: none;
  top: 166px;
  left: 256px
}

.country-th .map-baloon-arrow {
  position: absolute;
  top: 42px;
  left: 42px;
  margin-left: -42px;
  transform: rotate(153deg);
  background: blue;
  width: 85px;
  z-index: -1
}

.country-th .map-baloon-arrow:before {
  content: '';
  position: absolute;
  top: -10px;
  left: -5px;
  width: 20px;
  height: 20px;
  background: #4d3d2e;
  transform: rotate(45deg);
  z-index: -1
}

.country-th.status-1 {
  top: calc(166px + 11px);
  left: calc(256px + 22px)
}

.country-th.status-1 .map-baloon-arrow {
  top: 30px;
  left: 30px;
  margin-left: -30px;
  width: 60px
}

.animate .country-th {
  display: block;
  animation-name: bounceIn;
  animation-duration: .5s;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(.25, .25, .75, .75);
  animation-delay: 1.7s
}

.country-mm {
  display: none;
  top: 76px;
  left: 170px
}

.country-mm .map-baloon-arrow {
  position: absolute;
  top: 42px;
  left: 42px;
  margin-left: -42px;
  transform: rotate(160deg);
  background: blue;
  width: 85px;
  z-index: -1
}

.country-mm .map-baloon-arrow:before {
  content: '';
  position: absolute;
  top: -10px;
  left: -5px;
  width: 20px;
  height: 20px;
  background: #4d3d2e;
  transform: rotate(45deg);
  z-index: -1
}

.country-mm.status-1 {
  top: calc(76px + 11px);
  left: calc(170px + 22px)
}

.country-mm.status-1 .map-baloon-arrow {
  top: 30px;
  left: 30px;
  margin-left: -30px;
  width: 60px
}

.animate .country-mm {
  display: block;
  animation-name: bounceIn;
  animation-duration: .5s;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(.25, .25, .75, .75);
  animation-delay: 1.8s
}

.country-id {
  display: none;
  top: 390px;
  left: 554px
}

.country-id .map-baloon-arrow {
  position: absolute;
  top: 42px;
  left: 42px;
  margin-left: -42px;
  transform: rotate(0deg);
  background: blue;
  width: 85px;
  z-index: -1
}

.country-id .map-baloon-arrow:before {
  content: '';
  position: absolute;
  top: -10px;
  left: -5px;
  width: 20px;
  height: 20px;
  background: #4d3d2e;
  transform: rotate(45deg);
  z-index: -1
}

.country-id.status-1 {
  left: calc(554px + 5px)
}

.country-id.status-1 .map-baloon-arrow {
  top: 30px;
  left: 30px;
  margin-left: -30px;
  width: 60px
}

.animate .country-id {
  display: block;
  animation-name: bounceIn;
  animation-duration: .5s;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(.25, .25, .75, .75);
  animation-delay: 1.9s
}

.country-ph {
  display: none;
  top: 115px;
  left: 669px
}

.country-ph .map-baloon-arrow {
  position: absolute;
  top: 42px;
  left: 42px;
  margin-left: -42px;
  transform: rotate(0deg);
  background: blue;
  width: 85px;
  z-index: -1
}

.country-ph .map-baloon-arrow:before {
  content: '';
  position: absolute;
  top: -10px;
  left: -5px;
  width: 20px;
  height: 20px;
  background: #4d3d2e;
  transform: rotate(45deg);
  z-index: -1
}

.country-ph.status-1 {
  left: calc(669px + 5px)
}

.country-ph.status-1 .map-baloon-arrow {
  top: 30px;
  left: 30px;
  margin-left: -30px;
  width: 60px
}

.animate .country-ph {
  display: block;
  animation-name: bounceIn;
  animation-duration: .5s;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(.25, .25, .75, .75);
  animation-delay: 2s
}

.country-vn {
  display: none;
  top: 12px;
  left: 484px
}

.country-vn .map-baloon-arrow {
  position: absolute;
  top: 42px;
  left: 42px;
  margin-left: -42px;
  transform: rotate(-21deg);
  background: blue;
  width: 85px;
  z-index: -1
}

.country-vn .map-baloon-arrow:before {
  content: '';
  position: absolute;
  top: -10px;
  left: -5px;
  width: 20px;
  height: 20px;
  background: #4d3d2e;
  transform: rotate(45deg);
  z-index: -1
}

.country-vn.status-1 {
  left: calc(484px + 5px)
}

.country-vn.status-1 .map-baloon-arrow {
  top: 30px;
  left: 30px;
  margin-left: -30px;
  width: 60px
}

.animate .country-vn {
  display: block;
  animation-name: bounceIn;
  animation-duration: .5s;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(.25, .25, .75, .75);
  animation-delay: 2.1s
}

.country-my {
  display: none;
  top: 249px;
  left: 256px
}

.country-my .map-baloon-arrow {
  position: absolute;
  top: 42px;
  left: 42px;
  margin-left: -42px;
  transform: rotate(180deg);
  background: blue;
  width: 85px;
  z-index: -1
}

.country-my .map-baloon-arrow:before {
  content: '';
  position: absolute;
  top: -10px;
  left: -5px;
  width: 20px;
  height: 20px;
  background: #4d3d2e;
  transform: rotate(45deg);
  z-index: -1
}

.country-my.status-1 {
  top: calc(249px + 11px);
  left: calc(256px + 22px)
}

.country-my.status-1 .map-baloon-arrow {
  top: 30px;
  left: 30px;
  margin-left: -30px;
  width: 60px
}

.animate .country-my {
  display: block;
  animation-name: bounceIn;
  animation-duration: .5s;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(.25, .25, .75, .75);
  animation-delay: 2.2s
}

.country-bn {
  display: none;
  top: 248px;
  left: 603px
}

.country-bn .map-baloon-arrow {
  position: absolute;
  top: 42px;
  left: 42px;
  margin-left: -42px;
  transform: rotate(0deg);
  background: blue;
  width: 85px;
  z-index: -1
}

.country-bn .map-baloon-arrow:before {
  content: '';
  position: absolute;
  top: -10px;
  left: -5px;
  width: 20px;
  height: 20px;
  background: #4d3d2e;
  transform: rotate(45deg);
  z-index: -1
}

.country-bn.status-1 {
  left: calc(603px + 5px)
}

.country-bn.status-1 .map-baloon-arrow {
  top: 30px;
  left: 30px;
  margin-left: -30px;
  width: 60px
}

.animate .country-bn {
  display: block;
  animation-name: bounceIn;
  animation-duration: .5s;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(.25, .25, .75, .75);
  animation-delay: 2.3s
}

.country-la {
  display: none;
  top: 94px;
  left: 437px
}

.country-la .map-baloon-arrow {
  position: absolute;
  top: 42px;
  left: 42px;
  margin-left: -42px;
  transform: rotate(13deg);
  background: blue;
  width: 85px;
  z-index: -1
}

.country-la .map-baloon-arrow:before {
  content: '';
  position: absolute;
  top: -10px;
  left: -5px;
  width: 20px;
  height: 20px;
  background: #4d3d2e;
  transform: rotate(45deg);
  z-index: -1
}

.country-la.status-1 {
  left: calc(437px + 5px)
}

.country-la.status-1 .map-baloon-arrow {
  top: 30px;
  left: 30px;
  margin-left: -30px;
  width: 60px
}

.animate .country-la {
  display: block;
  animation-name: bounceIn;
  animation-duration: .5s;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(.25, .25, .75, .75);
  animation-delay: 2.4s
}

.country-kh {
  display: none;
  top: 183px;
  left: 495px
}

.country-kh .map-baloon-arrow {
  position: absolute;
  top: 42px;
  left: 42px;
  margin-left: -42px;
  transform: rotate(14deg);
  background: blue;
  width: 85px;
  z-index: -1
}

.country-kh .map-baloon-arrow:before {
  content: '';
  position: absolute;
  top: -10px;
  left: -5px;
  width: 20px;
  height: 20px;
  background: #4d3d2e;
  transform: rotate(45deg);
  z-index: -1
}

.country-kh.status-1 {
  left: calc(495px + 5px)
}

.country-kh.status-1 .map-baloon-arrow {
  top: 30px;
  left: 30px;
  margin-left: -30px;
  width: 60px
}

.animate .country-kh {
  display: block;
  animation-name: bounceIn;
  animation-duration: .5s;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(.25, .25, .75, .75);
  animation-delay: 2.5s
}

.country-tw {
  display: none;
  top: 31px;
  left: 648px
}

.country-tw .map-baloon-arrow {
  position: absolute;
  top: 42px;
  left: 42px;
  margin-left: -42px;
  transform: rotate(0deg);
  background: blue;
  width: 85px;
  z-index: -1
}

.country-tw .map-baloon-arrow:before {
  content: '';
  position: absolute;
  top: -10px;
  left: -5px;
  width: 20px;
  height: 20px;
  background: #4d3d2e;
  transform: rotate(45deg);
  z-index: -1
}

.country-tw.status-1 {
  left: calc(648px + 5px)
}

.country-tw.status-1 .map-baloon-arrow {
  top: 30px;
  left: 30px;
  margin-left: -30px;
  width: 60px
}

.animate .country-tw {
  display: block;
  animation-name: bounceIn;
  animation-duration: .5s;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(.25, .25, .75, .75);
  animation-delay: 2.6s
}

.heading-box-blog {
  background: #ffb018;
  padding: 10px
}

.heading-box-blog:before, .heading-box-blog:after {
  content: " ";
  display: table
}

.heading-box-blog:after {
  clear: both
}

.heading-box-blog {
  *zoom: 1
}

@media only screen and (min-width:768px) {
  .heading-box-blog {
    padding: 0;
    position: absolute;
    width: 140px;
    height: 140px;
    border-radius: 50%;
    text-align: center;
    margin: 10px;
    left: -80px;
    top: 0;
    z-index: 1
  }
  .heading-box-blog:before {
    content: '';
    position: absolute;
    width: calc(100% + 20px);
    height: calc(100% + 20px);
    top: -10px;
    left: -10px;
    border-radius: 50%;
    border: 10px solid rgba(255, 255, 255, .5)
  }
}

.heading-box-blog h1, .heading-box-blog h2, .heading-box-blog h3, .heading-box-blog h4 {
  margin: .3em 0 0;
  float: left;
  font-size: 16px
}

@media screen and (min-width:768px) {
  .heading-box-blog h1, .heading-box-blog h2, .heading-box-blog h3, .heading-box-blog h4 {
    font-size: 16px
  }
}

.heading-box-blog h1 small, .heading-box-blog h2 small, .heading-box-blog h3 small, .heading-box-blog h4 small {
  font-size: inherit;
  margin-left: .5em;
  font-weight: 400;
  color: #333
}

.heading-box-blog h1 span, .heading-box-blog h2 span, .heading-box-blog h3 span, .heading-box-blog h4 span {
  margin-right: .5em;
  color: #fff
}

.heading-box-blog .btn {
  float: right
}

@media only screen and (min-width:768px) {
  .heading-box-blog .heading-box-blog-inner {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    transform: translate(0, -50%)
  }
  .heading-box-blog h1, .heading-box-blog h2, .heading-box-blog h3, .heading-box-blog h4 {
    margin: 0;
    float: none
  }
  .heading-box-blog h1 small, .heading-box-blog h1 span, .heading-box-blog h2 small, .heading-box-blog h2 span, .heading-box-blog h3 small, .heading-box-blog h3 span, .heading-box-blog h4 small, .heading-box-blog h4 span {
    display: block;
    margin-bottom: .5em
  }
  .heading-box-blog h1 small, .heading-box-blog h2 small, .heading-box-blog h3 small, .heading-box-blog h4 small {
    margin-top: .3em;
    margin-left: 0;
    font-size: 14px
  }
}

@media only screen and (min-width:768px) and (min-width:768px) {
  .heading-box-blog h1 small, .heading-box-blog h2 small, .heading-box-blog h3 small, .heading-box-blog h4 small {
    font-size: 14px
  }
}

@media only screen and (min-width:768px) {
  .heading-box-blog h1 span, .heading-box-blog h2 span, .heading-box-blog h3 span, .heading-box-blog h4 span {
    margin-right: 0;
    font-size: 13px
  }
}

@media only screen and (min-width:768px) and (min-width:768px) {
  .heading-box-blog h1 span, .heading-box-blog h2 span, .heading-box-blog h3 span, .heading-box-blog h4 span {
    font-size: 13px
  }
}

@media only screen and (min-width:768px) {
  .heading-box-blog .btn {
    float: none
  }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
  .heading-box-blog {
    position: relative;
    width: 400px;
    height: 40px;
    border-radius: 20px;
    text-align: center;
    margin: 0 auto 40px;
    padding: 0;
    left: auto;
    top: auto;
    z-index: 1
  }
  .heading-box-blog:before {
    content: '';
    position: absolute;
    width: calc(100% + 10px);
    height: calc(100% + 10px);
    top: -5px;
    left: -5px;
    border-radius: 30px;
    border: 5px solid rgba(255, 255, 255, .5)
  }
  .heading-box-blog .heading-box-blog-inner {
    position: relative;
    left: 10px;
    width: 380px
  }
  .heading-box-blog h1, .heading-box-blog h2, .heading-box-blog h3, .heading-box-blog h4 {
    margin: 0;
    float: none
  }
  .heading-box-blog h1 small, .heading-box-blog h1 span, .heading-box-blog h2 small, .heading-box-blog h2 span, .heading-box-blog h3 small, .heading-box-blog h3 span, .heading-box-blog h4 small, .heading-box-blog h4 span {
    display: inline-block;
    margin: 0 .5em
  }
  .heading-box-blog h1 small, .heading-box-blog h2 small, .heading-box-blog h3 small, .heading-box-blog h4 small {
    font-size: 14px
  }
}

@media only screen and (min-width:768px) and (max-width:1024px) and (min-width:768px) {
  .heading-box-blog h1 small, .heading-box-blog h2 small, .heading-box-blog h3 small, .heading-box-blog h4 small {
    font-size: 14px
  }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
  .heading-box-blog h1 span, .heading-box-blog h2 span, .heading-box-blog h3 span, .heading-box-blog h4 span {
    font-size: 13px
  }
}

@media only screen and (min-width:768px) and (max-width:1024px) and (min-width:768px) {
  .heading-box-blog h1 span, .heading-box-blog h2 span, .heading-box-blog h3 span, .heading-box-blog h4 span {
    font-size: 13px
  }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
  .heading-box-blog .btn {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(0, -50%)
  }
}

.heading-stacked {
  position: relative;
  z-index: 1;
  text-align: center;
  font-size: 20px
}

@media screen and (min-width:768px) {
  .heading-stacked {
    font-size: 20px
  }
}

@media only screen and (min-width:768px) {
  .heading-stacked {
    font-size: 28px
  }
}

@media only screen and (min-width:768px) and (min-width:768px) {
  .heading-stacked {
    font-size: 28px
  }
}

.heading-stacked small {
  display: block;
  margin-bottom: 10px
}

@media only screen and (max-width:767px) {
  .heading-stacked small>img {
    width: auto;
    height: 50px
  }
}

.heading-primary {
  border-left: 4px solid #ffb018;
  padding: 10px 20px;
  background: #f2e0d2;
  font-size: 24px
}

@media screen and (min-width:768px) {
  .heading-primary {
    font-size: 24px
  }
}

.heading-secondary {
  border-bottom: 2px solid #c8ae9b;
  padding-bottom: 10px;
  margin-bottom: 20px
}

.heading-tertiary {
  text-align: center;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  padding: 20px 0;
  margin-bottom: 20px
}

@media only screen and (min-width:768px) {
  .heading-tertiary {
    margin-bottom: 40px
  }
}

.heading-tertiary>h1, .heading-tertiary>h2, .heading-tertiary>h3, .heading-tertiary>h4, .heading-tertiary>h5, .heading-tertiary>h6 {
  font-weight: 400;
  margin-bottom: 0;
  font-size: 24px
}

@media screen and (min-width:768px) {
  .heading-tertiary>h1, .heading-tertiary>h2, .heading-tertiary>h3, .heading-tertiary>h4, .heading-tertiary>h5, .heading-tertiary>h6 {
    font-size: 24px
  }
}

.heading-quaternary {
  background: #ffb018;
  color: #fff;
  font-size: 14px;
  padding: .7em 20px;
  margin-bottom: 0
}

@media screen and (min-width:768px) {
  .heading-quaternary {
    font-size: 14px
  }
}

.panel-vertical {
  margin-left: -10px;
  margin-right: -10px
}

.panel-vertical:before, .panel-vertical:after {
  content: " ";
  display: table
}

.panel-vertical:after {
  clear: both
}

.panel-vertical {
  *zoom: 1
}

.panel-vertical .panel-item {
  width: 50%;
  float: left;
  padding-left: 10px;
  padding-right: 10px
}

@media only screen and (min-width:768px) {
  .panel-vertical {
    margin-left: 0;
    margin-right: 0
  }
  .panel-vertical:before, .panel-vertical:after {
    content: " ";
    display: table
  }
  .panel-vertical:after {
    clear: both
  }
  .panel-vertical {
    *zoom: 1
  }
  .panel-vertical .panel-item {
    width: 33.3333333333%;
    float: left;
    padding-left: 0;
    padding-right: 0
  }
}

.panel-vertical-interview, .panel-rectangle-overview {
  margin-left: -10px;
  margin-right: -10px
}

.panel-vertical-interview:before, .panel-vertical-interview:after, .panel-rectangle-overview:before, .panel-rectangle-overview:after {
  content: " ";
  display: table
}

.panel-vertical-interview:after, .panel-rectangle-overview:after {
  clear: both
}

.panel-vertical-interview, .panel-rectangle-overview {
  *zoom: 1
}

.panel-vertical-interview .panel-item, .panel-rectangle-overview .panel-item {
  width: 100%;
  float: left;
  padding-left: 10px;
  padding-right: 10px
}

@media only screen and (min-width:768px) {
  .panel-vertical-interview, .panel-rectangle-overview {
    margin-left: -10px;
    margin-right: -10px
  }
  .panel-vertical-interview:before, .panel-vertical-interview:after, .panel-rectangle-overview:before, .panel-rectangle-overview:after {
    content: " ";
    display: table
  }
  .panel-vertical-interview:after, .panel-rectangle-overview:after {
    clear: both
  }
  .panel-vertical-interview, .panel-rectangle-overview {
    *zoom: 1
  }
  .panel-vertical-interview .panel-item, .panel-rectangle-overview .panel-item {
    width: 50%;
    float: left;
    padding-left: 10px;
    padding-right: 10px
  }
}

.panel-vertical-blog, .panel-vertical-overview, .panel-vertical-voice {
  margin-left: -10px;
  margin-right: -10px
}

.panel-vertical-blog:before, .panel-vertical-blog:after, .panel-vertical-overview:before, .panel-vertical-overview:after, .panel-vertical-voice:before, .panel-vertical-voice:after {
  content: " ";
  display: table
}

.panel-vertical-blog:after, .panel-vertical-overview:after, .panel-vertical-voice:after {
  clear: both
}

.panel-vertical-blog, .panel-vertical-overview, .panel-vertical-voice {
  *zoom: 1
}

.panel-vertical-blog .panel-item, .panel-vertical-overview .panel-item, .panel-vertical-voice .panel-item {
  width: 100%;
  float: left;
  padding-left: 10px;
  padding-right: 10px
}

@media only screen and (min-width:768px) {
  .panel-vertical-blog, .panel-vertical-overview, .panel-vertical-voice {
    margin-left: -10px;
    margin-right: -10px
  }
  .panel-vertical-blog:before, .panel-vertical-blog:after, .panel-vertical-overview:before, .panel-vertical-overview:after, .panel-vertical-voice:before, .panel-vertical-voice:after {
    content: " ";
    display: table
  }
  .panel-vertical-blog:after, .panel-vertical-overview:after, .panel-vertical-voice:after {
    clear: both
  }
  .panel-vertical-blog, .panel-vertical-overview, .panel-vertical-voice {
    *zoom: 1
  }
  .panel-vertical-blog .panel-item, .panel-vertical-overview .panel-item, .panel-vertical-voice .panel-item {
    width: 33.3333333333%;
    float: left;
    padding-left: 10px;
    padding-right: 10px
  }
}

.panel-horizontal-flow {
  margin-left: -10px;
  margin-right: -10px
}

.panel-horizontal-flow:before, .panel-horizontal-flow:after {
  content: " ";
  display: table
}

.panel-horizontal-flow:after {
  clear: both
}

.panel-horizontal-flow {
  *zoom: 1
}

.panel-horizontal-flow .panel-item {
  width: 100%;
  float: left;
  padding-left: 10px;
  padding-right: 10px
}

@media only screen and (min-width:768px) {
  .panel-horizontal-flow {
    margin-left: -10px;
    margin-right: -10px
  }
  .panel-horizontal-flow:before, .panel-horizontal-flow:after {
    content: " ";
    display: table
  }
  .panel-horizontal-flow:after {
    clear: both
  }
  .panel-horizontal-flow {
    *zoom: 1
  }
  .panel-horizontal-flow .panel-item {
    width: 25%;
    float: left;
    padding-left: 10px;
    padding-right: 10px
  }
}

.panel-item {
  position: relative;
  margin-bottom: 20px
}

.panel-item:before, .panel-item:after {
  content: " ";
  display: table
}

.panel-item:after {
  clear: both
}

.panel-item {
  *zoom: 1
}

.panel-poster {
  position: relative;
  text-align: center
}

.panel-poster .label {
  position: absolute;
  top: 10px;
  right: 10px
}

.panel-vertical-overview .panel-summary {
  position: relative;
  padding: 20px 20px 10px;
  background: #fff url(/assets/images/partners/bg-panel-primary-03a.png) no-repeat 50% 100%
}

.panel-vertical-overview .panel-summary:nth-child(2n) {
  background: #fff url(/assets/images/partners/bg-panel-primary-03b.png) no-repeat 50% 100%
}

.panel-vertical-overview .panel-summary:nth-child(3n) {
  background: #fff url(/assets/images/partners/bg-panel-primary-03c.png) no-repeat 50% 100%
}

.panel-vertical-overview .panel-poster>img {
  width: 100%
}

.panel-vertical-overview .panel-title {
  margin-bottom: 10px
}

.panel-vertical-overview .panel-title>h3, .panel-vertical-overview .panel-title>h4 {
  font-size: 18px
}

@media screen and (min-width:768px) {
  .panel-vertical-overview .panel-title>h3, .panel-vertical-overview .panel-title>h4 {
    font-size: 18px
  }
}

@media only screen and (max-width:767px) {
  .panel-vertical-overview .panel-title>h3, .panel-vertical-overview .panel-title>h4 {
    margin-right: 74px
  }
}

@media only screen and (min-width:768px) {
  .panel-vertical-overview .panel-description p {
    height: 60px;
    overflow: hidden
  }
}

.panel-vertical-overview .panel-icon {
  position: absolute;
  right: 14px;
  top: -6px
}

@media only screen and (min-width:768px) {
  .panel-vertical-overview .panel-icon {
    top: -14px
  }
}

.panel-vertical-overview .panel-icon .icon {
  margin: 0
}

.box-overview .panel-vertical-overview {
  margin-left: -10px;
  margin-right: -10px
}

.box-overview .panel-vertical-overview:before, .box-overview .panel-vertical-overview:after {
  content: " ";
  display: table
}

.box-overview .panel-vertical-overview:after {
  clear: both
}

.box-overview .panel-vertical-overview {
  *zoom: 1
}

.box-overview .panel-vertical-overview .panel-item {
  width: 100%;
  float: left;
  padding-left: 10px;
  padding-right: 10px
}

@media only screen and (min-width:768px) {
  .box-overview .panel-vertical-overview {
    margin-left: 0;
    margin-right: 0
  }
  .box-overview .panel-vertical-overview:before, .box-overview .panel-vertical-overview:after {
    content: " ";
    display: table
  }
  .box-overview .panel-vertical-overview:after {
    clear: both
  }
  .box-overview .panel-vertical-overview {
    *zoom: 1
  }
  .box-overview .panel-vertical-overview .panel-item {
    width: 33.3333333333%;
    float: left;
    padding-left: 0;
    padding-right: 0
  }
}

.box-overview .panel-vertical-overview .panel-summary {
  background: #fcecd6 url(/assets/images/partners/bg-panel-primary-01a.png) no-repeat
}

.box-overview .panel-vertical-overview .panel-summary:nth-child(2n) {
  background: #fcecd6 url(/assets/images/partners/bg-panel-primary-01b.png) no-repeat
}

.box-overview .panel-vertical-overview .panel-summary:nth-child(3n) {
  background: #fcecd6 url(/assets/images/partners/bg-panel-primary-01c.png) no-repeat
}

.panel-vertical-blog {
  position: relative;
  z-index: 2
}

@media only screen and (min-width:768px) {
  .panel-vertical-blog {
    margin-bottom: 0
  }
}

.panel-vertical-blog .panel-item {
  margin-bottom: 0
}

@media only screen and (max-width:767px) {
  .panel-vertical-blog .panel-item {
    height: auto!important
  }
}

@media only screen and (min-width:768px) {
  .panel-vertical-blog .panel-item {
    margin-bottom: 40px
  }
  .panel-vertical-blog .panel-item:nth-child(odd) {
    transform: rotate(-3deg) translate3d(0, 0, 0)
  }
  .panel-vertical-blog .panel-item:nth-child(odd):hover {
    transform: rotate(-6deg) translate3d(0, 0, 0)
  }
  .panel-vertical-blog .panel-item:nth-child(even) {
    transform: rotate(3deg) translate3d(0, 0, 0)
  }
  .panel-vertical-blog .panel-item:nth-child(even):hover {
    transform: rotate(6deg) translate3d(0, 0, 0)
  }
}

.panel-vertical-blog .panel-item>.block-fade>a {
  position: relative;
  padding: 30px 20px 20px
}

.panel-vertical-blog .panel-item>.block-fade>a:before, .panel-vertical-blog .panel-item>.block-fade>a:after {
  content: " ";
  display: table
}

.panel-vertical-blog .panel-item>.block-fade>a:after {
  clear: both
}

.panel-vertical-blog .panel-item>.block-fade>a {
  *zoom: 1
}

.panel-vertical-blog .panel-item>.block-fade>a .icon {
  position: absolute;
  right: 20px;
  bottom: 20px;
  font-size: 16px
}

@media screen and (min-width:768px) {
  .panel-vertical-blog .panel-item>.block-fade>a .icon {
    font-size: 16px
  }
}

@media only screen and (max-width:767px) {
  .panel-vertical-blog .panel-item>.block-fade>a {
    padding: 20px;
    border-bottom: 1px solid #ffdfa3
  }
  .panel-vertical-blog .panel-item>.block-fade>a .icon {
    color: #ffb018
  }
}

@media only screen and (min-width:768px) {
  .panel-vertical-blog .panel-item>.block-fade>a {
    box-shadow: rgba(0, 0, 0, .25) 0 0 30px
  }
  .panel-vertical-blog .panel-item>.block-fade>a .icon {
    color: #e2001d
  }
}

@media only screen and (max-width:767px) {
  .panel-vertical-blog .panel-item:last-child>.block-fade>a {
    border-bottom: none
  }
}

.panel-vertical-blog .panel-tape {
  position: absolute;
  top: -15px;
  left: 50%;
  margin-left: -50px
}

@media only screen and (max-width:767px) {
  .panel-vertical-blog .panel-tape {
    display: none
  }
}

.panel-vertical-blog .panel-poster>img {
  width: 100%;
  height: auto;
  max-height: 210px
}

@media only screen and (max-width:767px) {
  .panel-vertical-blog .panel-poster {
    width: calc(50% - 10px);
    float: left
  }
}

@media only screen and (max-width:767px) {
  .panel-vertical-blog .panel-icon {
    margin-left: 20px;
    float: left
  }
}

@media only screen and (min-width:768px) {
  .panel-vertical-blog .panel-icon {
    font-size: 20px;
    position: absolute;
    top: 16px;
    left: 30px
  }
}

@media only screen and (min-width:768px) and (min-width:768px) {
  .panel-vertical-blog .panel-icon {
    font-size: 20px
  }
}

@media only screen and (max-width:767px) {
  .panel-vertical-blog .panel-nation {
    display: inline-block;
    margin-left: 20px
  }
}

@media only screen and (min-width:768px) {
  .panel-vertical-blog .panel-nation {
    font-size: 12px;
    position: absolute;
    top: 8px;
    right: 20px
  }
}

@media only screen and (min-width:768px) and (min-width:768px) {
  .panel-vertical-blog .panel-nation {
    font-size: 12px
  }
}

@media only screen and (max-width:767px) {
  .panel-vertical-blog .panel-title {
    margin-top: .5em;
    margin-left: calc(50% + 10px)
  }
  .panel-vertical-blog .panel-title dt {
    font-size: 16px;
    margin-bottom: .5em
  }
}

@media only screen and (max-width:767px) and (min-width:768px) {
  .panel-vertical-blog .panel-title dt {
    font-size: 16px
  }
}

@media only screen and (min-width:768px) {
  .panel-vertical-blog .panel-title dl {
    position: relative;
    margin: 20px 0 0;
    padding-right: 0;
    overflow: hidden;
    width: 100%
  }
  .panel-vertical-blog .panel-title dt.js-ellipsis {
    display: block;
    max-height: 40px;
    overflow: hidden
  }
  .panel-vertical-blog .panel-title dd {
    font-size: 13px;
    color: #999
  }
}

@media only screen and (min-width:768px) and (min-width:768px) {
  .panel-vertical-blog .panel-title dd {
    font-size: 13px
  }
}

.panel-vertical-interview .panel-poster>.label {
  font-size: 13px;
  padding: .3em .6em
}

@media screen and (min-width:768px) {
  .panel-vertical-interview .panel-poster>.label {
    font-size: 13px
  }
}

.panel-vertical-interview .panel-summary {
  position: relative;
  padding: 20px;
  background: #fcecd6 url(/assets/images/partners/bg-panel-primary-02a.png) no-repeat
}

.panel-vertical-interview .panel-summary:before, .panel-vertical-interview .panel-summary:after {
  content: " ";
  display: table
}

.panel-vertical-interview .panel-summary:after {
  clear: both
}

.panel-vertical-interview .panel-summary {
  *zoom: 1
}

.panel-vertical-interview .panel-summary:nth-child(2n) {
  background: #fcecd6 url(/assets/images/partners/bg-panel-primary-02b.png) no-repeat
}

.panel-vertical-interview .panel-summary .icon {
  font-size: 18px;
  position: absolute;
  right: 20px;
  bottom: 20px;
  color: #ffb018
}

@media screen and (min-width:768px) {
  .panel-vertical-interview .panel-summary .icon {
    font-size: 18px
  }
}

.panel-vertical-interview .panel-appendix {
  width: 80px;
  float: left
}

@media only screen and (min-width:768px) {
  .panel-vertical-interview .panel-appendix {
    width: 120px
  }
}

.panel-vertical-interview .panel-time {
  margin-bottom: .5em;
  color: #ffb018
}

.panel-vertical-interview .panel-time .date {
  color: #ffb018
}

.panel-vertical-interview .panel-person {
  margin-bottom: 0;
  font-size: 13px
}

@media screen and (min-width:768px) {
  .panel-vertical-interview .panel-person {
    font-size: 13px
  }
}

.panel-vertical-interview .panel-title {
  margin-left: 100px;
  margin-bottom: 10px
}

.panel-vertical-interview .panel-title>h3, .panel-vertical-interview .panel-title>h4 {
  font-size: 18px
}

@media screen and (min-width:768px) {
  .panel-vertical-interview .panel-title>h3, .panel-vertical-interview .panel-title>h4 {
    font-size: 18px
  }
}

@media only screen and (min-width:768px) {
  .panel-vertical-interview .panel-title {
    margin-left: 140px
  }
}

.panel-horizontal-overview .panel-item {
  overflow: hidden;
  border-top: 2px solid #c8ae9b;
  margin-bottom: 0;
  padding: 20px 0
}

.panel-horizontal-overview .panel-item:last-child {
  margin-bottom: 40px;
  border-bottom: 2px solid #c8ae9b
}

@media only screen and (min-width:768px) {
  .panel-horizontal-overview .panel-item {
    padding: 40px 0
  }
  .panel-horizontal-overview .panel-item:last-child {
    margin-bottom: 20px
  }
}

.panel-horizontal-overview .panel-poster {
  margin-bottom: 20px
}

@media only screen and (min-width:768px) {
  .panel-horizontal-overview .panel-poster {
    width: 370px;
    float: right;
    margin-top: -68px;
    margin-bottom: 0
  }
}

.panel-horizontal-overview .panel-title>h3 {
  position: relative;
  min-height: 54px
}

.panel-horizontal-overview .panel-title .baloon-sm {
  margin-bottom: 10px;
  width: 64px;
  padding: 10px;
  background: #ffb018;
  border-radius: 10px;
  position: relative;
  color: #fff;
  position: absolute;
  top: calc(50% - 10px);
  left: 0;
  display: block;
  line-height: 21px;
  transform: translate(0, -50%)
}

.panel-horizontal-overview .panel-title .baloon-sm>strong {
  display: block;
  font-size: 180%
}

.panel-horizontal-overview .panel-title .baloon-sm:after {
  border-width: 10px 0 0 10px;
  right: 20px;
  left: auto
}

.panel-horizontal-overview .panel-title .baloon-sm:after {
  content: '';
  border-style: solid;
  border-bottom-color: transparent;
  border-left-color: transparent;
  border-top-color: #ffb018;
  border-right-color: transparent;
  width: 0;
  height: 0;
  display: block;
  position: absolute;
  bottom: -10px
}

.panel-horizontal-overview .panel-title span {
  margin-left: 79px;
  display: block
}

@media only screen and (min-width:768px) {
  .panel-horizontal-overview .panel-description {
    width: calc(100% - 410px);
    clear: left;
    float: left
  }
}

.panel-horizontal-overview .panel-description ul {
  line-height: 1.8;
  font-size: 16px;
  padding-left: 0;
  list-style: none;
  display: table
}

@media screen and (min-width:768px) {
  .panel-horizontal-overview .panel-description ul {
    font-size: 16px
  }
}

.panel-horizontal-overview .panel-description ul>li {
  display: table-row
}

.panel-horizontal-overview .panel-description ul>li:before {
  content: '•';
  display: table-cell;
  padding-right: .6em;
  padding-left: .4em
}

.panel-rectangle-overview .panel-item-inner {
  position: relative;
  overflow: hidden;
  background: #fff;
  padding: 20px 20px 10px
}

@media only screen and (min-width:768px) {
  .panel-rectangle-overview .panel-item-inner {
    padding: 40px 40px 20px
  }
}

@media only screen and (max-width:767px) {
  .panel-rectangle-overview .panel-title {
    margin-bottom: .75em;
    position: relative;
    margin-left: 64px
  }
  .panel-rectangle-overview .panel-title .icon {
    position: absolute;
    top: 50%;
    left: -64px;
    margin-top: -20px
  }
}

@media only screen and (min-width:768px) {
  .panel-rectangle-overview .panel-title {
    margin-bottom: -.25em
  }
}

.panel-rectangle-overview .panel-description {
  margin-bottom: 20px
}

@media only screen and (min-width:768px) {
  .panel-rectangle-overview .panel-description {
    margin-bottom: 60px
  }
}

@media only screen and (min-width:768px) {
  .panel-rectangle-overview .panel-footer {
    position: absolute;
    bottom: 10px;
    right: 20px
  }
}

.panel-horizontal-application .panel-item {
  overflow: hidden;
  background: #fff;
  padding: 20px 20px 10px
}

@media only screen and (min-width:768px) {
  .panel-horizontal-application .panel-item {
    position: relative;
    min-height: 240px;
    padding: 40px 40px 30px
  }
}

@media only screen and (max-width:767px) {
  .panel-horizontal-application .panel-poster {
    margin-bottom: 20px
  }
  .panel-horizontal-application .panel-poster>img {
    max-width: 160px
  }
}

@media only screen and (min-width:768px) {
  .panel-horizontal-application .panel-poster {
    position: absolute;
    top: 0;
    left: 0;
    width: 240px;
    height: 240px
  }
}

@media only screen and (max-width:767px) {
  .panel-horizontal-application .panel-title {
    text-align: center;
    margin-bottom: 20px
  }
}

@media only screen and (min-width:768px) {
  .panel-horizontal-application .panel-title {
    margin-left: 240px
  }
}

@media only screen and (min-width:768px) {
  .panel-horizontal-application .panel-description {
    margin-left: 240px;
    margin-bottom: 70px
  }
}

@media only screen and (min-width:768px) {
  .panel-horizontal-application .panel-footer {
    position: absolute;
    right: 40px;
    bottom: 30px
  }
}

.panel-horizontal-flow .panel-item:last-child .panel-item-inner:after {
  display: none
}

.panel-horizontal-flow .panel-item-inner {
  background: #fff;
  padding: 20px 20px 10px
}

.panel-horizontal-flow .panel-item-inner:before, .panel-horizontal-flow .panel-item-inner:after {
  content: " ";
  display: table
}

.panel-horizontal-flow .panel-item-inner:after {
  clear: both
}

.panel-horizontal-flow .panel-item-inner {
  *zoom: 1
}

@media only screen and (max-width:767px) {
  .panel-horizontal-flow .panel-item-inner:after {
    content: '';
    position: absolute;
    bottom: -10px;
    left: 60px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #ffb018
  }
}

@media only screen and (min-width:768px) {
  .panel-horizontal-flow .panel-item-inner {
    min-height: 340px
  }
  .panel-horizontal-flow .panel-item-inner:after {
    content: '';
    position: absolute;
    top: 80px;
    right: -5px;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 15px solid #ffb018
  }
}

@media only screen and (max-width:767px) {
  .panel-horizontal-flow .panel-poster {
    width: 80px;
    float: left
  }
}

.panel-horizontal-flow .panel-summary {
  overflow: hidden
}

@media only screen and (max-width:767px) {
  .panel-horizontal-flow .panel-summary {
    margin-left: 100px
  }
}

.panel-horizontal-flow .panel-footer {
  float: right
}

.panel-vertical-voice .panel-summary {
  padding: 20px 20px 10px
}

.panel-vertical-voice .panel-time {
  margin-bottom: .5em;
  font-size: 13px;
  color: #ffb018
}

@media screen and (min-width:768px) {
  .panel-vertical-voice .panel-time {
    font-size: 13px
  }
}

.panel-vertical-voice .panel-time span {
  margin-right: .5em
}

.panel-vertical-voice .panel-time .date {
  color: #ffb018
}

.panel-vertical-voice .panel-title>h3 {
  font-size: 18px
}

@media screen and (min-width:768px) {
  .panel-vertical-voice .panel-title>h3 {
    font-size: 18px
  }
}

.panel-vertical-voice .panel-person {
  overflow: hidden
}

.panel-vertical-voice .panel-person>dt, .panel-vertical-voice .panel-person>dd {
  float: left
}

.panel-vertical-voice .panel-person>dt {
  clear: left
}

.panel-vertical-voice .panel-person>dd {
  margin-left: .5em
}

@media only screen and (min-width:768px) {
  .panel-horizontal-voice {
    margin-top: 20px
  }
}

@media only screen and (min-width:768px) {
  .panel-horizontal-voice .panel-item {
    margin-bottom: 40px
  }
}

.panel-horizontal-voice .panel-poster {
  padding: 10px
}

@media only screen and (min-width:768px) {
  .panel-horizontal-voice .panel-poster {
    padding: 0
  }
}

.panel-horizontal-voice .panel-summary {
  padding: 0 20px 20px
}

.panel-horizontal-voice .panel-catch>img {
  max-height: 48px
}

@media only screen and (min-width:768px) {
  .panel-horizontal-voice .panel-catch>img {
    max-height: none
  }
}

.panel-horizontal-voice .panel-title {
  text-align: center
}

@media only screen and (min-width:768px) {
  .panel-horizontal-voice .panel-title {
    text-align: left
  }
}

.panel-horizontal-voice .panel-description {
  text-align: center
}

@media only screen and (min-width:768px) {
  .panel-horizontal-voice .panel-description {
    text-align: left
  }
}

.panel-horizontal-voice .panel-item.blog .panel-catch {
  text-align: right
}

@media only screen and (min-width:768px) {
  .panel-horizontal-voice .panel-item.blog .panel-poster {
    float: right;
    width: 60%
  }
  .panel-horizontal-voice .panel-item.blog .panel-poster>img {
    margin: -40px
  }
}

.panel-horizontal-voice .panel-item.blog .panel-summary {
  margin-top: -40px
}

@media only screen and (min-width:768px) {
  .panel-horizontal-voice .panel-item.blog .panel-summary {
    margin-top: 40px;
    float: left;
    width: 40%
  }
  .panel-horizontal-voice .panel-item.blog .panel-summary .panel-catch, .panel-horizontal-voice .panel-item.blog .panel-summary .panel-title, .panel-horizontal-voice .panel-item.blog .panel-summary .panel-description {
    margin-left: 40px
  }
}

@media only screen and (min-width:768px) {
  .panel-horizontal-voice .panel-item.interview .panel-poster {
    float: left;
    width: 55%
  }
  .panel-horizontal-voice .panel-item.interview .panel-poster>img {
    margin: 20px
  }
}

.panel-horizontal-voice .panel-item.interview .panel-catch {
  margin-top: -20px
}

@media only screen and (min-width:768px) {
  .panel-horizontal-voice .panel-item.interview .panel-catch {
    margin-top: 10px
  }
}

.panel-horizontal-voice .panel-item.interview .panel-title {
  margin-top: 10px
}

@media only screen and (min-width:768px) {
  .panel-horizontal-voice .panel-item.interview .panel-summary {
    float: right;
    width: 45%;
    margin-top: 40px
  }
}

@media only screen and (min-width:768px) {
  .panel-horizontal-voice .panel-item.report .panel-catch {
    text-align: right
  }
}

@media only screen and (min-width:768px) {
  .panel-horizontal-voice .panel-item.report .panel-poster {
    float: right;
    width: 60%
  }
  .panel-horizontal-voice .panel-item.report .panel-poster>img {
    margin: -40px
  }
}

.panel-horizontal-voice .panel-item.report .panel-summary {
  margin-top: -20px
}

@media only screen and (min-width:768px) {
  .panel-horizontal-voice .panel-item.report .panel-summary {
    margin-top: 40px;
    float: left;
    width: 40%
  }
  .panel-horizontal-voice .panel-item.report .panel-summary .panel-title {
    margin-top: 10px
  }
  .panel-horizontal-voice .panel-item.report .panel-summary .panel-catch, .panel-horizontal-voice .panel-item.report .panel-summary .panel-title, .panel-horizontal-voice .panel-item.report .panel-summary .panel-description {
    margin-left: 40px
  }
}

@media only screen and (min-width:768px) {
  .panel-horizontal-profile {
    margin-bottom: 40px
  }
}

.panel-horizontal-profile .panel-item {
  margin-bottom: 0;
  border-bottom: 1px solid #c8ae9b;
  padding: 20px 0
}

.panel-horizontal-profile .panel-poster {
  margin-bottom: 1em
}

@media only screen and (min-width:768px) {
  .panel-horizontal-profile .panel-poster {
    margin-bottom: 0;
    margin-left: 40px;
    width: 140px;
    float: left
  }
}

@media only screen and (min-width:768px) {
  .panel-horizontal-profile .panel-summary {
    margin-left: 220px
  }
}

.panel-horizontal-profile .panel-summary dl {
  margin-bottom: 0
}

.panel-horizontal-profile .panel-summary dl dt {
  font-weight: 700
}

.panel-horizontal-profile .panel-summary dl dd {
  margin-top: 1em
}

.panel-list {
  margin-bottom: 20px
}

@media only screen and (min-width:768px) {
  .panel-list {
    margin-bottom: 40px
  }
}

.panel-list .panel-item {
  margin-bottom: 0;
  padding: 1em 20px;
  background: #f3e1d2;
  border-bottom: 1px solid rgba(221, 203, 189, .5)
}

.panel-list .panel-item:before, .panel-list .panel-item:after {
  content: " ";
  display: table
}

.panel-list .panel-item:after {
  clear: both
}

.panel-list .panel-item {
  *zoom: 1
}

.panel-list .panel-item:last-child {
  border-bottom: none
}

.panel-list .panel-poster {
  width: 80px;
  float: left
}

.panel-list .panel-summary {
  margin-left: 100px
}

.panel-list .panel-title {
  font-weight: 700
}

.panel-list .panel-title>.label {
  margin-left: .5em
}

.panel-list .panel-footer {
  margin-top: .5em;
  font-size: 10px
}

@media screen and (min-width:768px) {
  .panel-list .panel-footer {
    font-size: 10px
  }
}

.panel-horizontal-report .panel-item {
  background: #fff;
  overflow: hidden
}

.panel-horizontal-report .panel-poster {
  width: 120px;
  float: left
}

@media only screen and (min-width:768px) {
  .panel-horizontal-report .panel-poster {
    width: 320px
  }
}

.panel-horizontal-report .panel-summary {
  margin: 15px 15px 15px 140px
}

.panel-horizontal-report .panel-summary .panel-time {
  margin-bottom: .5em
}

@media only screen and (max-width:767px) {
  .panel-horizontal-report .panel-summary .panel-title>h4 {
    font-size: 13px
  }
}

@media only screen and (max-width:767px) and (min-width:768px) {
  .panel-horizontal-report .panel-summary .panel-title>h4 {
    font-size: 13px
  }
}

@media only screen and (max-width:767px) {
  .panel-horizontal-report .panel-summary .panel-time, .panel-horizontal-report .panel-summary .panel-description {
    font-size: 12px
  }
}

@media only screen and (max-width:767px) and (min-width:768px) {
  .panel-horizontal-report .panel-summary .panel-time, .panel-horizontal-report .panel-summary .panel-description {
    font-size: 12px
  }
}

@media only screen and (min-width:768px) {
  .panel-horizontal-report .panel-summary {
    margin: 40px 40px 40px 360px
  }
}

.panel-vertical-snap {
  margin-bottom: 20px
}

@media only screen and (min-width:768px) {
  .panel-vertical-snap {
    margin-bottom: 40px
  }
}

.panel-vertical-snap .panel-item {
  background: #fff;
  padding: 10px
}

.panel-vertical-snap .panel-item:after {
  display: block;
  z-index: -1;
  position: absolute;
  content: '';
  bottom: -30px;
  right: -30px;
  width: 100%;
  height: 100%;
  background: url(/assets/images/partners/bg-shadow-bottom-right.png) no-repeat right bottom/cover
}

@media only screen and (min-width:768px) {
  .panel-vertical-snap .panel-item:after {
    bottom: -23px;
    right: -23px
  }
}

.panel-vertical-snap .panel-summary {
  position: relative;
  margin-top: 10px
}

.panel-vertical-snap .panel-summary .baloon-sm {
  position: absolute;
  top: -20px;
  left: 10px
}

.panel-vertical-snap .panel-summary .panel-title dl {
  margin-left: 85px;
  margin-bottom: 0
}

.panel-vertical-snap .panel-summary .panel-title dl dt {
  font-weight: 400;
  font-size: 13px
}

@media screen and (min-width:768px) {
  .panel-vertical-snap .panel-summary .panel-title dl dt {
    font-size: 13px
  }
}

.panel-vertical-snap .panel-summary .panel-title dl dd {
  font-weight: 700;
  font-size: 16px
}

@media screen and (min-width:768px) {
  .panel-vertical-snap .panel-summary .panel-title dl dd {
    font-size: 16px
  }
}

.panel-related-pages {
  overflow: hidden;
  background: #fff;
  margin-bottom: 20px
}

@media only screen and (min-width:768px) {
  .panel-related-pages {
    margin-bottom: 40px
  }
}

.panel-related-pages .panel-title {
  padding: 10px 20px;
  border-bottom: 1px solid #c8ae9b
}

.panel-related-pages .panel-title>h4 {
  font-size: 14px;
  margin: 0
}

@media screen and (min-width:768px) {
  .panel-related-pages .panel-title>h4 {
    font-size: 14px
  }
}

.panel-related-pages .panel-body {
  padding: 0 20px
}

@media only screen and (min-width:768px) {
  .panel-related-pages .panel-body {
    margin-left: -20px
  }
}

.panel-related-pages .panel-item {
  margin: -1px 0 0;
  border-top: 1px solid #c8ae9b
}

.panel-related-pages .panel-item>a {
  display: block;
  padding: 20px 0
}

.panel-related-pages .panel-item>a span {
  display: block;
  margin-top: .5em;
  font-weight: 700
}

@media only screen and (min-width:768px) {
  .panel-related-pages .panel-item {
    float: left;
    margin-left: 20px;
    width: calc(50% - 20px)
  }
}

@media all and (-ms-high-contrast:none) {
  *::-ms-backdrop, .panel-item>.block-fade {
    background: transparent;
    padding: 20px;
    margin: -20px;
    overflow: hidden
  }
  *::-ms-backdrop, .panel-item>.block-fade>a {
    background: #fff
  }
}

.page-header {
  position: relative;
  background-color: #000
}

.page-header .page-header-title {
  height: 150px
}

@media only screen and (min-width:768px) {
  .page-header .page-header-title {
    height: 175px
  }
}

.page-header .page-header-title .heading-stacked {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  width: 100%;
  transform: translate(-50%, -50%);
  font-size: 20px
}

@media screen and (min-width:768px) {
  .page-header .page-header-title .heading-stacked {
    font-size: 20px
  }
}

@media only screen and (min-width:768px) {
  .page-header .page-header-title .heading-stacked {
    font-size: 28px;
    position: fixed;
    top: 212px
  }
}

@media only screen and (min-width:768px) and (min-width:768px) {
  .page-header .page-header-title .heading-stacked {
    font-size: 28px
  }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
  .page-header .page-header-title .heading-stacked {
    position: absolute;
    top: 50%
  }
}

.page-header .page-header-title .heading-stacked>small {
  margin-bottom: 10px
}

.page-header .page-header-nav {
  position: relative;
  z-index: 3;
  background: #fef7f1 url(/assets/images/partners/bg-breadcrumb.png)
}

.page-header .page-header-nav:before, .page-header .page-header-nav:after {
  content: " ";
  display: table
}

.page-header .page-header-nav:after {
  clear: both
}

.page-header .page-header-nav {
  *zoom: 1
}

.page-header .page-header-nav .breadcrumb {
  margin: 0;
  padding: .7em 0
}

.page-header .page-header-nav .breadcrumb>li>a {
  color: #08509a
}

.page-header-nav.is-stucked {
  position: fixed;
  top: 60px;
  left: 0;
  width: 100%
}

.page-header-about {
  background: #eae6e3 url(/assets/images/partners/bg-page-header-about.jpg) no-repeat fixed 50% 60px/auto 210px
}

@media only screen and (min-width:768px) {
  .page-header-about {
    background-size: auto 310px
  }
}

.page-header-application {
  background: #decf96 url(/assets/images/partners/bg-page-header-application.jpg) no-repeat fixed 50% 60px/auto 210px
}

@media only screen and (min-width:768px) {
  .page-header-application {
    background-size: auto 310px
  }
}

.page-header-faq {
  background: #8fa275 url(/assets/images/partners/bg-page-header-faq.jpg) no-repeat fixed 50% 60px/auto 210px
}

@media only screen and (min-width:768px) {
  .page-header-faq {
    background-size: auto 310px
  }
}

.page-header-news {
  background: #4f99c0 url(/assets/images/partners/bg-page-header-news.jpg) no-repeat fixed 50% 60px/auto 210px
}

@media only screen and (min-width:768px) {
  .page-header-news {
    background-size: auto 310px
  }
}

.page-header-orientation {
  background: #fff url(/assets/images/partners/bg-page-header-orientation.jpg) no-repeat fixed 50% 60px/auto 210px
}

@media only screen and (min-width:768px) {
  .page-header-orientation {
    background-size: auto 310px
  }
}

.page-header-voice {
  background: #fff url(/assets/images/partners/bg-page-header-voice.jpg) no-repeat fixed 50% 60px/auto 210px
}

@media only screen and (min-width:768px) {
  .page-header-voice {
    background-size: auto 310px
  }
}

.page-header-movie {
  background: #fff url(/assets/images/partners/bg-page-header-movie.jpg) no-repeat fixed 50% 60px/auto 210px
}

@media only screen and (min-width:768px) {
  .page-header-movie {
    background-size: auto 310px
  }
}

.page-header-mailmagazine {
  background: #fff url(/assets/images/partners/bg-page-header-mailmagazine.jpg) no-repeat fixed 50% 60px/auto 210px
}

@media only screen and (min-width:768px) {
  .page-header-mailmagazine {
    background-size: auto 310px
  }
}

.page-header-contest {
  background: #fff url(/assets/images/partners/bg-page-header-contest.jpg) no-repeat fixed 50% 60px/auto 210px
}

@media only screen and (min-width:768px) {
  .page-header-contest {
    background-size: auto 310px
  }
}

.video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 25px;
  height: 0;
  background: #000;
  margin: 0 0 20px
}

@media only screen and (min-width:768px) {
  .video-container {
    margin: 0 40px 40px
  }
}

.video-container>.video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.icon-circular, .icon-circular-inversed, .icon-circular-filled, .icon-circular-filled-inversed, .icon-circular-sm, .icon-circular-md, .icon-circular-lg {
  position: relative;
  top: -.75em;
  display: inline-block;
  color: #fff;
  background: #ffb018;
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 50%;
  text-align: center;
  font-size: 20px;
  margin: 8px 16px 8px 8px
}

@media only screen and (min-width:768px) {
  .icon-circular, .icon-circular-inversed, .icon-circular-filled, .icon-circular-filled-inversed, .icon-circular-sm, .icon-circular-md, .icon-circular-lg {
    top: -.5em
  }
}

.icon-circular:after, .icon-circular-inversed:after, .icon-circular-filled:after, .icon-circular-filled-inversed:after, .icon-circular-sm:after, .icon-circular-md:after, .icon-circular-lg:after {
  content: '';
  position: absolute;
  width: calc(100% + 8px);
  height: calc(100% + 8px);
  top: -4px;
  left: -4px;
  border-radius: 50%;
  border: 4px solid rgba(255, 255, 255, .5)
}

.icon-circular-inversed {
  color: #ffb018;
  background: #fff
}

.icon-circular-inversed:after {
  border-color: #ffb018
}

.icon-circular-filled:after, .icon-circular-filled-inversed:after {
  border-color: #ffb018
}

.icon-circular-filled-inversed {
  color: #ffb018;
  background: #fff
}

.icon-circular-sm {
  width: 14px;
  height: 14px;
  line-height: 14px;
  font-size: 12px
}

.icon-circular-sm:after {
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  top: -2px;
  left: -2px;
  border-width: 2px
}

.icon-circular-md {
  width: 32px;
  height: 32px;
  line-height: 32px;
  font-size: 18px
}

.icon-circular-md:after {
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  top: -2px;
  left: -2px;
  border-width: 2px
}

.icon-circular-lg {
  width: 56px;
  height: 56px;
  line-height: 56px;
  font-size: 32px
}

.icon-disc {
  background: #ffb018;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  text-align: center;
  margin-right: .5em;
  color: #fff;
  display: inline-block
}

.icon-brand {
  color: #ffb018
}

.icon+a {
  margin-left: .5em
}

@media only screen and (max-width:767px) {
  .table-outer {
    overflow-x: scroll
  }
  .table-outer::-webkit-scrollbar {
    height: 7px
  }
  .table-outer::-webkit-scrollbar-thumb {
    border-radius: 7px;
    background: rgba(0, 0, 0, .4)
  }
}

.table-bordered, .article-body table, .event-body table {
  border-bottom: 1px solid #e1c7b3;
  border-collapse: collapse
}

.table-bordered th, .article-body table th, .event-body table th {
  white-space: nowrap;
  text-align: center;
  background: #f2e0d2;
  border: 1px solid #e1c7b3
}

.table-bordered th, .article-body table th, .event-body table th, .table-bordered td, .article-body table td, .event-body table td {
  text-align: left;
  padding: 1em;
  border: 1px solid #e1c7b3;
  vertical-align: middle
}

.table-bordered th:first-child, .article-body table th:first-child, .event-body table th:first-child, .table-bordered td:first-child, .article-body table td:first-child, .event-body table td:first-child {
  border-left: none
}

.table-bordered th:last-child, .article-body table th:last-child, .event-body table th:last-child, .table-bordered td:last-child, .article-body table td:last-child, .event-body table td:last-child {
  border-right: none
}

.table-bordered th .flag-icon, .article-body table th .flag-icon, .event-body table th .flag-icon, .table-bordered td .flag-icon, .article-body table td .flag-icon, .event-body table td .flag-icon {
  position: relative;
  top: 3px;
  font-size: 24px;
  margin-right: .5em;
  box-shadow: 0 0 0 1px #ddd inset
}

@media only screen and (max-width:767px) {
  .table-bordered th .flag-icon, .article-body table th .flag-icon, .event-body table th .flag-icon, .table-bordered td .flag-icon, .article-body table td .flag-icon, .event-body table td .flag-icon {
    margin-bottom: .3em
  }
}

.table-bordered>thead th, .article-body table>thead th, .event-body table>thead th {
  background: #f2e0d2
}

.table-bordered>tbody th, .article-body table>tbody th, .event-body table>tbody th {
  text-align: left
}

.table-bordered>tbody td, .article-body table>tbody td, .event-body table>tbody td {
  background: #fff
}

.table-bordered-en-horizontal {
  border-bottom: 1px solid #000;
  border-left: 1px solid #000
}

@media only screen and (max-width:767px) {
  .table-bordered-en-horizontal {
    display: none
  }
}

.table-bordered-en-horizontal th, .table-bordered-en-horizontal td {
  padding: 10px;
  text-align: center;
  border-top: 1px solid #000;
  border-right: 1px solid #000
}

.table-bordered-en-horizontal th .flag-icon, .table-bordered-en-horizontal td .flag-icon {
  font-size: 24px;
  display: block;
  margin: 0 auto 5px
}

@media screen and (min-width:768px) {
  .table-bordered-en-horizontal th .flag-icon, .table-bordered-en-horizontal td .flag-icon {
    font-size: 24px
  }
}

.table-bordered-en-horizontal>thead th {
  font-size: 12px;
  white-space: nowrap
}

@media screen and (min-width:768px) {
  .table-bordered-en-horizontal>thead th {
    font-size: 12px
  }
}

.table-bordered-en-horizontal>thead td {
  border-right: 1px solid #000
}

.table-bordered-en-horizontal>tbody th {
  border-right: 1px solid #000;
  text-align: left
}

.table-bordered-en-vertical {
  border-bottom: 1px solid #000;
  border-left: 1px solid #000
}

@media only screen and (min-width:768px) {
  .table-bordered-en-vertical {
    display: none
  }
}

.table-bordered-en-vertical th, .table-bordered-en-vertical td {
  padding: 10px;
  text-align: center;
  border-top: 1px solid #000;
  border-right: 1px solid #000
}

.table-bordered-en-vertical th .flag-icon, .table-bordered-en-vertical td .flag-icon {
  margin-right: 10px;
  font-size: 20px
}

@media screen and (min-width:768px) {
  .table-bordered-en-vertical th .flag-icon, .table-bordered-en-vertical td .flag-icon {
    font-size: 20px
  }
}

.table-bordered-en-vertical>tbody th {
  border-right: 1px solid #000;
  text-align: left
}

.card-item {
  overflow: hidden;
  margin-bottom: 10px
}

.card-related .card-item {
  position: relative;
  background: #fff
}

.card-related .card-item>a {
  display: block;
  transition: opacity .1s linear
}

.card-related .card-item>a:hover {
  opacity: .8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  text-decoration: none
}

.card-related .card-item>a {
  display: table
}

.card-related .card-item .card-poster {
  float: left;
  width: 60px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  background: #ffb018
}

.card-related .card-item .card-poster>.icon {
  top: 0;
  margin: 10px
}

.card-related .card-item .card-summary {
  display: table-cell;
  padding: 0 15px;
  font-weight: 700;
  vertical-align: middle
}

.pagination {
  clear: both;
  margin-top: 20px
}

@media only screen and (min-width:768px) {
  .pagination {
    margin-top: 40px
  }
}

.pagination-archive {
  overflow: hidden
}

.pagination-archive ul, .pagination-archive li {
  float: left;
  position: relative
}

.pagination-archive ul {
  left: 50%
}

.pagination-archive li {
  right: 50%
}

.pagination-single-pair {
  overflow: hidden
}

.pagination-single-pair ul, .pagination-single-pair li {
  float: left;
  position: relative
}

.pagination-single-pair ul {
  left: 50%
}

.pagination-single-pair li {
  right: 50%
}

.pagination-single-pair>ul {
  width: 100%
}

.pagination-single-pair>ul>li {
  margin: 0 5px
}

.pagination-single-pair>ul>li.prev {
  margin-left: 0
}

.pagination-single-pair>ul>li.next {
  margin-right: 0
}

@media only screen and (max-width:767px) {
  .pagination-single-pair>ul>li {
    width: calc(50% - 5px)
  }
  .pagination-single-pair>ul>li:nth-child(1) {
    margin-left: 0
  }
  .pagination-single-pair>ul>li:nth-child(2) {
    margin-right: 0
  }
  .pagination-single-pair>ul>li:nth-child(1)>a {
    padding-left: 1.8em;
    padding-right: 1em
  }
}

@media only screen and (min-width:768px) {
  .pagination-single-pair>ul {
    width: auto
  }
  .pagination-single-pair>ul>li {
    margin: 0 10px;
    width: 200px
  }
}

@media only screen and (max-width:767px) {
  .pagination-single>ul>li {
    clear: both
  }
  .pagination-single>ul>li.prev, .pagination-single>ul>li.next {
    clear: none;
    width: calc(50% - 5px)
  }
  .pagination-single>ul>li.prev {
    float: left;
    margin: 0 5px 10px 0
  }
  .pagination-single>ul>li.next {
    float: right;
    margin: 0 0 10px 5px
  }
}

@media only screen and (min-width:768px) {
  .pagination-single>ul {
    position: relative
  }
  .pagination-single>ul:before, .pagination-single>ul:after {
    content: " ";
    display: table
  }
  .pagination-single>ul:after {
    clear: both
  }
  .pagination-single>ul {
    *zoom: 1
  }
  .pagination-single>ul>li {
    margin: 0 auto;
    width: 50%;
    padding: 0 10px
  }
  .pagination-single>ul>li.prev, .pagination-single>ul>li.next {
    position: absolute;
    top: 0;
    margin: 0
  }
  .pagination-single>ul>li.prev {
    width: 25%;
    left: 0;
    transform: none;
    padding-left: 0
  }
  .pagination-single>ul>li.next {
    width: 25%;
    left: auto;
    right: 0;
    transform: none;
    padding-right: 0
  }
}

.pagination-number {
  font-size: 0;
  list-style: none;
  padding-left: 0
}

.pagination-number>li {
  font-size: 14px;
  display: inline-block;
  margin-right: 10px
}

.pagination-number>li:last-child {
  margin-right: 0
}

.pagination-number a, .pagination-number span {
  display: inline-block;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  line-height: 36px;
  background: #fff;
  text-align: center;
  border: 2px solid #ffb018
}

.pagination-number a:hover {
  background: #ffb018;
  color: inherit
}

.pagination-number .is-active a, .pagination-number .is-active span {
  background: #ffb018
}

.pagination-number .prev a, .pagination-number .prev span, .pagination-number .next a, .pagination-number .next span {
  font-size: 18px;
  color: #ffb018
}

.pagination-number .prev a:hover, .pagination-number .next a:hover {
  color: #333
}

article[role=article] .well h4, article[role=article] .well h5, article[role=article] .well h6 {
  font-family: Lato, "游ゴシック", YuGothic, Hiragino Kaku Gothic ProN, Hiragino Kaku Gothic Pro, "MS Pゴシック", MS PGothic, "ＭＳ ゴシック", Helvetica Neue, Helvetica, sans-serif;
  font-size: 14px;
  margin-bottom: .75em
}

@media screen and (min-width:768px) {
  article[role=article] .well h4, article[role=article] .well h5, article[role=article] .well h6 {
    font-size: 14px
  }
}

.article-header, .article-summary, .article-body {
  margin-bottom: 10px
}

@media only screen and (min-width:768px) {
  .article-header, .article-summary, .article-body {
    margin-bottom: 20px
  }
}

.article-hero {
  position: relative;
  margin-bottom: 20px;
  background: #fff
}

.article-hero:after {
  display: block;
  z-index: -1;
  position: absolute;
  content: '';
  bottom: -30px;
  right: -30px;
  width: 100%;
  height: 100%;
  background: url(/assets/images/partners/bg-shadow-bottom-right.png) no-repeat right bottom/cover
}

@media only screen and (min-width:768px) {
  .article-hero:after {
    bottom: -45px;
    right: -45px
  }
}

.article-hero .article-hero-poster {
  position: relative;
  text-align: center
}

.article-hero .article-hero-poster .label {
  position: absolute;
  top: 20px;
  left: 0
}

.article-hero .article-hero-summary {
  padding: 20px 20px 10px
}

@media only screen and (min-width:768px) {
  .article-hero .article-hero-summary {
    padding: 20px 40px 10px
  }
}

.article-hero .article-hero-title>h1 {
  font-size: 24px;
  line-height: 1.6
}

@media screen and (min-width:768px) {
  .article-hero .article-hero-title>h1 {
    font-size: 24px
  }
}

.article-hero .article-hero-person {
  margin-bottom: 10px
}

.article-hero .article-hero-person>dt, .article-hero .article-hero-person>dd {
  display: inline-block
}

.article-hero .article-hero-person>dd {
  margin-left: .5em
}

.article-hero .article-hero-description {
  margin-bottom: 10px
}

.article-date {
  margin-bottom: .5em
}

.article-date>.date {
  color: #c8ae9b
}

.article-title {
  font-size: 20px;
  margin-bottom: 20px
}

@media screen and (min-width:768px) {
  .article-title {
    font-size: 20px
  }
}

@media only screen and (min-width:768px) {
  .article-title {
    font-size: 28px;
    margin-bottom: 30px
  }
}

@media only screen and (min-width:768px) and (min-width:768px) {
  .article-title {
    font-size: 28px
  }
}

.article-body:before, .article-body:after {
  content: " ";
  display: table
}

.article-body:after {
  clear: both
}

.article-body {
  *zoom: 1
}

.article-body h1, .article-body h2, .article-body h3, .article-body h4, .article-body h5, .article-body h6, .article-body p, .article-body ul, .article-body ol, .article-body dl, .article-body blockquote, .article-body table {
  margin-bottom: 20px
}

.article-body p, .article-body ul, .article-body ol, .article-body dl, .article-body blockquote {
  line-height: 1.8
}

.article-body p {
  font-size: 16px
}

@media screen and (min-width:768px) {
  .article-body p {
    font-size: 16px
  }
}

.article-body a.btn {
  color: inherit;
  text-decoration: none
}

.article-body .well {
  margin-bottom: 20px
}

.article-body .well table {
  margin-bottom: 10px
}

.article-body p>img.aligncenter, .article-body p>a>img.aligncenter {
  display: block;
  margin: auto
}

.article-subtitle, .article-subtitle-bordered {
  margin: 40px 0 20px;
  font-size: 18px
}

@media screen and (min-width:768px) {
  .article-subtitle, .article-subtitle-bordered {
    font-size: 18px
  }
}

.article-subtitle>.icon, .article-subtitle-bordered>.icon {
  margin-right: .5em;
  color: #ffb018
}

.article-subtitle-bordered {
  border-bottom: 1px solid #c8ae9b;
  padding-bottom: 10px
}

.article-photo {
  text-align: center
}

.article-photo figure {
  display: inline-block;
  margin-bottom: 20px
}

.article-photo figure img {
  margin-bottom: 10px
}

.article-photo figure figcaption {
  text-align: center;
  font-size: 13px
}

@media screen and (min-width:768px) {
  .article-photo figure figcaption {
    font-size: 13px
  }
}

.article-photo>figcaption {
  margin-top: 10px;
  margin-bottom: 20px;
  text-align: center;
  font-size: 13px
}

@media screen and (min-width:768px) {
  .article-photo>figcaption {
    font-size: 13px
  }
}

.article-profile {
  position: relative;
  margin-top: -20px
}

.article-profile>h4 {
  position: absolute;
  top: 0;
  left: 10px;
  z-index: 2
}

.article-profile .panel-horizontal-profile {
  position: relative;
  top: 20px;
  z-index: 1
}

.article-lead {
  border-bottom: 1px solid #c8ae9b;
  padding-bottom: 20px
}

@media only screen and (min-width:768px) {
  .article-lead {
    padding-bottom: 40px
  }
}

.article-lead p {
  line-height: 1.8;
  margin-bottom: 20px
}

.article-lead ul {
  margin-bottom: 0;
  font-size: 0;
  list-style: none;
  padding-left: 0
}

.article-lead ul>li {
  font-size: 14px;
  display: inline-block;
  margin-right: 1.5em
}

.article-lead ul>li:last-child {
  margin-right: 0
}

.article-lead ul>li {
  font-size: 13px;
  font-weight: 700
}

@media screen and (min-width:768px) {
  .article-lead ul>li {
    font-size: 13px
  }
}

.article-notice dt {
  text-align: center;
  font-weight: 700
}

.article-notice dd {
  margin-top: .7em;
  font-size: 16px;
  line-height: 1.6
}

@media screen and (min-width:768px) {
  .article-notice dd {
    font-size: 16px
  }
}

.taxonomy-filter:before, .taxonomy-filter:after {
  content: " ";
  display: table
}

.taxonomy-filter:after {
  clear: both
}

.taxonomy-filter {
  *zoom: 1
}

@media only screen and (min-width:768px) {
  .taxonomy-filter .taxonomy-filter-primary {
    margin-right: -240px;
    width: 100%;
    float: left
  }
  .taxonomy-filter .taxonomy-filter-primary>.taxonomy-filter-primary-inner {
    margin-right: 240px
  }
}

@media only screen and (max-width:767px) {
  .taxonomy-filter .taxonomy-filter-secondary {
    margin-top: 40px
  }
}

@media only screen and (min-width:768px) {
  .taxonomy-filter .taxonomy-filter-secondary {
    position: relative;
    z-index: 1;
    float: right;
    width: 200px
  }
}

.taxonomy-header {
  margin-top: 20px
}

.taxonomy-header h4>.icon {
  margin: 0 10px 0 0;
  top: -.25em
}

.taxonomy-body {
  margin-bottom: 20px
}

ul.taxonomy-list {
  list-style: none
}

ul.taxonomy-list>li>a {
  margin-top: -2px;
  display: block;
  border-top: 2px solid #c8ae9b;
  border-bottom: 2px solid #c8ae9b;
  padding: 10px 0;
  overflow: hidden;
  transition: background .1s cubic-bezier(.25, .25, .75, .75);
  position: relative
}

ul.taxonomy-list>li>a>span {
  float: left;
  white-space: nowrap;
  margin-top: .2em
}

ul.taxonomy-list>li>a>.icon {
  position: absolute;
  right: 2px;
  top: 50%;
  margin: 0;
  transform: translate(0, -50%)
}

ul.taxonomy-list>li>a:hover {
  color: inherit;
  background: rgba(255, 176, 24, .5)
}

ul.taxonomy-list>li.is-selected>a {
  color: inherit;
  background: rgba(255, 176, 24, .5)
}

.taxonomy-list-group {
  position: relative
}

.taxonomy-list-group>.icon {
  position: absolute;
  top: 50%;
  right: 2px;
  margin: 0;
  transform: translate(0, -50%);
  z-index: -1
}

select.taxonomy-list {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin-top: -2px;
  padding: 10px 0;
  border-radius: 0;
  border-top: 2px solid #c8ae9b;
  border-bottom: 2px solid #c8ae9b;
  display: block;
  width: 100%;
  overflow: hidden;
  transition: background .1s cubic-bezier(.25, .25, .75, .75)
}

select.taxonomy-list:hover {
  background: rgba(255, 176, 24, .5)
}

select.taxonomy-list:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000
}

.taxonomy-filter-primary .taxonomy-list {
  margin-left: -10px;
  margin-right: -10px
}

.taxonomy-filter-primary .taxonomy-list:before, .taxonomy-filter-primary .taxonomy-list:after {
  content: " ";
  display: table
}

.taxonomy-filter-primary .taxonomy-list:after {
  clear: both
}

.taxonomy-filter-primary .taxonomy-list {
  *zoom: 1
}

.taxonomy-filter-primary .taxonomy-list>li {
  width: 50%;
  float: left;
  padding-left: 10px;
  padding-right: 10px
}

@media only screen and (min-width:768px) {
  .taxonomy-filter-primary .taxonomy-list {
    margin-left: -10px;
    margin-right: -10px
  }
  .taxonomy-filter-primary .taxonomy-list:before, .taxonomy-filter-primary .taxonomy-list:after {
    content: " ";
    display: table
  }
  .taxonomy-filter-primary .taxonomy-list:after {
    clear: both
  }
  .taxonomy-filter-primary .taxonomy-list {
    *zoom: 1
  }
  .taxonomy-filter-primary .taxonomy-list>li {
    width: 25%;
    float: left;
    padding-left: 10px;
    padding-right: 10px
  }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
  .taxonomy-filter-primary .taxonomy-list {
    margin-left: -10px;
    margin-right: -10px
  }
  .taxonomy-filter-primary .taxonomy-list:before, .taxonomy-filter-primary .taxonomy-list:after {
    content: " ";
    display: table
  }
  .taxonomy-filter-primary .taxonomy-list:after {
    clear: both
  }
  .taxonomy-filter-primary .taxonomy-list {
    *zoom: 1
  }
  .taxonomy-filter-primary .taxonomy-list>li {
    width: 33.3333333333%;
    float: left;
    padding-left: 10px;
    padding-right: 10px
  }
}

@media only screen and (max-width:767px) {
  .taxonomy-filter-secondary .taxonomy-list>li>a {
    position: relative;
    padding-bottom: 1em
  }
  .taxonomy-filter-secondary .taxonomy-list>li>a>span {
    float: none;
    display: block;
    text-align: center
  }
  .taxonomy-filter-secondary .taxonomy-list>li>a>i {
    float: none;
    position: absolute;
    top: .5em;
    right: 20px
  }
}

.taxonomy-footer>.btn-block {
  width: 100%
}

.list {
  position: relative
}

.list:before, .list:after {
  content: " ";
  display: table
}

.list:after {
  clear: both
}

.list {
  *zoom: 1
}

@media only screen and (min-width:768px) {
  .list-social-buttons>ul, .list-social-buttons-bordered>ul {
    float: right
  }
}

.list-social-buttons>ul>li, .list-social-buttons-bordered>ul>li {
  font-size: 1px;
  display: inline-block;
  vertical-align: top!important;
  margin: 0 5px 10px 0;
  height: 20px
}

.list-social-buttons>ul>li:last-child, .list-social-buttons-bordered>ul>li:last-child {
  margin-right: 0
}

.list-social-buttons-bordered {
  border-top: 1px solid #c8ae9b;
  margin-top: 20px;
  padding-top: 20px
}

.list-nav-year>ul>li.is-selected>a:before, .list-nav-year>ul>li>a:before {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  width: 0;
  height: 4px;
  background: #ffb018
}

.list-nav-year {
  margin-bottom: 20px
}

@media only screen and (min-width:768px) {
  .list-nav-year {
    margin-bottom: 40px
  }
}

.list-nav-year>ul {
  overflow: hidden;
  margin-left: -10px
}

.list-nav-year>ul>li {
  width: calc(50% - 10px);
  margin-left: 10px;
  margin-bottom: 10px;
  float: left
}

@media only screen and (min-width:768px) {
  .list-nav-year>ul>li {
    width: calc(20% - 10px)
  }
}

.list-nav-year>ul>li.is-selected>a {
  font-size: 20px
}

@media screen and (min-width:768px) {
  .list-nav-year>ul>li.is-selected>a {
    font-size: 20px
  }
}

.list-nav-year>ul>li.is-selected>a span {
  font-size: 16px
}

@media screen and (min-width:768px) {
  .list-nav-year>ul>li.is-selected>a span {
    font-size: 16px
  }
}

.list-nav-year>ul>li.is-selected>a:before {
  width: 100%;
  left: 0
}

.list-nav-year>ul>li>a {
  display: block;
  padding: 10px;
  height: 60px;
  line-height: 40px;
  position: relative;
  background: #fff;
  font-weight: 700;
  text-align: center;
  font-size: 16px
}

@media screen and (min-width:768px) {
  .list-nav-year>ul>li>a {
    font-size: 16px
  }
}

.list-nav-year>ul>li>a>.icon {
  position: absolute;
  top: 0;
  right: 10px;
  line-height: 60px;
  color: #ffb018
}

.list-nav-year>ul>li>a>span {
  margin-left: .1em
}

.list-nav-year>ul>li>a:before {
  transition: all .1s cubic-bezier(.77, 0, .175, 1)
}

.list-nav-year>ul>li>a:hover {
  color: inherit
}

.list-nav-year>ul>li>a:hover:before {
  width: 100%;
  left: 0
}

.list-horizontal-news {
  border-top: 2px solid #c8ae9b;
  margin-bottom: 20px
}

@media only screen and (min-width:768px) {
  .list-horizontal-news {
    margin-bottom: 40px
  }
}

.list-horizontal-news .list-item {
  overflow: hidden;
  border-bottom: 1px solid #c8ae9b;
  padding: 20px 0
}

.list-horizontal-news .list-item .list-time {
  margin-bottom: .5em
}

@media only screen and (min-width:768px) {
  .list-horizontal-news .list-item .list-time {
    width: 140px;
    float: left;
    margin-top: .3em
  }
}

.list-horizontal-news .list-item .list-title {
  font-size: 18px;
  font-weight: 700
}

@media only screen and (min-width:768px) {
  .list-horizontal-news .list-item .list-title {
    margin-left: 160px
  }
}

@media screen and (min-width:768px) {
  .list-horizontal-news .list-item .list-title {
    font-size: 18px
  }
}

.list-nav-faq ul li>a:hover, .column-secondary .list-nav-faq ul li.is-selected>a {
  background: #ffb018
}

.list-nav-faq ul li>a:hover span, .column-secondary .list-nav-faq ul li.is-selected>a span {
  color: #333
}

.list-nav-faq ul li>a:hover .icon-angle-right, .column-secondary .list-nav-faq ul li.is-selected>a .icon-angle-right {
  color: #fff
}

.list-nav-faq {
  margin-bottom: 20px
}

@media only screen and (min-width:768px) {
  .list-nav-faq {
    margin-bottom: 40px
  }
}

.list-nav-faq ul:before, .list-nav-faq ul:after {
  content: " ";
  display: table
}

.list-nav-faq ul:after {
  clear: both
}

.list-nav-faq ul {
  *zoom: 1
}

@media only screen and (min-width:768px) {
  .list-nav-faq ul {
    margin-left: -10px
  }
}

.list-nav-faq ul li {
  margin-bottom: 10px
}

@media only screen and (min-width:768px) {
  .list-nav-faq ul li {
    float: left;
    margin-left: 10px;
    width: calc(33.3% - 10px)
  }
}

.list-nav-faq ul li>a {
  display: block;
  position: relative;
  background: #fff;
  height: 64px;
  transition: all .1s cubic-bezier(.25, .25, .75, .75)
}

.list-nav-faq ul li>a>span {
  position: absolute;
  font-weight: 700;
  top: 50%;
  left: 72px;
  transform: translate(0, -50%)
}

.list-nav-faq ul li>a .icon-circular {
  right: auto;
  left: 8px;
  margin-top: -22px
}

.list-nav-faq ul li>a .icon-circular:before {
  color: #fff
}

.list-nav-faq ul li>a .icon {
  position: absolute;
  top: calc(50% + 2px);
  right: 10px;
  color: #ffb018
}

.list-nav-faq ul li>a .icon.icon-angle-right {
  transform: translate(0, -50%)
}

@media only screen and (min-width:768px) {
  .column-secondary .list-nav-faq ul {
    margin-left: 0
  }
}

.column-secondary .list-nav-faq ul li {
  float: none;
  margin-left: 0;
  width: auto
}

.column-secondary .list-nav-faq ul li.is-selected>a:before {
  position: absolute;
  top: 22px;
  left: -10px;
  content: '';
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 10px solid #ffb018
}

.faq-item {
  margin-bottom: 20px;
  border-bottom: 1px solid #c8ae9b
}

@media only screen and (min-width:768px) {
  .faq-item {
    margin-bottom: 40px;
    margin-top: 20px;
    padding-bottom: 20px
  }
}

.faq-item:last-child {
  margin-bottom: 0
}

.faq-item, .faq-q, .faq-a {
  overflow: hidden
}

.faq-a {
  margin-top: 10px
}

.faq-a .faq-icon>.baloon-xs {
  margin-bottom: 10px;
  width: 40px;
  padding: 5px;
  background: #ffb018;
  border-radius: 5px;
  position: relative;
  color: #fff;
  background: #fff;
  color: #ffb018
}

.faq-a .faq-icon>.baloon-xs>strong {
  display: block;
  font-size: 180%
}

.faq-a .faq-icon>.baloon-xs:after {
  border-width: 10px 0 0 10px;
  right: 20px;
  left: auto
}

.faq-a .faq-icon>.baloon-xs:after {
  content: '';
  border-style: solid;
  border-bottom-color: transparent;
  border-left-color: transparent;
  border-top-color: #ffb018;
  border-right-color: transparent;
  width: 0;
  height: 0;
  display: block;
  position: absolute;
  bottom: -10px
}

.faq-a .faq-icon>.baloon-xs:after {
  border-top-color: #fff
}

.faq-icon {
  width: 44px;
  float: left
}

.faq-content {
  margin-left: 64px;
  margin-top: 4px
}

.event-body table {
  margin-bottom: 20px
}

.event-body .table-outer {
  margin-bottom: 20px
}

.event-body .table-outer>table {
  margin-bottom: 0
}

.hero-map-topics {
  bottom: 0
}

.slides-hero {
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 30px
}

.slides-hero.not-dot {
  margin: 0
}

.slides-hero .isolate {
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%
}

.slides-hero .isolate .slide-main {
  height: 100%;
  position: relative
}

.slides-hero .isolate .slide-main>a {
  width: 100%;
  height: 100%
}

.slides-hero li {
  line-height: 0
}

.slides-hero li a {
  display: block;
  outline: none
}

.slides-hero li a:active {
  outline: none
}

.slides-hero li .bg-anchor {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000
}

.slides-hero li .hero-title {
  position: absolute
}

@media only screen and (min-width:768px) {
  .slides-hero li .hero-title.pc-max {
    width: 100%;
    text-align: center
  }
}

@media only screen and (max-width:767px) {
  .slides-hero li .hero-title.sp-max {
    width: 100%;
    text-align: center
  }
}

.slides-hero li .hero-item {
  z-index: 9999;
  height: auto;
  width: 100%;
  top: unset;
  bottom: 0;
  right: 0
}

.slides-hero li .hero-item .hero-baloon {
  position: initial;
  bottom: 0;
  right: 0
}

.slides-hero li .hero-balloon {
  position: absolute;
  z-index: 1001
}

.slides-hero li.no-wrap {
  white-space: nowrap
}

.slides-hero li .variable-baloon {
  font-size: 14px;
  line-height: 20px
}

.slides-hero li .variable-baloon>strong {
  line-height: 1.3em
}

.slides-hero li .top-left {
  top: 0;
  left: 0
}

.slides-hero li .top-left .variable-baloon {
  margin-bottom: 25px;
  width: 100%;
  padding: 20px;
  background: #f00;
  border-radius: 20px;
  position: relative;
  color: #fff;
  font-size: 10px
}

.slides-hero li .top-left .variable-baloon>strong {
  display: block;
  font-size: 180%
}

.slides-hero li .top-left .variable-baloon:after {
  border-width: 25px 0 0 25px;
  right: 50px;
  left: auto
}

.slides-hero li .top-left .variable-baloon:after {
  content: '';
  border-style: solid;
  border-bottom-color: transparent;
  border-left-color: transparent;
  border-top-color: #f00;
  border-right-color: transparent;
  width: 0;
  height: 0;
  display: block;
  position: absolute;
  bottom: -25px
}

@media screen and (min-width:768px) {
  .slides-hero li .top-left .variable-baloon {
    font-size: 10px
  }
}

@media only screen and (min-width:768px) {
  .slides-hero li .top-left .variable-baloon {
    font-size: 14px
  }
}

@media only screen and (min-width:768px) and (min-width:768px) {
  .slides-hero li .top-left .variable-baloon {
    font-size: 14px
  }
}

.slides-hero li .top-center {
  top: 0;
  left: 50%;
  transform: translate(-50%, 0)
}

.slides-hero li .top-center .variable-baloon {
  margin-bottom: 25px;
  width: 100%;
  padding: 20px;
  background: #f00;
  border-radius: 20px;
  position: relative;
  color: #fff;
  font-size: 10px
}

.slides-hero li .top-center .variable-baloon>strong {
  display: block;
  font-size: 180%
}

.slides-hero li .top-center .variable-baloon:after {
  border-width: 25px 0 0 25px;
  left: 50%;
  transform: translate(-50%, 0)
}

.slides-hero li .top-center .variable-baloon:after {
  content: '';
  border-style: solid;
  border-bottom-color: transparent;
  border-left-color: transparent;
  border-top-color: #f00;
  border-right-color: transparent;
  width: 0;
  height: 0;
  display: block;
  position: absolute;
  bottom: -25px
}

@media screen and (min-width:768px) {
  .slides-hero li .top-center .variable-baloon {
    font-size: 10px
  }
}

@media only screen and (min-width:768px) {
  .slides-hero li .top-center .variable-baloon {
    font-size: 14px
  }
}

@media only screen and (min-width:768px) and (min-width:768px) {
  .slides-hero li .top-center .variable-baloon {
    font-size: 14px
  }
}

.slides-hero li .top-right {
  top: 0;
  right: 0
}

.slides-hero li .top-right .variable-baloon {
  margin-bottom: 25px;
  width: 100%;
  padding: 20px;
  background: #f00;
  border-radius: 20px;
  position: relative;
  color: #fff;
  font-size: 10px
}

.slides-hero li .top-right .variable-baloon>strong {
  display: block;
  font-size: 180%
}

.slides-hero li .top-right .variable-baloon:after {
  border-width: 25px 25px 0 0;
  left: 50px;
  right: auto
}

.slides-hero li .top-right .variable-baloon:after {
  content: '';
  border-style: solid;
  border-bottom-color: transparent;
  border-left-color: transparent;
  border-top-color: #f00;
  border-right-color: transparent;
  width: 0;
  height: 0;
  display: block;
  position: absolute;
  bottom: -25px
}

@media screen and (min-width:768px) {
  .slides-hero li .top-right .variable-baloon {
    font-size: 10px
  }
}

@media only screen and (min-width:768px) {
  .slides-hero li .top-right .variable-baloon {
    font-size: 14px
  }
}

@media only screen and (min-width:768px) and (min-width:768px) {
  .slides-hero li .top-right .variable-baloon {
    font-size: 14px
  }
}

.slides-hero li .middle-left {
  top: 50%;
  left: 0;
  transform: translate(0, -50%)
}

.slides-hero li .middle-left .variable-baloon {
  margin-bottom: 25px;
  width: 100%;
  padding: 20px;
  background: #f00;
  border-radius: 20px;
  position: relative;
  color: #fff;
  font-size: 10px
}

.slides-hero li .middle-left .variable-baloon>strong {
  display: block;
  font-size: 180%
}

.slides-hero li .middle-left .variable-baloon:after {
  border-width: 25px 0 0 25px;
  right: 50px;
  left: auto
}

.slides-hero li .middle-left .variable-baloon:after {
  content: '';
  border-style: solid;
  border-bottom-color: transparent;
  border-left-color: transparent;
  border-top-color: #f00;
  border-right-color: transparent;
  width: 0;
  height: 0;
  display: block;
  position: absolute;
  bottom: -25px
}

@media screen and (min-width:768px) {
  .slides-hero li .middle-left .variable-baloon {
    font-size: 10px
  }
}

@media only screen and (min-width:768px) {
  .slides-hero li .middle-left .variable-baloon {
    font-size: 14px
  }
}

@media only screen and (min-width:768px) and (min-width:768px) {
  .slides-hero li .middle-left .variable-baloon {
    font-size: 14px
  }
}

.slides-hero li .middle-center {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}

.slides-hero li .middle-center .variable-baloon {
  margin-bottom: 25px;
  width: 100%;
  padding: 20px;
  background: #f00;
  border-radius: 20px;
  position: relative;
  color: #fff;
  font-size: 10px
}

.slides-hero li .middle-center .variable-baloon>strong {
  display: block;
  font-size: 180%
}

.slides-hero li .middle-center .variable-baloon:after {
  border-width: 25px 0 0 25px;
  left: 50%;
  transform: translate(-50%, 0)
}

.slides-hero li .middle-center .variable-baloon:after {
  content: '';
  border-style: solid;
  border-bottom-color: transparent;
  border-left-color: transparent;
  border-top-color: #f00;
  border-right-color: transparent;
  width: 0;
  height: 0;
  display: block;
  position: absolute;
  bottom: -25px
}

@media screen and (min-width:768px) {
  .slides-hero li .middle-center .variable-baloon {
    font-size: 10px
  }
}

@media only screen and (min-width:768px) {
  .slides-hero li .middle-center .variable-baloon {
    font-size: 14px
  }
}

@media only screen and (min-width:768px) and (min-width:768px) {
  .slides-hero li .middle-center .variable-baloon {
    font-size: 14px
  }
}

.slides-hero li .middle-right {
  top: 50%;
  right: 0;
  transform: translate(0, -50%)
}

.slides-hero li .middle-right .variable-baloon {
  margin-bottom: 25px;
  width: 100%;
  padding: 20px;
  background: #f00;
  border-radius: 20px;
  position: relative;
  color: #fff;
  font-size: 10px
}

.slides-hero li .middle-right .variable-baloon>strong {
  display: block;
  font-size: 180%
}

.slides-hero li .middle-right .variable-baloon:after {
  border-width: 25px 25px 0 0;
  left: 50px;
  right: auto
}

.slides-hero li .middle-right .variable-baloon:after {
  content: '';
  border-style: solid;
  border-bottom-color: transparent;
  border-left-color: transparent;
  border-top-color: #f00;
  border-right-color: transparent;
  width: 0;
  height: 0;
  display: block;
  position: absolute;
  bottom: -25px
}

@media screen and (min-width:768px) {
  .slides-hero li .middle-right .variable-baloon {
    font-size: 10px
  }
}

@media only screen and (min-width:768px) {
  .slides-hero li .middle-right .variable-baloon {
    font-size: 14px
  }
}

@media only screen and (min-width:768px) and (min-width:768px) {
  .slides-hero li .middle-right .variable-baloon {
    font-size: 14px
  }
}

.slides-hero li .bottom-left {
  bottom: 0;
  left: 0
}

.slides-hero li .bottom-left .variable-baloon {
  margin-top: 25px;
  width: 100%;
  padding: 20px;
  background: #f00;
  border-radius: 20px;
  position: relative;
  color: #fff;
  font-size: 10px
}

.slides-hero li .bottom-left .variable-baloon>strong {
  display: block;
  font-size: 180%
}

.slides-hero li .bottom-left .variable-baloon:before {
  border-width: 25px 25px 0 0;
  right: 50px;
  left: auto
}

.slides-hero li .bottom-left .variable-baloon:before {
  content: '';
  border-style: solid;
  border-bottom-color: #f00;
  border-left-color: #f00;
  border-top-color: transparent;
  border-right-color: #f00;
  width: 0;
  height: 0;
  display: block;
  position: absolute;
  top: -25px
}

@media screen and (min-width:768px) {
  .slides-hero li .bottom-left .variable-baloon {
    font-size: 10px
  }
}

@media only screen and (min-width:768px) {
  .slides-hero li .bottom-left .variable-baloon {
    font-size: 14px
  }
}

@media only screen and (min-width:768px) and (min-width:768px) {
  .slides-hero li .bottom-left .variable-baloon {
    font-size: 14px
  }
}

.slides-hero li .bottom-center {
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 0)
}

.slides-hero li .bottom-center .variable-baloon {
  margin-top: 25px;
  width: 100%;
  padding: 20px;
  background: #f00;
  border-radius: 20px;
  position: relative;
  color: #fff;
  font-size: 10px
}

.slides-hero li .bottom-center .variable-baloon>strong {
  display: block;
  font-size: 180%
}

.slides-hero li .bottom-center .variable-baloon:before {
  border-width: 25px 25px 0 0;
  left: 50%;
  transform: translate(-50%, 0)
}

.slides-hero li .bottom-center .variable-baloon:before {
  content: '';
  border-style: solid;
  border-bottom-color: #f00;
  border-left-color: #f00;
  border-top-color: transparent;
  border-right-color: #f00;
  width: 0;
  height: 0;
  display: block;
  position: absolute;
  top: -25px
}

@media screen and (min-width:768px) {
  .slides-hero li .bottom-center .variable-baloon {
    font-size: 10px
  }
}

@media only screen and (min-width:768px) {
  .slides-hero li .bottom-center .variable-baloon {
    font-size: 14px
  }
}

@media only screen and (min-width:768px) and (min-width:768px) {
  .slides-hero li .bottom-center .variable-baloon {
    font-size: 14px
  }
}

.slides-hero li .bottom-right {
  bottom: 0;
  right: 0
}

.slides-hero li .bottom-right .variable-baloon {
  margin-top: 25px;
  width: 100%;
  padding: 20px;
  background: #f00;
  border-radius: 20px;
  position: relative;
  color: #fff
}

.slides-hero li .bottom-right .variable-baloon>strong {
  display: block;
  font-size: 180%
}

.slides-hero li .bottom-right .variable-baloon:before {
  border-width: 25px 0 0 25px;
  left: 50px;
  right: auto
}

.slides-hero li .bottom-right .variable-baloon:before {
  content: '';
  border-style: solid;
  border-bottom-color: #f00;
  border-left-color: #f00;
  border-top-color: transparent;
  border-right-color: #f00;
  width: 0;
  height: 0;
  display: block;
  position: absolute;
  top: -25px
}

@media only screen and (min-width:768px) {
  .slides-hero li .bottom-right .variable-baloon {
    font-size: 14px
  }
}

@media only screen and (min-width:768px) and (min-width:768px) {
  .slides-hero li .bottom-right .variable-baloon {
    font-size: 14px
  }
}

@media only screen and (min-width:768px) {
  .slides-hero li .sl-fs-pc-10 {
    font-size: 10px;
    line-height: 10px
  }
  .slides-hero li .sl-fs-pc-11 {
    font-size: 11px;
    line-height: 11px
  }
  .slides-hero li .sl-fs-pc-12 {
    font-size: 12px;
    line-height: 12px
  }
  .slides-hero li .sl-fs-pc-14 {
    font-size: 14px;
    line-height: 14px
  }
  .slides-hero li .sl-fs-pc-16 {
    font-size: 16px;
    line-height: 16px
  }
  .slides-hero li .sl-fs-pc-18 {
    font-size: 18px;
    line-height: 18px
  }
  .slides-hero li .sl-fs-pc-24 {
    font-size: 24px;
    line-height: 24px
  }
  .slides-hero li .sl-fs-pc-30 {
    font-size: 30px;
    line-height: 30px
  }
  .slides-hero li .sl-fs-pc-32 {
    font-size: 32px;
    line-height: 32px
  }
  .slides-hero li .sl-fs-pc-36 {
    font-size: 36px;
    line-height: 36px
  }
  .slides-hero li .sl-fs-pc-48 {
    font-size: 48px;
    line-height: 48px
  }
}

@media only screen and (max-width:767px) {
  .slides-hero li .sl-fs-sp-10 {
    font-size: 10px;
    line-height: 10px
  }
  .slides-hero li .sl-fs-sp-11 {
    font-size: 11px;
    line-height: 11px
  }
  .slides-hero li .sl-fs-sp-12 {
    font-size: 12px;
    line-height: 12px
  }
  .slides-hero li .sl-fs-sp-14 {
    font-size: 14px;
    line-height: 14px
  }
  .slides-hero li .sl-fs-sp-16 {
    font-size: 16px;
    line-height: 16px
  }
  .slides-hero li .sl-fs-sp-18 {
    font-size: 18px;
    line-height: 18px
  }
  .slides-hero li .sl-fs-sp-24 {
    font-size: 24px;
    line-height: 24px
  }
  .slides-hero li .sl-fs-sp-30 {
    font-size: 30px;
    line-height: 30px
  }
  .slides-hero li .sl-fs-sp-32 {
    font-size: 32px;
    line-height: 32px
  }
  .slides-hero li .sl-fs-sp-36 {
    font-size: 36px;
    line-height: 36px
  }
  .slides-hero li .sl-fs-sp-48 {
    font-size: 48px;
    line-height: 48px
  }
}

.slides-hero li.type-a a {
  height: 100%;
  background: url(../images/partners/campaign/jf_hp_hero_pc01_161031.jpg) no-repeat center top
}

.slides-hero img {
  width: 100%;
  height: auto
}

.slides-hero li.type-b {
  height: 345px;
  background: #e5e5e5
}

.slides-hero li.type-b .container, .slides-hero li.type-b .header-secondary-inner .nav-primary, .header-secondary-inner .slides-hero li.type-b .nav-primary {
  margin-bottom: 14px
}

@media only screen and (max-width:960px) {
  .slides-hero li.type-b {
    vertical-align: middle;
    display: -webkit-box;
    display: -moz-box;
    display: -o-box;
    display: -ms-box;
    display: box;
    -o-box-align: center;
    -ms-box-align: center;
    box-align: center
  }
  .slides-hero li.type-b .container, .slides-hero li.type-b .header-secondary-inner .nav-primary, .header-secondary-inner .slides-hero li.type-b .nav-primary {
    width: 100%
  }
}

@media only screen and (max-width:758px) {
  .slides-hero li.type-b {
    height: auto
  }
  .slides-hero li.type-b .container, .slides-hero li.type-b .header-secondary-inner .nav-primary, .header-secondary-inner .slides-hero li.type-b .nav-primary {
    padding: 0 22px;
    margin-bottom: 0
  }
}

.slides-hero li.type-b a {
  box-shadow: 4px 4px 4px 0 rgba(0, 0, 0, .3)
}

@media only screen and (max-width:758px) {
  .slides-hero li.type-b a {
    margin-bottom: 15px
  }
}

.slides-hero li.type-b.hidden {
  display: none
}

.slides-hero .col-left {
  width: 49%;
  float: left
}

@media only screen and (max-width:758px) {
  .slides-hero .col-left {
    width: 100%;
    float: none
  }
}

.slides-hero .col-right {
  width: 49%;
  float: right
}

@media only screen and (max-width:758px) {
  .slides-hero .col-right {
    width: 100%;
    float: none
  }
}

.carousel-dots {
  list-style: none
}

.hero-map-topics {
  background: url(/assets/images/partners/bg-hero-overlay.png) repeat-x 0 100%
}

.hero-map-outer {
  margin-bottom: 60px
}

.sp-img {
  display: none!important
}

.bnr-center {
  padding-top: 2em;
  text-align: center
}

@media only screen and (max-width:758px) {
  .bnr-center {
    padding-top: 1em
  }
}

.badge-campaign {
  position: fixed;
  display: block;
  bottom: 100px;
  right: 30px;
  color: #fff;
  padding: 10px 0;
  line-height: 46px;
  letter-spacing: 1px;
  transition: background-color .1s cubic-bezier(.25, .25, .75, .75)
}

@media only screen and (max-width:767px) {
  .badge-campaign {
    display: none
  }
}

.badge-campaign>span {
  margin-top: 30px
}

.badge-campaign:hover {
  color: #fff;
  opacity: .8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  text-decoration: none
}

@media only screen and (max-width:758px) {
  .pc-img {
    display: none!important
  }
  .sp-img {
    display: inherit!important
  }
  .slides-hero .col {
    width: 100%;
    display: block
  }
}

.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-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 {
  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
}

.slick-loading .slick-list {
  background: #fff url(ajax-loader.gif) center center no-repeat
}

@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")
}

.slick-prev, .slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0;
  font-size: 0;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 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;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {
  opacity: .25;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)"
}

.slick-prev:before, .slick-next:before {
  font-family: slick;
  font-size: 20px;
  line-height: 1;
  color: white;
  opacity: .75;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=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: "←"
}

.slick-dotted.slick-slider {
  background: #FFF;
  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: 0;
  font-size: 0;
  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;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 20px;
  height: 20px;
  font-family: slick;
  font-size: 6px;
  line-height: 20px;
  text-align: center;
  color: black;
  opacity: .25;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.slick-dots li.slick-active button:before {
  color: black;
  opacity: .75;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"
}

div.contest>div {
  margin-bottom: 2em
}

div.contest p {
  line-height: 1.6em
}

div.contest .contest-title {
  padding: .5em 0;
  background: #f2e0d2;
  border-left: 4px solid #ffb018;
  text-align: center
}

div.contest .contest-title h2 {
  margin-bottom: 0
}

@media only screen and (max-width:767px) {
  div.contest .contest-title h2 {
    font-size: 150%
  }
}

div.contest .list-nav-faq ul li {
  float: left;
  margin-left: 10px;
  width: calc(25% - 10px)
}

@media only screen and (max-width:767px) {
  div.contest .list-nav-faq ul li {
    width: 100%;
    margin: 5px 0
  }
}

div.contest .icon-star-brushed:before {
  content: "★";
  line-height: 1.8em
}

div.contest .contest-judge .panel-item {
  text-align: center
}

@media only screen and (max-width:767px) {
  div.contest .contest-judge .panel-item {
    width: 50%
  }
}

div.contest .contest-judge .panel-item img {
  width: 80%
}

div.contest .contest-judge .panel-item .name {
  font-size: 140%;
  margin: .5em 0;
  font-weight: 700
}

div.contest .contest-judge .panel-item .position {
  margin-bottom: .5em
}

div.contest .contest-judge .panel-item .btn {
  width: 70%;
  margin: auto;
  padding: .5em;
  font-size: 80%;
  border-width: 1px
}

div.contest .contest-judge .profile-detail {
  display: none
}

div.contest .prize .panel-item {
  border: none
}

div.contest .prize .panel-item .prize-title {
  font-size: 180%;
  background: white;
  margin-bottom: 1em;
  line-height: 2em;
  height: 52px
}

@media only screen and (max-width:767px) {
  div.contest .prize .panel-item .prize-title {
    font-size: 150%
  }
}

div.contest .prize .panel-item .prize-title i {
  margin-top: 16px
}

@media only screen and (max-width:767px) {
  div.contest .prize .panel-item .prize-title i {
    margin-top: 20px
  }
}

div.contest .prize .panel-item .prize-title span {
  display: inline-block;
  font-weight: 700
}

@media only screen and (max-width:767px) {
  div.contest .prize .panel-item .prize-title span {
    line-height: 2.5em
  }
}

div.contest .prize .panel-item .information {
  display: -ms-flexbox;
  display: flex;
  line-height: 1.8em
}

div.contest .prize .panel-item .information .data {
  -ms-flex: 1;
  flex: 1
}

div.contest .prize .panel-item .information .title {
  font-size: 150%;
  margin-bottom: 1em;
  font-weight: 700
}

div.contest .prize .panel-item .information .group-name {
  margin: 2em 0
}

div.contest .prize .panel-item .information .name {
  font-size: 130%;
  font-weight: 700
}

div.contest .prize .panel-item .information .summary {
  color: #727272
}

div.contest .prize .panel-item .information .comment {
  -ms-flex: 1;
  flex: 1;
  background: rgba(255, 255, 255, .6);
  border: 1px solid #ffb018;
  padding: .5em
}

div.contest .prize .panel-item .information .comment .judge {
  font-size: 120%;
  font-weight: 700
}

div.contest .prize .panel-item .information .comment p {
  font-weight: 700;
  margin: .5em 0 0
}

div.contest .prize .panel-item.horizontal .image {
  text-align: center
}

div.contest .prize .panel-item.horizontal .image img {
  width: 80%;
  height: auto;
  margin-bottom: 2em
}

div.contest .prize .panel-item.horizontal .information {
  width: 80%;
  margin: auto
}

@media only screen and (max-width:767px) {
  div.contest .prize .panel-item.horizontal .information {
    width: 100%;
    display: block;
    -ms-flex-direction: column;
    flex-direction: column
  }
}

div.contest .prize .panel-item.horizontal .information .data {
  margin-right: 1em
}

@media only screen and (max-width:767px) {
  div.contest .prize .panel-item.horizontal .information .data {
    margin-right: 0;
    margin-bottom: 2em
  }
}

div.contest .prize .panel-item.vertical .image {
  text-align: center;
  width: 50%;
  float: left
}

@media only screen and (max-width:767px) {
  div.contest .prize .panel-item.vertical .image {
    width: 100%;
    float: none
  }
}

div.contest .prize .panel-item.vertical .image img {
  width: 100%;
  height: auto
}

@media only screen and (max-width:767px) {
  div.contest .prize .panel-item.vertical .image img {
    width: 60%;
    height: auto;
    margin-bottom: 2em
  }
}

div.contest .prize .panel-item.vertical .information {
  display: block;
  width: 49%;
  float: left;
  padding: 0 20px
}

@media only screen and (max-width:767px) {
  div.contest .prize .panel-item.vertical .information {
    width: 100%;
    display: block;
    padding: 0
  }
}

div.contest .prize .panel-item.vertical .information .data {
  margin-bottom: 2em
}

div.contest .art-detail {
  display: none
}

div.contest #art-item-list .panel-item {
  position: relative
}

@media only screen and (max-width:767px) {
  div.contest #art-item-list .panel-item {
    width: 50%
  }
}

div.contest #art-item-list .panel-item>.panel-summary {
  padding: 10px 20px;
  background-image: none
}

@media only screen and (max-width:767px) {
  div.contest #art-item-list .panel-item>.panel-summary {
    padding: 5px
  }
}

@media only screen and (max-width:767px) {
  div.contest #art-item-list .panel-item>.panel-summary .group-name .name {
    display: block
  }
}

div.contest #art-item-list .panel-item>.panel-summary .title {
  font-weight: 700;
  font-size: 110%
}

div.contest #art-item-list .panel-item a {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 500
}

div.contest #art-item-list .panel-item a i {
  position: absolute;
  bottom: 5px;
  right: 5%;
  color: #ffb018
}

@media only screen and (max-width:767px) {
  div.contest #art-item-list .panel-item a i {
    right: 10%
  }
}

#lightcase-overlay {
  background: #fff!important
}

a[class*=lightcase-icon-].lightcase-icon-close {
  color: #333;
  position: absolute!important;
  width: 25px;
  height: 25px;
  font-size: 25px
}

.lightcase-icon-close:before {
  font-size: 25px;
  color: #ffb018
}

a[class*=lightcase-icon-]:hover, #lightcase-case:hover~a[class*=lightcase-icon-] {
  color: #888
}

#lightcase-case #lightcase-content {
  border-radius: 10px
}

#lightcase-case .profile-detail {
  display: none
}

@media only screen and (max-width:767px) {
  #lightcase-case .profile-detail {
    text-shadow: none
  }
}

#lightcase-case .profile-detail h3 {
  font-size: 150%;
  line-height: 2em
}

#lightcase-case .profile-detail .inner {
  display: -ms-flexbox;
  display: flex
}

@media only screen and (max-width:767px) {
  #lightcase-case .profile-detail .inner {
    -ms-flex-direction: column;
    flex-direction: column
  }
}

#lightcase-case .profile-detail .inner .pict {
  text-align: center;
  -ms-flex: 1;
  flex: 1
}

@media only screen and (max-width:767px) {
  #lightcase-case .profile-detail .inner .pict {
    margin-bottom: 1em
  }
}

#lightcase-case .profile-detail .inner .pict img {
  width: 70%;
  height: auto
}

#lightcase-case .profile-detail .inner .data {
  -ms-flex: 1;
  flex: 1
}

#lightcase-case .profile-detail .inner .data .name {
  font-size: 180%;
  margin-bottom: .5em
}

#lightcase-case .profile-detail .inner .data .position {
  margin-bottom: 1em
}

#lightcase-case .profile-detail .inner .data .desc {
  line-height: 1.8em
}

#lightcase-case .art-detail {
  text-shadow: none
}

#lightcase-case .art-detail h3 {
  font-size: 120%;
  line-height: 2em
}

#lightcase-case .art-detail .panel-poster {
  text-align: center;
  margin-bottom: 1em
}

#lightcase-case .art-detail .panel-poster img {
  width: 75%;
  height: auto
}

#lightcase-case .art-detail .panel-summary {
  padding: 10px 20px
}

#lightcase-case .art-detail .panel-summary .title {
  font-size: 150%;
  font-weight: 700;
  margin-bottom: .6em
}

#lightcase-case .art-detail .panel-summary .label {
  color: #333;
  font-size: inherit;
  padding: 0;
  padding-right: .3em;
  font-weight: 400
}

#lightcase-case .art-detail .panel-summary .group-name {
  margin-bottom: .5em
}

#lightcase-case .art-detail .panel-summary .country-area-date {
  margin-bottom: .5em
}

#lightcase-case .art-detail .panel-summary .country-area-date .date {
  color: #333
}

#lightcase-case .art-detail .panel-summary .desc {
  font-size: 14px;
  line-height: 1.6em
}

@font-face {
  font-family: lightcase;
  src: url(../fonts/lightcase.eot?55356177);
  src: url(../fonts/lightcase.eot?55356177#iefix) format("embedded-opentype"), url(../fonts/lightcase.woff?55356177) format("woff"), url(../fonts/lightcase.ttf?55356177) format("truetype"), url(../fonts/lightcase.svg?55356177#lightcase) format("svg")
}

[class*=lightcase-icon-]:before {
  font-family: lightcase, sans-serif;
  font-style: normal;
  font-weight: 400;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em
}

.lightcase-icon-play:before {
  content: '\e800'
}

.lightcase-icon-pause:before {
  content: '\e801'
}

.lightcase-icon-close:before {
  content: '\e802'
}

.lightcase-icon-prev:before {
  content: '\e803'
}

.lightcase-icon-next:before {
  content: '\e804'
}

.lightcase-icon-spin:before {
  content: '\e805'
}

@keyframes lightcase-spin {
  0% {
    transform: rotate(0deg)
  }
  100% {
    transform: rotate(359deg)
  }
}

#lightcase-case {
  display: none;
  position: fixed;
  z-index: 2002;
  top: 50%;
  left: 50%;
  font-family: arial, sans-serif;
  font-size: 13px;
  line-height: 1.5;
  text-align: left;
  text-shadow: 0 0 10px rgba(0, 0, 0, .5)
}

@media screen and (max-width:640px) {
  html[data-lc-type=inline] #lightcase-case, html[data-lc-type=ajax] #lightcase-case {
    position: fixed!important;
    top: 0!important;
    left: 0!important;
    right: 0!important;
    bottom: 0!important;
    margin: 0!important;
    padding: 55px 0 70px;
    width: 100%!important;
    height: 100%!important;
    overflow: auto!important
  }
}

@media screen and (min-width:641px) {
  html:not([data-lc-type=error]) #lightcase-content {
    position: relative;
    z-index: 1;
    text-shadow: none;
    background-color: #fff;
    -o-box-shadow: 0 0 30px rgba(0, 0, 0, .5);
    box-shadow: 0 0 30px rgba(0, 0, 0, .5);
    -webkit-backface-visibility: hidden
  }
}

@media screen and (min-width:641px) {
  html[data-lc-type=image] #lightcase-content, html[data-lc-type=video] #lightcase-content {
    background-color: #333
  }
}

html[data-lc-type=inline] #lightcase-content, html[data-lc-type=ajax] #lightcase-content, html[data-lc-type=error] #lightcase-content {
  -o-box-shadow: none;
  box-shadow: none
}

@media screen and (max-width:640px) {
  html[data-lc-type=inline] #lightcase-content, html[data-lc-type=ajax] #lightcase-content, html[data-lc-type=error] #lightcase-content {
    position: relative!important;
    top: auto!important;
    left: auto!important;
    width: auto!important;
    height: auto!important;
    margin: 0!important;
    padding: 0!important;
    border: none!important;
    background: none!important
  }
}

html[data-lc-type=inline] #lightcase-content .lightcase-contentInner, html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner, html[data-lc-type=error] #lightcase-content .lightcase-contentInner {
  -o-box-sizing: border-box;
  box-sizing: border-box
}

@media screen and (max-width:640px) {
  html[data-lc-type=inline] #lightcase-content .lightcase-contentInner, html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner, html[data-lc-type=error] #lightcase-content .lightcase-contentInner {
    padding: 15px
  }
  html[data-lc-type=inline] #lightcase-content .lightcase-contentInner, html[data-lc-type=inline] #lightcase-content .lightcase-contentInner>*, html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner, html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner>*, html[data-lc-type=error] #lightcase-content .lightcase-contentInner, html[data-lc-type=error] #lightcase-content .lightcase-contentInner>* {
    width: 100%!important;
    max-width: none!important
  }
  html[data-lc-type=inline] #lightcase-content .lightcase-contentInner>*:not(iframe), html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner>*:not(iframe), html[data-lc-type=error] #lightcase-content .lightcase-contentInner>*:not(iframe) {
    height: auto!important;
    max-height: none!important
  }
}

@media screen and (max-width:640px) {
  html.lightcase-isMobileDevice[data-lc-type=iframe] #lightcase-content .lightcase-contentInner iframe {
    overflow: auto;
    -webkit-overflow-scrolling: touch
  }
}

@media screen and (max-width:640px) and (min-width:641px) {
  html[data-lc-type=image] #lightcase-content .lightcase-contentInner, html[data-lc-type=video] #lightcase-content .lightcase-contentInner {
    line-height: .75
  }
}

html[data-lc-type=image] #lightcase-content .lightcase-contentInner {
  position: relative;
  overflow: hidden!important
}

@media screen and (max-width:640px) {
  html[data-lc-type=inline] #lightcase-content .lightcase-contentInner .lightcase-inlineWrap, html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner .lightcase-inlineWrap, html[data-lc-type=error] #lightcase-content .lightcase-contentInner .lightcase-inlineWrap {
    position: relative!important;
    top: auto!important;
    left: auto!important;
    width: auto!important;
    height: auto!important;
    margin: 0!important;
    padding: 0!important;
    border: none!important;
    background: none!important
  }
}

@media screen and (min-width:641px) {
  html:not([data-lc-type=error]) #lightcase-content .lightcase-contentInner .lightcase-inlineWrap {
    padding: 30px;
    overflow: auto;
    -o-box-sizing: border-box;
    box-sizing: border-box
  }
}

@media screen and (max-width:640px) {
  #lightcase-content h1, #lightcase-content h2, #lightcase-content h3, #lightcase-content h4, #lightcase-content h5, #lightcase-content h6, #lightcase-content p {
    color: #aaa
  }
}

@media screen and (min-width:641px) {
  #lightcase-content h1, #lightcase-content h2, #lightcase-content h3, #lightcase-content h4, #lightcase-content h5, #lightcase-content h6, #lightcase-content p {
    color: #333
  }
}

#lightcase-case p.lightcase-error {
  margin: 0;
  font-size: 17px;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #aaa
}

@media screen and (max-width:640px) {
  #lightcase-case p.lightcase-error {
    padding: 30px 0
  }
}

@media screen and (min-width:641px) {
  #lightcase-case p.lightcase-error {
    padding: 0
  }
}

.lightcase-open body {
  overflow: hidden
}

.lightcase-isMobileDevice .lightcase-open body {
  max-width: 100%;
  max-height: 100%
}

#lightcase-info {
  position: absolute;
  padding-top: 15px
}

#lightcase-info #lightcase-title, #lightcase-info #lightcase-caption {
  margin: 0;
  padding: 0;
  line-height: 1.5;
  font-weight: 400;
  text-overflow: ellipsis
}

#lightcase-info #lightcase-title {
  font-size: 17px;
  color: #aaa
}

@media screen and (max-width:640px) {
  #lightcase-info #lightcase-title {
    position: fixed;
    top: 10px;
    left: 0;
    max-width: 87.5%;
    padding: 5px 15px;
    background: #333
  }
}

#lightcase-info #lightcase-caption {
  clear: both;
  font-size: 13px;
  color: #aaa
}

#lightcase-info #lightcase-sequenceInfo {
  font-size: 11px;
  color: #aaa
}

@media screen and (max-width:640px) {
  .lightcase-fullScreenMode #lightcase-info {
    padding-left: 15px;
    padding-right: 15px
  }
  html:not([data-lc-type=image]):not([data-lc-type=video]):not([data-lc-type=flash]):not([data-lc-type=error]) #lightcase-info {
    position: static
  }
}

#lightcase-loading {
  z-index: 9999;
  width: 1.123em;
  height: auto;
  font-size: 38px;
  line-height: 1;
  text-align: center;
  text-shadow: none;
  position: fixed;
  z-index: 2001;
  top: 50%;
  left: 50%;
  margin-top: -.5em;
  margin-left: -.5em;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  font-size: 32px;
  text-shadow: 0 0 15px #fff;
  -moz-transform-origin: 50% 53%;
  animation: lightcase-spin .5s infinite linear
}

#lightcase-loading, #lightcase-loading:focus {
  text-decoration: none;
  color: #fff;
  -webkit-tap-highlight-color: transparent;
  transition: color, opacity, ease-in-out .25s
}

#lightcase-loading>span {
  display: inline-block;
  text-indent: -9999px
}

a[class*=lightcase-icon-] {
  position: fixed;
  z-index: 9999;
  width: 1.123em;
  height: auto;
  font-size: 38px;
  line-height: 1;
  text-align: center;
  text-shadow: none;
  outline: none;
  cursor: pointer
}

a[class*=lightcase-icon-], a[class*=lightcase-icon-]:focus {
  text-decoration: none;
  color: rgba(255, 255, 255, .6);
  -webkit-tap-highlight-color: transparent;
  transition: color, opacity, ease-in-out .25s
}

a[class*=lightcase-icon-]>span {
  display: inline-block;
  text-indent: -9999px
}

a[class*=lightcase-icon-]:hover {
  color: white;
  text-shadow: 0 0 15px white
}

.lightcase-isMobileDevice a[class*=lightcase-icon-]:hover {
  color: #aaa;
  text-shadow: none
}

a[class*=lightcase-icon-].lightcase-icon-close {
  position: fixed;
  top: 15px;
  right: 15px;
  bottom: auto;
  margin: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  outline: none
}

a[class*=lightcase-icon-].lightcase-icon-prev {
  left: 15px
}

a[class*=lightcase-icon-].lightcase-icon-next {
  right: 15px
}

a[class*=lightcase-icon-].lightcase-icon-pause, a[class*=lightcase-icon-].lightcase-icon-play {
  left: 50%;
  margin-left: -.5em
}

@media screen and (min-width:641px) {
  a[class*=lightcase-icon-].lightcase-icon-pause, a[class*=lightcase-icon-].lightcase-icon-play {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
  }
}

@media screen and (max-width:640px) {
  a[class*=lightcase-icon-] {
    bottom: 15px;
    font-size: 24px
  }
}

@media screen and (min-width:641px) {
  a[class*=lightcase-icon-] {
    bottom: 50%;
    margin-bottom: -.5em
  }
  a[class*=lightcase-icon-]:hover, #lightcase-case:hover~a[class*=lightcase-icon-] {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
  }
}

#lightcase-overlay {
  display: none;
  width: 100%;
  min-height: 100%;
  position: fixed;
  z-index: 2000;
  top: -9999px;
  bottom: -9999px;
  left: 0;
  background: #333
}

@media screen and (max-width:640px) {
  #lightcase-overlay {
    opacity: 1!important;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
  }
}