@charset "UTF-8";
*, *:after, *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

img, video {
  max-width: 100%;
  height: auto
}


/*! normalize.css v2.1.3 | MIT License | git.io/normalize */

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

audio, canvas, video {
  display: inline-block
}

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

[hidden], template {
  display: none
}

html {
  font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, "メイリオ", sans-serif;
  font-size: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  line-height: 1.5em
}

body {
  margin: 0
}

a {
  background: transparent
}

a:focus {
  outline: thin dotted
}

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

p, pre {
  margin: 1.5em 0
}

blockquote {
  margin: 1.5em 40px
}

h1 {
  font-size: 2.5625em;
  line-height: 1.17073em;
  margin-top: 0.58537em;
  margin-bottom: 0.58537em
}

h2 {
  font-size: 2.125em;
  line-height: 1.41176em;
  margin-top: 0.70588em;
  margin-bottom: 0.70588em
}

h3 {
  font-size: 1.75em;
  line-height: 1.71429em;
  margin-top: 0.85714em;
  margin-bottom: 0.85714em
}

h4 {
  font-size: 1.25em;
  line-height: 1.2em;
  margin-top: 1.2em;
  margin-bottom: 1.2em
}

h5 {
  font-size: 1em;
  line-height: 1.5em;
  margin-top: 1.5em;
  margin-bottom: 1.5em
}

h6 {
  font-size: 0.875em;
  line-height: 1.71429em;
  margin-top: 1.71429em;
  margin-bottom: 1.71429em
}

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

b, strong {
  font-weight: bold
}

dfn {
  font-style: italic
}

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

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

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

pre {
  white-space: pre-wrap
}

q {
  quotes: "\201C" "\201D" "\2018" "\2019"
}

small {
  font-size: 80%
}

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

sup {
  top: -0.5em
}

sub {
  bottom: -0.25em
}

dl, menu, ol, ul {
  margin: 1.5em 0
}

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

dd {
  margin: 0 0 0 40px
}

menu, ol, ul {
  padding: 0 0 0 40px
}

img {
  border: 0
}

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

figure {
  margin: 0
}

fieldset {
  margin: 0 2px;
  border-color: #c0c0c0;
  border-top-style: solid;
  border-top-width: 0.0625em;
  padding-top: 0.4625em;
  border-bottom-style: solid;
  border-bottom-width: 0.0625em;
  padding-bottom: 0.9125em;
  border-left-style: solid;
  border-left-width: 0.0625em;
  padding-left: 0.875em;
  border-right-style: solid;
  border-right-width: 0.0625em;
  padding-right: 0.875em
}

legend {
  border: 0;
  padding: 0
}

button, input, select, textarea {
  font-family: inherit;
  font-size: 100%;
  margin: 0
}

button, input {
  line-height: normal
}

button, select {
  text-transform: none
}

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

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

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

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

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

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

textarea {
  overflow: auto;
  vertical-align: top
}

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

@media print {
  * {
    color: #000 !important
  }
  .hd, .secondary--beta, footer.ft {
    display: none
  }
  .primary--beta {
    width: 100% !important;
    margin: 0 auto
  }
  img {
    max-width: 100% !important
  }
}

.hidden {
  display: none !important;
  visibility: hidden
}

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px
}

.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto
}

.invisible {
  visibility: hidden
}

.list-module {
  list-style: none;
  margin-bottom: 0;
  padding-left: 0
}

.list-module:before, .list-module:after {
  content: " ";
  display: table
}

.list-module:after {
  clear: both
}

.hero__inner, .cnt__inner, .hd--home__inner, .hd__inner, .ft--related__inner, .ftGlobal__container {
  width: 95%;
  margin-right: auto;
  margin-left: auto
}

.hero__inner:before, .cnt__inner:before, .hd--home__inner:before, .hd__inner:before, .ft--related__inner:before, .ftGlobal__container:before, .hero__inner:after, .cnt__inner:after, .hd--home__inner:after, .hd__inner:after, .ft--related__inner:after, .ftGlobal__container:after {
  content: " ";
  display: table
}

.hero__inner:after, .cnt__inner:after, .hd--home__inner:after, .hd__inner:after, .ft--related__inner:after, .ftGlobal__container:after {
  clear: both
}

@media (min-width: 768px) {
  .hero__inner, .cnt__inner, .hd--home__inner, .hd__inner, .ft--related__inner, .ftGlobal__container {
    width: 100%
  }
}


/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */

html, button, input, select, textarea {
  color: #222222
}

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

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

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0
}

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

fieldset {
  border: 0;
  margin: 0;
  padding: 0
}

textarea {
  resize: vertical
}

html {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.1)
}

html, body {
  height: 100%;
  margin: 0
}

body {
  font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, "メイリオ", sans-serif;
  font-size: 16px;
  line-height: 1.5;
  color: #5f6a7d;
  background-color: white;
  -webkit-font-smoothing: antialiased;
  overflow-y: scroll
}

.windows body {
  font-family: 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif
}

.windows.ie8 body, .windows.ie7 body, .windows.ie6 body {
  font-family: 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif
}

.android body {
  font-family: 'Yu Gothic', sans-serif
}

@media (min-width: 768px) {
  body {
    font-size: 14px;
    font-size: 0.875rem
  }
}

@media (min-width: 1024px) {
  body {
    font-size: 14px;
    font-size: 0.875rem
  }
}

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

h1, h2, h3, h4, h5, h6, p, ul, ol, dl, table, pre {
  margin-top: 0
}

p, li, dt, dd, th, td, pre {
  -ms-line-break: strict;
  line-break: strict;
  -ms-word-break: break-strict;
  word-break: break-strict
}

a {
  color: #1253a4;
  text-decoration: none;
  outline: none;
  -webkit-transition: background-color 200ms cubic-bezier(0.25, 0.1, 0.25, 1);
  transition: background-color 200ms cubic-bezier(0.25, 0.1, 0.25, 1)
}

a:hover, a:focus {
  color: #3498db;
  text-decoration: underline
}

a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px
}

a:active {
  outline: none
}

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

.img-responsive {
  display: block;
  max-width: 100%;
  height: auto
}

.ie8 img {
  width: auto;
  height: auto
}

hr {
  display: block;
  height: 1px;
  margin-top: 24px;
  margin-bottom: 24px;
  padding: 0;
  border: 0;
  border-top: 1px solid #eeeeee
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-weight: 500;
  line-height: 1.1;
  color: inherit
}

h1 small, h1 .small, h2 small, h2 .small, h3 small, h3 .small, h4 small, h4 .small, h5 small, h5 .small, h6 small, h6 .small, .h1 small, .h1 .small, .h2 small, .h2 .small, .h3 small, .h3 .small, .h4 small, .h4 .small, .h5 small, .h5 .small, .h6 small, .h6 .small {
  font-weight: normal;
  line-height: 1
}

h1, h2, h3 {
  margin-top: 24px;
  margin-bottom: 12px
}

h1 small, h1 .small, h2 small, h2 .small, h3 small, h3 .small {
  font-size: 65%
}

h4, h5, h6 {
  margin-top: 12px;
  margin-bottom: 12px
}

h4 small, h4 .small, h5 small, h5 .small, h6 small, h6 .small {
  font-size: 75%
}

h1, .h1 {
  font-size: 41px
}

h2, .h2 {
  font-size: 34px
}

h3, .h3 {
  font-size: 28px
}

h4, .h4 {
  font-size: 20px
}

h5, .h5 {
  font-size: 16px
}

h6, .h6 {
  font-size: 14px
}

p {
  margin: 0 0 12px
}

.lead {
  margin-bottom: 24px;
  font-size: 18px;
  font-weight: 200;
  line-height: 1.4
}

@media (min-width: 768px) {
  .lead {
    font-size: 24px
  }
}

small, .small {
  font-size: 85%
}

cite {
  font-style: normal
}

.text-muted {
  color: #999999
}

.text-primary {
  color: #1253a4
}

.text-primary:hover {
  color: #0d3c76
}

.text-warning {
  color: #c09853
}

.text-warning:hover {
  color: #a47e3c
}

.text-danger {
  color: #b94a48
}

.text-danger:hover {
  color: #953b39
}

.text-success {
  color: #468847
}

.text-success:hover {
  color: #356635
}

.text-info {
  color: #3a87ad
}

.text-info:hover {
  color: #2d6987
}

.text-left {
  text-align: left
}

.text-right {
  text-align: right
}

.text-center {
  text-align: center
}

.page-header {
  padding-bottom: 11px;
  margin: 48px 0 24px;
  border-bottom: 1px solid #eeeeee
}

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

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

.list-unstyled, .list-inline, nav ul, nav ol, .nav, .lnav, .lnav--onepagenav {
  padding-left: 0;
  list-style: none
}

.list-inline>li {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px
}

.list-inline>li:first-child {
  padding-left: 0
}

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

dt, dd {
  line-height: 1.5
}

dt {
  font-weight: bold
}

dd {
  margin-left: 0
}

@media (min-width: 768px) {
  .dl-horizontal dt {
    float: left;
    width: 160px;
    clear: left;
    text-align: right
  }
  .dl-horizontal dd {
    margin-left: 180px
  }
  .dl-horizontal dd:before, .dl-horizontal dd:after {
    content: " ";
    display: table
  }
  .dl-horizontal dd:after {
    clear: both
  }
}

abbr[title], abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #999999
}

.initialism {
  font-size: 90%;
  text-transform: uppercase
}

blockquote {
  padding: 12px 24px;
  margin: 0 0 24px;
  border-left: 5px solid #eeeeee
}

blockquote p {
  font-size: 20px;
  font-weight: 300;
  line-height: 1.25
}

blockquote p:last-child {
  margin-bottom: 0
}

blockquote small, blockquote .small {
  display: block;
  line-height: 1.5;
  color: #999999
}

blockquote small:before, blockquote .small:before {
  content: '\2014 \00A0'
}

blockquote.pull-right {
  padding-right: 15px;
  padding-left: 0;
  border-right: 5px solid #eeeeee;
  border-left: 0
}

blockquote.pull-right p, blockquote.pull-right small, blockquote.pull-right .small {
  text-align: right
}

blockquote.pull-right small:before, blockquote.pull-right .small:before {
  content: ''
}

blockquote.pull-right small:after, blockquote.pull-right .small:after {
  content: '\00A0 \2014'
}

blockquote:before, blockquote:after {
  content: ""
}

address {
  margin-bottom: 24px;
  font-style: normal;
  line-height: 1.5
}

code, kbd, pre, samp {
  font-family: Monaco, Menlo, Consolas, "Courier New", monospace
}

code {
  padding: 2px 4px;
  font-size: 90%;
  color: #c7254e;
  background-color: #f9f2f4;
  white-space: nowrap;
  border-radius: 2px
}

pre {
  display: block;
  padding: 11.5px;
  margin: 0 0 12px;
  font-size: 15px;
  line-height: 1.5;
  word-break: break-all;
  word-wrap: break-word;
  color: #333333;
  background-color: whitesmoke;
  border: 1px solid #cccccc;
  border-radius: 2px
}

pre code {
  padding: 0;
  font-size: inherit;
  color: inherit;
  white-space: pre-wrap;
  background-color: transparent;
  border-radius: 0
}

.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll
}

table {
  max-width: 100%;
  background-color: transparent
}

th {
  text-align: left
}

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

.table>thead>tr>th, .table>thead>tr>td, .table>tbody>tr>th, .table>tbody>tr>td, .table>tfoot>tr>th, .table>tfoot>tr>td {
  padding: 8px;
  line-height: 1.5;
  vertical-align: top;
  border-top: 1px solid #dddddd
}

.table>thead>tr>th {
  vertical-align: bottom;
  border-bottom: 2px solid #dddddd
}

.table>caption+thead>tr:first-child>th, .table>caption+thead>tr:first-child>td, .table>colgroup+thead>tr:first-child>th, .table>colgroup+thead>tr:first-child>td, .table>thead:first-child>tr:first-child>th, .table>thead:first-child>tr:first-child>td {
  border-top: 0
}

.table>tbody+tbody {
  border-top: 2px solid #dddddd
}

.table .table {
  background-color: white
}

.table-condensed>thead>tr>th, .table-condensed>thead>tr>td, .table-condensed>tbody>tr>th, .table-condensed>tbody>tr>td, .table-condensed>tfoot>tr>th, .table-condensed>tfoot>tr>td {
  padding: 5px
}

.table-bordered {
  border: 1px solid #dddddd
}

.table-bordered>thead>tr>th, .table-bordered>thead>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tbody>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>tfoot>tr>td {
  border: 1px solid #dddddd
}

.table-bordered>thead>tr>th, .table-bordered>thead>tr>td {
  border-bottom-width: 2px
}

.table-striped>tbody>tr:nth-child(odd)>td, .table-striped>tbody>tr:nth-child(odd)>th {
  background-color: #f9f9f9
}

.table-hover>tbody>tr:hover>td, .table-hover>tbody>tr:hover>th {
  background-color: whitesmoke
}

table col[class*="col-"] {
  position: static;
  float: none;
  display: table-column
}

table td[class*="col-"], table th[class*="col-"] {
  float: none;
  display: table-cell
}

.table>thead>tr>.active, .table>thead>.active>td, .table>thead>.active>th, .table>tbody>tr>.active, .table>tbody>.active>td, .table>tbody>.active>th, .table>tfoot>tr>.active, .table>tfoot>.active>td, .table>tfoot>.active>th {
  background-color: whitesmoke
}

.table-hover>tbody>tr>.active:hover, .table-hover>tbody>.active:hover>td, .table-hover>tbody>.active:hover>th {
  background-color: #e8e8e8
}

.table>thead>tr>.success, .table>thead>.success>td, .table>thead>.success>th, .table>tbody>tr>.success, .table>tbody>.success>td, .table>tbody>.success>th, .table>tfoot>tr>.success, .table>tfoot>.success>td, .table>tfoot>.success>th {
  background-color: #dff0d8
}

.table-hover>tbody>tr>.success:hover, .table-hover>tbody>.success:hover>td, .table-hover>tbody>.success:hover>th {
  background-color: #d0e9c6
}

.table>thead>tr>.danger, .table>thead>.danger>td, .table>thead>.danger>th, .table>tbody>tr>.danger, .table>tbody>.danger>td, .table>tbody>.danger>th, .table>tfoot>tr>.danger, .table>tfoot>.danger>td, .table>tfoot>.danger>th {
  background-color: #f2dede
}

.table-hover>tbody>tr>.danger:hover, .table-hover>tbody>.danger:hover>td, .table-hover>tbody>.danger:hover>th {
  background-color: #ebcccc
}

.table>thead>tr>.warning, .table>thead>.warning>td, .table>thead>.warning>th, .table>tbody>tr>.warning, .table>tbody>.warning>td, .table>tbody>.warning>th, .table>tfoot>tr>.warning, .table>tfoot>.warning>td, .table>tfoot>.warning>th {
  background-color: #fcf8e3
}

.table-hover>tbody>tr>.warning:hover, .table-hover>tbody>.warning:hover>td, .table-hover>tbody>.warning:hover>th {
  background-color: #faf2cc
}

@media (max-width: 767px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 18px;
    overflow-y: hidden;
    overflow-x: scroll;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #dddddd;
    -webkit-overflow-scrolling: touch
  }
  .table-responsive>.table {
    margin-bottom: 0
  }
  .table-responsive>.table>thead>tr>th, .table-responsive>.table>thead>tr>td, .table-responsive>.table>tbody>tr>th, .table-responsive>.table>tbody>tr>td, .table-responsive>.table>tfoot>tr>th, .table-responsive>.table>tfoot>tr>td {
    white-space: nowrap
  }
  .table-responsive>.table-bordered {
    border: 0
  }
  .table-responsive>.table-bordered>thead>tr>th:first-child, .table-responsive>.table-bordered>thead>tr>td:first-child, .table-responsive>.table-bordered>tbody>tr>th:first-child, .table-responsive>.table-bordered>tbody>tr>td:first-child, .table-responsive>.table-bordered>tfoot>tr>th:first-child, .table-responsive>.table-bordered>tfoot>tr>td:first-child {
    border-left: 0
  }
  .table-responsive>.table-bordered>thead>tr>th:last-child, .table-responsive>.table-bordered>thead>tr>td:last-child, .table-responsive>.table-bordered>tbody>tr>th:last-child, .table-responsive>.table-bordered>tbody>tr>td:last-child, .table-responsive>.table-bordered>tfoot>tr>th:last-child, .table-responsive>.table-bordered>tfoot>tr>td:last-child {
    border-right: 0
  }
  .table-responsive>.table-bordered>tbody>tr:last-child>th, .table-responsive>.table-bordered>tbody>tr:last-child>td, .table-responsive>.table-bordered>tfoot>tr:last-child>th, .table-responsive>.table-bordered>tfoot>tr:last-child>td {
    border-bottom: 0
  }
}

fieldset {
  padding: 0;
  margin: 0;
  border: 0
}

legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 24px;
  font-size: 24px;
  line-height: inherit;
  color: #333333;
  border: 0;
  border-bottom: 1px solid #e5e5e5
}

label {
  display: inline-block;
  margin-bottom: 5px;
  font-weight: bold
}

input[type="search"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

input[type="radio"], input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  line-height: normal
}

input[type="file"] {
  display: block
}

select[multiple], select[size] {
  height: auto
}

select optgroup {
  font-size: inherit;
  font-style: inherit;
  font-family: inherit
}

input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px
}

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

output {
  display: block;
  padding-top: 16px;
  font-size: 16px;
  line-height: 1.5;
  color: #555555;
  vertical-align: middle
}

.form-control {
  display: block;
  width: 100%;
  height: 56px;
  padding: 15px 12px;
  font-size: 16px;
  line-height: 1.5;
  color: #555555;
  vertical-align: middle;
  background-color: white;
  background-image: none;
  border: 1px solid #cccccc;
  border-radius: 2px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s
}

.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6)
}

.form-control:-moz-placeholder {
  color: #cccccc
}

.form-control::-moz-placeholder {
  color: #cccccc;
  opacity: 1
}

.form-control:-ms-input-placeholder {
  color: #cccccc
}

.form-control::-webkit-input-placeholder {
  color: #cccccc
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
  cursor: not-allowed;
  background-color: #eeeeee
}

textarea.form-control {
  height: auto
}

.form-group {
  margin-bottom: 15px
}

.radio, .checkbox {
  display: block;
  min-height: 24px;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-left: 20px;
  vertical-align: middle
}

.radio label, .checkbox label {
  display: inline;
  margin-bottom: 0;
  font-weight: normal;
  cursor: pointer
}

.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
  float: left;
  margin-left: -20px
}

.radio+.radio, .checkbox+.checkbox {
  margin-top: -5px
}

.radio-inline, .checkbox-inline {
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  vertical-align: middle;
  font-weight: normal;
  cursor: pointer
}

.radio-inline+.radio-inline, .checkbox-inline+.checkbox-inline {
  margin-top: 0;
  margin-left: 10px
}

input[type="radio"][disabled], fieldset[disabled] input[type="radio"], input[type="checkbox"][disabled], fieldset[disabled] input[type="checkbox"], .radio[disabled], fieldset[disabled] .radio, .radio-inline[disabled], fieldset[disabled] .radio-inline, .checkbox[disabled], fieldset[disabled] .checkbox, .checkbox-inline[disabled], fieldset[disabled] .checkbox-inline {
  cursor: not-allowed
}

.input-sm, .input-group-sm>.form-control, .input-group-sm>.input-group-addon, .input-group-sm>.input-group-btn>.btn {
  height: 33px;
  padding: 5px 10px;
  font-size: 14px;
  line-height: 1.5;
  border-radius: 3px
}

select.input-sm, .input-group-sm>select.form-control, .input-group-sm>select.input-group-addon, .input-group-sm>.input-group-btn>select.btn {
  height: 33px;
  line-height: 33px
}

textarea.input-sm, .input-group-sm>textarea.form-control, .input-group-sm>textarea.input-group-addon, .input-group-sm>.input-group-btn>textarea.btn {
  height: auto
}

.input-lg, .input-group-lg>.form-control, .input-group-lg>.input-group-addon, .input-group-lg>.input-group-btn>.btn {
  height: 49px;
  padding: 10px 16px;
  font-size: 20px;
  line-height: 1.33;
  border-radius: 6px
}

select.input-lg, .input-group-lg>select.form-control, .input-group-lg>select.input-group-addon, .input-group-lg>.input-group-btn>select.btn {
  height: 49px;
  line-height: 49px
}

textarea.input-lg, .input-group-lg>textarea.form-control, .input-group-lg>textarea.input-group-addon, .input-group-lg>.input-group-btn>textarea.btn {
  height: auto
}

.has-warning .help-block, .has-warning .control-label, .has-warning .radio, .has-warning .checkbox, .has-warning .radio-inline, .has-warning .checkbox-inline {
  color: #c09853
}

.has-warning .form-control {
  border-color: #c09853;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075)
}

.has-warning .form-control:focus {
  border-color: #a47e3c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e
}

.has-warning .input-group-addon {
  color: #c09853;
  border-color: #c09853;
  background-color: #fcf8e3
}

.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline {
  color: #b94a48
}

.has-error .form-control {
  border-color: #b94a48;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075)
}

.has-error .form-control:focus {
  border-color: #953b39;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392
}

.has-error .input-group-addon {
  color: #b94a48;
  border-color: #b94a48;
  background-color: #f2dede
}

.has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline {
  color: #468847
}

.has-success .form-control {
  border-color: #468847;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075)
}

.has-success .form-control:focus {
  border-color: #356635;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b
}

.has-success .input-group-addon {
  color: #468847;
  border-color: #468847;
  background-color: #dff0d8
}

.form-control-static {
  margin-bottom: 0
}

.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #a3abb9
}

@media (min-width: 768px) {
  .form-inline .form-group, .navbar-form .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle
  }
  .form-inline .form-control, .navbar-form .form-control {
    display: inline-block
  }
  .form-inline select.form-control, .navbar-form select.form-control {
    width: auto
  }
  .form-inline .radio, .navbar-form .radio, .form-inline .checkbox, .navbar-form .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0
  }
  .form-inline .radio input[type="radio"], .navbar-form .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"], .navbar-form .checkbox input[type="checkbox"] {
    float: none;
    margin-left: 0
  }
}

.form-horizontal .control-label, .form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 16px
}

.form-horizontal .radio, .form-horizontal .checkbox {
  min-height: 40px
}

.form-horizontal .form-control-static {
  padding-top: 16px
}

@media (min-width: 768px) {
  .form-horizontal .control-label {
    text-align: right
  }
}

.btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 15px 12px;
  font-size: 16px;
  line-height: 1.5;
  border-radius: 2px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none
}

.btn:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
  outline: 0
}

.btn:hover, .btn:focus {
  color: #333333;
  text-decoration: none
}

.btn:active, .btn.active {
  outline: 0;
  background-image: none
}

.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.65;
  filter: alpha(opacity=65)
}

.btn-default {
  color: #333333;
  background-color: white;
  border-color: #cccccc;
  border: none
}

.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active {
  color: #333333;
  background-color: #3498db;
  border-color: #3498db
}

.open .btn-default.dropdown-toggle {
  color: #333333;
  background-color: #ebebeb;
  border-color: #adadad
}

.btn-default:active, .btn-default.active {
  background-image: none
}

.open .btn-default.dropdown-toggle {
  background-image: none
}

.btn-default.disabled, .btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled:active, .btn-default.disabled.active, .btn-default[disabled], .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled]:active, .btn-default[disabled].active, fieldset[disabled] .btn-default, fieldset[disabled] .btn-default:hover, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:active, fieldset[disabled] .btn-default.active {
  background-color: white;
  border-color: #cccccc
}

.btn-default .badge {
  color: white;
  background-color: #fff
}

.btn-primary {
  color: white;
  background-color: #1253a4;
  border-color: #0e407f;
  border: none
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active {
  color: white;
  background-color: #3498db;
  border-color: #3498db
}

.open .btn-primary.dropdown-toggle {
  color: white;
  background-color: #0e407f;
  border-color: #082448
}

.btn-primary:active, .btn-primary.active {
  background-image: none
}

.open .btn-primary.dropdown-toggle {
  background-image: none
}

.btn-primary.disabled, .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled:active, .btn-primary.disabled.active, .btn-primary[disabled], .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled]:active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary.active {
  background-color: #1253a4;
  border-color: #0e407f
}

.btn-primary .badge {
  color: #1253a4;
  background-color: #fff
}

.btn-warning {
  color: white;
  background-color: #f0ad4e;
  border-color: #eea236;
  border: none
}

.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active {
  color: white;
  background-color: #3498db;
  border-color: #3498db
}

.open .btn-warning.dropdown-toggle {
  color: white;
  background-color: #ed9c28;
  border-color: #d58512
}

.btn-warning:active, .btn-warning.active {
  background-image: none
}

.open .btn-warning.dropdown-toggle {
  background-image: none
}

.btn-warning.disabled, .btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled:active, .btn-warning.disabled.active, .btn-warning[disabled], .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled]:active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning, fieldset[disabled] .btn-warning:hover, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning:active, fieldset[disabled] .btn-warning.active {
  background-color: #f0ad4e;
  border-color: #eea236
}

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

.btn-danger {
  color: white;
  background-color: #d9534f;
  border-color: #d43f3a;
  border: none
}

.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active {
  color: white;
  background-color: #3498db;
  border-color: #3498db
}

.open .btn-danger.dropdown-toggle {
  color: white;
  background-color: #d2322d;
  border-color: #ac2925
}

.btn-danger:active, .btn-danger.active {
  background-image: none
}

.open .btn-danger.dropdown-toggle {
  background-image: none
}

.btn-danger.disabled, .btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled:active, .btn-danger.disabled.active, .btn-danger[disabled], .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled]:active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger, fieldset[disabled] .btn-danger:hover, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger:active, fieldset[disabled] .btn-danger.active {
  background-color: #d9534f;
  border-color: #d43f3a
}

.btn-danger .badge {
  color: #d9534f;
  background-color: #fff
}

.btn-success {
  color: white;
  background-color: #5cb85c;
  border-color: #4cae4c;
  border: none
}

.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active {
  color: white;
  background-color: #3498db;
  border-color: #3498db
}

.open .btn-success.dropdown-toggle {
  color: white;
  background-color: #47a447;
  border-color: #398439
}

.btn-success:active, .btn-success.active {
  background-image: none
}

.open .btn-success.dropdown-toggle {
  background-image: none
}

.btn-success.disabled, .btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled:active, .btn-success.disabled.active, .btn-success[disabled], .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled]:active, .btn-success[disabled].active, fieldset[disabled] .btn-success, fieldset[disabled] .btn-success:hover, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success:active, fieldset[disabled] .btn-success.active {
  background-color: #5cb85c;
  border-color: #4cae4c
}

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

.btn-info {
  color: white;
  background-color: #5bc0de;
  border-color: #46b8da;
  border: none
}

.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active {
  color: white;
  background-color: #3498db;
  border-color: #3498db
}

.open .btn-info.dropdown-toggle {
  color: white;
  background-color: #39b3d7;
  border-color: #269abc
}

.btn-info:active, .btn-info.active {
  background-image: none
}

.open .btn-info.dropdown-toggle {
  background-image: none
}

.btn-info.disabled, .btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled:active, .btn-info.disabled.active, .btn-info[disabled], .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled]:active, .btn-info[disabled].active, fieldset[disabled] .btn-info, fieldset[disabled] .btn-info:hover, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info:active, fieldset[disabled] .btn-info.active {
  background-color: #5bc0de;
  border-color: #46b8da
}

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

.btn-link {
  color: #1253a4;
  font-weight: normal;
  cursor: pointer;
  border-radius: 0
}

.btn-link, .btn-link:active, .btn-link[disabled], fieldset[disabled] .btn-link {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none
}

.btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active {
  border-color: transparent
}

.btn-link:hover, .btn-link:focus {
  color: #3498db;
  text-decoration: underline;
  background-color: transparent
}

.btn-link[disabled]:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:hover, fieldset[disabled] .btn-link:focus {
  color: #999999;
  text-decoration: none
}

.btn-lg, .btn-group-lg>.btn {
  padding: 10px 16px;
  font-size: 20px;
  line-height: 1.33;
  border-radius: 6px
}

.btn-sm, .btn-group-sm>.btn {
  padding: 5px 10px;
  font-size: 14px;
  line-height: 1.5;
  border-radius: 3px
}

.btn-xs, .btn-group-xs>.btn {
  padding: 1px 5px;
  font-size: 14px;
  line-height: 1.5;
  border-radius: 3px
}

.btn-block {
  display: block;
  width: 100%;
  padding-left: 0;
  padding-right: 0
}

.btn-block+.btn-block {
  margin-top: 5px
}

input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block {
  width: 100%
}

.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear
}

.fade.in {
  opacity: 1
}

.collapse {
  display: none
}

.collapse.in {
  display: block
}

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition: height 0.35s ease;
  transition: height 0.35s ease
}

.slideDown {
  animation-name: slideDown;
  -webkit-animation-name: slideDown;
  animation-duration: 1s;
  -webkit-animation-duration: 1s;
  animation-timing-function: ease;
  -webkit-animation-timing-function: ease;
  visibility: visible !important
}

@keyframes slideDown {
  0% {
    transform: translateY(-100%)
  }
  50% {
    transform: translateY(8%)
  }
  65% {
    transform: translateY(-4%)
  }
  80% {
    transform: translateY(4%)
  }
  95% {
    transform: translateY(-2%)
  }
  100% {
    transform: translateY(0%)
  }
}

@-webkit-keyframes slideDown {
  0% {
    -webkit-transform: translateY(-100%)
  }
  50% {
    -webkit-transform: translateY(8%)
  }
  65% {
    -webkit-transform: translateY(-4%)
  }
  80% {
    -webkit-transform: translateY(4%)
  }
  95% {
    -webkit-transform: translateY(-2%)
  }
  100% {
    -webkit-transform: translateY(0%)
  }
}

.slideUp {
  animation-name: slideUp;
  -webkit-animation-name: slideUp;
  animation-duration: 1s;
  -webkit-animation-duration: 1s;
  animation-timing-function: ease;
  -webkit-animation-timing-function: ease;
  visibility: visible !important
}

@keyframes slideUp {
  0% {
    transform: translateY(100%)
  }
  50% {
    transform: translateY(-8%)
  }
  65% {
    transform: translateY(4%)
  }
  80% {
    transform: translateY(-4%)
  }
  95% {
    transform: translateY(2%)
  }
  100% {
    transform: translateY(0%)
  }
}

@-webkit-keyframes slideUp {
  0% {
    -webkit-transform: translateY(100%)
  }
  50% {
    -webkit-transform: translateY(-8%)
  }
  65% {
    -webkit-transform: translateY(4%)
  }
  80% {
    -webkit-transform: translateY(-4%)
  }
  95% {
    -webkit-transform: translateY(2%)
  }
  100% {
    -webkit-transform: translateY(0%)
  }
}

body {
  -webkit-backface-visibility: hidden
}

.animated {
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0
  }
  100% {
    opacity: 1
  }
}

@-moz-keyframes fadeIn {
  0% {
    opacity: 0
  }
  100% {
    opacity: 1
  }
}

@-o-keyframes fadeIn {
  0% {
    opacity: 0
  }
  100% {
    opacity: 1
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0
  }
  100% {
    opacity: 1
  }
}

.animated.fadeIn {
  -webkit-animation-name: fadeIn;
  -moz-animation-name: fadeIn;
  -o-animation-name: fadeIn;
  animation-name: fadeIn
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1
  }
  100% {
    opacity: 0
  }
}

@-moz-keyframes fadeOut {
  0% {
    opacity: 1
  }
  100% {
    opacity: 0
  }
}

@-o-keyframes fadeOut {
  0% {
    opacity: 1
  }
  100% {
    opacity: 0
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1
  }
  100% {
    opacity: 0
  }
}

.animated.fadeOut {
  -webkit-animation-name: fadeOut;
  -moz-animation-name: fadeOut;
  -o-animation-name: fadeOut;
  animation-name: fadeOut
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px)
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0)
  }
}

@-moz-keyframes fadeInUp {
  0% {
    opacity: 0;
    -moz-transform: translateY(20px)
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0)
  }
}

@-o-keyframes fadeInUp {
  0% {
    opacity: 0;
    -o-transform: translateY(20px)
  }
  100% {
    opacity: 1;
    -o-transform: translateY(0)
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(20px)
  }
  100% {
    opacity: 1;
    transform: translateY(0)
  }
}

.animated.fadeInUp {
  -webkit-animation-name: fadeInUp;
  -moz-animation-name: fadeInUp;
  -o-animation-name: fadeInUp;
  animation-name: fadeInUp
}

@-webkit-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px)
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(30px)
  }
  80% {
    -webkit-transform: translateY(-10px)
  }
  100% {
    -webkit-transform: translateY(0)
  }
}

@-moz-keyframes bounceInDown {
  0% {
    opacity: 0;
    -moz-transform: translateY(-2000px)
  }
  60% {
    opacity: 1;
    -moz-transform: translateY(30px)
  }
  80% {
    -moz-transform: translateY(-10px)
  }
  100% {
    -moz-transform: translateY(0)
  }
}

@-o-keyframes bounceInDown {
  0% {
    opacity: 0;
    -o-transform: translateY(-2000px)
  }
  60% {
    opacity: 1;
    -o-transform: translateY(30px)
  }
  80% {
    -o-transform: translateY(-10px)
  }
  100% {
    -o-transform: translateY(0)
  }
}

@keyframes bounceInDown {
  0% {
    opacity: 0;
    transform: translateY(-2000px)
  }
  60% {
    opacity: 1;
    transform: translateY(30px)
  }
  80% {
    transform: translateY(-10px)
  }
  100% {
    transform: translateY(0)
  }
}

.animated.bounceInDown {
  -webkit-animation-name: bounceInDown;
  -moz-animation-name: bounceInDown;
  -o-animation-name: bounceInDown;
  animation-name: bounceInDown
}


/*!
 *  Font Awesome 4.0.3 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */

@font-face {
  font-family: 'FontAwesome';
  src: url("../fonts/fontawesome-webfont.eot?v=4.0.3");
  src: url("../fonts/fontawesome-webfont.eot?#iefix&v=4.0.3") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff?v=4.0.3") format("woff"), url("../fonts/fontawesome-webfont.ttf?v=4.0.3") format("truetype"), url("../fonts/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal
}

.fa {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.fa-lg {
  font-size: 1.33333em;
  line-height: 0.75em;
  vertical-align: -15%
}

.fa-2x {
  font-size: 2em
}

.fa-3x {
  font-size: 3em
}

.fa-4x {
  font-size: 4em
}

.fa-5x {
  font-size: 5em
}

.fa-fw {
  width: 1.28571em;
  text-align: center
}

.fa-ul {
  padding-left: 0;
  margin-left: 2.14286em;
  list-style-type: none
}

.fa-ul>li {
  position: relative
}

.fa-li {
  position: absolute;
  left: -2.14286em;
  width: 2.14286em;
  top: 0.14286em;
  text-align: center
}

.fa-li.fa-lg {
  left: -1.85714em
}

.fa-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eeeeee;
  border-radius: .1em
}

.pull-right {
  float: right
}

.pull-left {
  float: left
}

.fa.pull-left {
  margin-right: .3em
}

.fa.pull-right {
  margin-left: .3em
}

.fa-spin {
  -webkit-animation: spin 2s infinite linear;
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear
}

@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg)
  }
  100% {
    -moz-transform: rotate(359deg)
  }
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg)
  }
  100% {
    -webkit-transform: rotate(359deg)
  }
}

@-o-keyframes spin {
  0% {
    -o-transform: rotate(0deg)
  }
  100% {
    -o-transform: rotate(359deg)
  }
}

@-ms-keyframes spin {
  0% {
    -ms-transform: rotate(0deg)
  }
  100% {
    -ms-transform: rotate(359deg)
  }
}

@keyframes spin {
  0% {
    transform: rotate(0deg)
  }
  100% {
    transform: rotate(359deg)
  }
}

.fa-rotate-90 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=$rotation);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg)
}

.fa-rotate-180 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=$rotation);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg)
}

.fa-rotate-270 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=$rotation);
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg)
}

.fa-flip-horizontal {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=$rotation);
  -webkit-transform: scale(-1, 1);
  -moz-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  -o-transform: scale(-1, 1);
  transform: scale(-1, 1)
}

.fa-flip-vertical {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=$rotation);
  -webkit-transform: scale(1, -1);
  -moz-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  -o-transform: scale(1, -1);
  transform: scale(1, -1)
}

.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle
}

.fa-stack-1x, .fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center
}

.fa-stack-1x {
  line-height: inherit
}

.fa-stack-2x {
  font-size: 2em
}

.fa-inverse {
  color: white
}

.fa-glass:before {
  content: "\f000"
}

.fa-music:before {
  content: "\f001"
}

.fa-search:before {
  content: "\f002"
}

.fa-envelope-o:before {
  content: "\f003"
}

.fa-heart:before {
  content: "\f004"
}

.fa-star:before {
  content: "\f005"
}

.fa-star-o:before {
  content: "\f006"
}

.fa-user:before {
  content: "\f007"
}

.fa-film:before {
  content: "\f008"
}

.fa-th-large:before {
  content: "\f009"
}

.fa-th:before {
  content: "\f00a"
}

.fa-th-list:before {
  content: "\f00b"
}

.fa-check:before {
  content: "\f00c"
}

.fa-times:before {
  content: "\f00d"
}

.fa-search-plus:before {
  content: "\f00e"
}

.fa-search-minus:before {
  content: "\f010"
}

.fa-power-off:before {
  content: "\f011"
}

.fa-signal:before {
  content: "\f012"
}

.fa-gear:before, .fa-cog:before {
  content: "\f013"
}

.fa-trash-o:before {
  content: "\f014"
}

.fa-home:before {
  content: "\f015"
}

.fa-file-o:before {
  content: "\f016"
}

.fa-clock-o:before {
  content: "\f017"
}

.fa-road:before {
  content: "\f018"
}

.fa-download:before {
  content: "\f019"
}

.fa-arrow-circle-o-down:before {
  content: "\f01a"
}

.fa-arrow-circle-o-up:before {
  content: "\f01b"
}

.fa-inbox:before {
  content: "\f01c"
}

.fa-play-circle-o:before {
  content: "\f01d"
}

.fa-rotate-right:before, .fa-repeat:before {
  content: "\f01e"
}

.fa-refresh:before {
  content: "\f021"
}

.fa-list-alt:before {
  content: "\f022"
}

.fa-lock:before {
  content: "\f023"
}

.fa-flag:before {
  content: "\f024"
}

.fa-headphones:before {
  content: "\f025"
}

.fa-volume-off:before {
  content: "\f026"
}

.fa-volume-down:before {
  content: "\f027"
}

.fa-volume-up:before {
  content: "\f028"
}

.fa-qrcode:before {
  content: "\f029"
}

.fa-barcode:before {
  content: "\f02a"
}

.fa-tag:before {
  content: "\f02b"
}

.fa-tags:before {
  content: "\f02c"
}

.fa-book:before {
  content: "\f02d"
}

.fa-bookmark:before {
  content: "\f02e"
}

.fa-print:before {
  content: "\f02f"
}

.fa-camera:before {
  content: "\f030"
}

.fa-font:before {
  content: "\f031"
}

.fa-bold:before {
  content: "\f032"
}

.fa-italic:before {
  content: "\f033"
}

.fa-text-height:before {
  content: "\f034"
}

.fa-text-width:before {
  content: "\f035"
}

.fa-align-left:before {
  content: "\f036"
}

.fa-align-center:before {
  content: "\f037"
}

.fa-align-right:before {
  content: "\f038"
}

.fa-align-justify:before {
  content: "\f039"
}

.fa-list:before {
  content: "\f03a"
}

.fa-dedent:before, .fa-outdent:before {
  content: "\f03b"
}

.fa-indent:before {
  content: "\f03c"
}

.fa-video-camera:before {
  content: "\f03d"
}

.fa-picture-o:before {
  content: "\f03e"
}

.fa-pencil:before {
  content: "\f040"
}

.fa-map-marker:before {
  content: "\f041"
}

.fa-adjust:before {
  content: "\f042"
}

.fa-tint:before {
  content: "\f043"
}

.fa-edit:before, .fa-pencil-square-o:before {
  content: "\f044"
}

.fa-share-square-o:before {
  content: "\f045"
}

.fa-check-square-o:before {
  content: "\f046"
}

.fa-arrows:before {
  content: "\f047"
}

.fa-step-backward:before {
  content: "\f048"
}

.fa-fast-backward:before {
  content: "\f049"
}

.fa-backward:before {
  content: "\f04a"
}

.fa-play:before {
  content: "\f04b"
}

.fa-pause:before {
  content: "\f04c"
}

.fa-stop:before {
  content: "\f04d"
}

.fa-forward:before {
  content: "\f04e"
}

.fa-fast-forward:before {
  content: "\f050"
}

.fa-step-forward:before {
  content: "\f051"
}

.fa-eject:before {
  content: "\f052"
}

.fa-chevron-left:before {
  content: "\f053"
}

.fa-chevron-right:before {
  content: "\f054"
}

.fa-plus-circle:before {
  content: "\f055"
}

.fa-minus-circle:before {
  content: "\f056"
}

.fa-times-circle:before {
  content: "\f057"
}

.fa-check-circle:before {
  content: "\f058"
}

.fa-question-circle:before {
  content: "\f059"
}

.fa-info-circle:before {
  content: "\f05a"
}

.fa-crosshairs:before {
  content: "\f05b"
}

.fa-times-circle-o:before {
  content: "\f05c"
}

.fa-check-circle-o:before {
  content: "\f05d"
}

.fa-ban:before {
  content: "\f05e"
}

.fa-arrow-left:before {
  content: "\f060"
}

.fa-arrow-right:before {
  content: "\f061"
}

.fa-arrow-up:before {
  content: "\f062"
}

.fa-arrow-down:before {
  content: "\f063"
}

.fa-mail-forward:before, .fa-share:before {
  content: "\f064"
}

.fa-expand:before {
  content: "\f065"
}

.fa-compress:before {
  content: "\f066"
}

.fa-plus:before {
  content: "\f067"
}

.fa-minus:before {
  content: "\f068"
}

.fa-asterisk:before {
  content: "\f069"
}

.fa-exclamation-circle:before {
  content: "\f06a"
}

.fa-gift:before {
  content: "\f06b"
}

.fa-leaf:before {
  content: "\f06c"
}

.fa-fire:before {
  content: "\f06d"
}

.fa-eye:before {
  content: "\f06e"
}

.fa-eye-slash:before {
  content: "\f070"
}

.fa-warning:before, .fa-exclamation-triangle:before {
  content: "\f071"
}

.fa-plane:before {
  content: "\f072"
}

.fa-calendar:before {
  content: "\f073"
}

.fa-random:before {
  content: "\f074"
}

.fa-comment:before {
  content: "\f075"
}

.fa-magnet:before {
  content: "\f076"
}

.fa-chevron-up:before {
  content: "\f077"
}

.fa-chevron-down:before {
  content: "\f078"
}

.fa-retweet:before {
  content: "\f079"
}

.fa-shopping-cart:before {
  content: "\f07a"
}

.fa-folder:before {
  content: "\f07b"
}

.fa-folder-open:before {
  content: "\f07c"
}

.fa-arrows-v:before {
  content: "\f07d"
}

.fa-arrows-h:before {
  content: "\f07e"
}

.fa-bar-chart-o:before {
  content: "\f080"
}

.fa-twitter-square:before {
  content: "\f081"
}

.fa-facebook-square:before {
  content: "\f082"
}

.fa-camera-retro:before {
  content: "\f083"
}

.fa-key:before {
  content: "\f084"
}

.fa-gears:before, .fa-cogs:before {
  content: "\f085"
}

.fa-comments:before {
  content: "\f086"
}

.fa-thumbs-o-up:before {
  content: "\f087"
}

.fa-thumbs-o-down:before {
  content: "\f088"
}

.fa-star-half:before {
  content: "\f089"
}

.fa-heart-o:before {
  content: "\f08a"
}

.fa-sign-out:before {
  content: "\f08b"
}

.fa-linkedin-square:before {
  content: "\f08c"
}

.fa-thumb-tack:before {
  content: "\f08d"
}

.fa-external-link:before {
  content: "\f08e"
}

.fa-sign-in:before {
  content: "\f090"
}

.fa-trophy:before {
  content: "\f091"
}

.fa-github-square:before {
  content: "\f092"
}

.fa-upload:before {
  content: "\f093"
}

.fa-lemon-o:before {
  content: "\f094"
}

.fa-phone:before {
  content: "\f095"
}

.fa-square-o:before {
  content: "\f096"
}

.fa-bookmark-o:before {
  content: "\f097"
}

.fa-phone-square:before {
  content: "\f098"
}

.fa-twitter:before {
  content: "\f099"
}

.fa-facebook:before {
  content: "\f09a"
}

.fa-github:before {
  content: "\f09b"
}

.fa-unlock:before {
  content: "\f09c"
}

.fa-credit-card:before {
  content: "\f09d"
}

.fa-rss:before {
  content: "\f09e"
}

.fa-hdd-o:before {
  content: "\f0a0"
}

.fa-bullhorn:before {
  content: "\f0a1"
}

.fa-bell:before {
  content: "\f0f3"
}

.fa-certificate:before {
  content: "\f0a3"
}

.fa-hand-o-right:before {
  content: "\f0a4"
}

.fa-hand-o-left:before {
  content: "\f0a5"
}

.fa-hand-o-up:before {
  content: "\f0a6"
}

.fa-hand-o-down:before {
  content: "\f0a7"
}

.fa-arrow-circle-left:before {
  content: "\f0a8"
}

.fa-arrow-circle-right:before {
  content: "\f0a9"
}

.fa-arrow-circle-up:before {
  content: "\f0aa"
}

.fa-arrow-circle-down:before {
  content: "\f0ab"
}

.fa-globe:before {
  content: "\f0ac"
}

.fa-wrench:before {
  content: "\f0ad"
}

.fa-tasks:before {
  content: "\f0ae"
}

.fa-filter:before {
  content: "\f0b0"
}

.fa-briefcase:before {
  content: "\f0b1"
}

.fa-arrows-alt:before {
  content: "\f0b2"
}

.fa-group:before, .fa-users:before {
  content: "\f0c0"
}

.fa-chain:before, .fa-link:before {
  content: "\f0c1"
}

.fa-cloud:before {
  content: "\f0c2"
}

.fa-flask:before {
  content: "\f0c3"
}

.fa-cut:before, .fa-scissors:before {
  content: "\f0c4"
}

.fa-copy:before, .fa-files-o:before {
  content: "\f0c5"
}

.fa-paperclip:before {
  content: "\f0c6"
}

.fa-save:before, .fa-floppy-o:before {
  content: "\f0c7"
}

.fa-square:before {
  content: "\f0c8"
}

.fa-bars:before {
  content: "\f0c9"
}

.fa-list-ul:before {
  content: "\f0ca"
}

.fa-list-ol:before {
  content: "\f0cb"
}

.fa-strikethrough:before {
  content: "\f0cc"
}

.fa-underline:before {
  content: "\f0cd"
}

.fa-table:before {
  content: "\f0ce"
}

.fa-magic:before {
  content: "\f0d0"
}

.fa-truck:before {
  content: "\f0d1"
}

.fa-pinterest:before {
  content: "\f0d2"
}

.fa-pinterest-square:before {
  content: "\f0d3"
}

.fa-google-plus-square:before {
  content: "\f0d4"
}

.fa-google-plus:before {
  content: "\f0d5"
}

.fa-money:before {
  content: "\f0d6"
}

.fa-caret-down:before {
  content: "\f0d7"
}

.fa-caret-up:before {
  content: "\f0d8"
}

.fa-caret-left:before {
  content: "\f0d9"
}

.fa-caret-right:before {
  content: "\f0da"
}

.fa-columns:before {
  content: "\f0db"
}

.fa-unsorted:before, .fa-sort:before {
  content: "\f0dc"
}

.fa-sort-down:before, .fa-sort-asc:before {
  content: "\f0dd"
}

.fa-sort-up:before, .fa-sort-desc:before {
  content: "\f0de"
}

.fa-envelope:before {
  content: "\f0e0"
}

.fa-linkedin:before {
  content: "\f0e1"
}

.fa-rotate-left:before, .fa-undo:before {
  content: "\f0e2"
}

.fa-legal:before, .fa-gavel:before {
  content: "\f0e3"
}

.fa-dashboard:before, .fa-tachometer:before {
  content: "\f0e4"
}

.fa-comment-o:before {
  content: "\f0e5"
}

.fa-comments-o:before {
  content: "\f0e6"
}

.fa-flash:before, .fa-bolt:before {
  content: "\f0e7"
}

.fa-sitemap:before {
  content: "\f0e8"
}

.fa-umbrella:before {
  content: "\f0e9"
}

.fa-paste:before, .fa-clipboard:before {
  content: "\f0ea"
}

.fa-lightbulb-o:before {
  content: "\f0eb"
}

.fa-exchange:before {
  content: "\f0ec"
}

.fa-cloud-download:before {
  content: "\f0ed"
}

.fa-cloud-upload:before {
  content: "\f0ee"
}

.fa-user-md:before {
  content: "\f0f0"
}

.fa-stethoscope:before {
  content: "\f0f1"
}

.fa-suitcase:before {
  content: "\f0f2"
}

.fa-bell-o:before {
  content: "\f0a2"
}

.fa-coffee:before {
  content: "\f0f4"
}

.fa-cutlery:before {
  content: "\f0f5"
}

.fa-file-text-o:before {
  content: "\f0f6"
}

.fa-building-o:before {
  content: "\f0f7"
}

.fa-hospital-o:before {
  content: "\f0f8"
}

.fa-ambulance:before {
  content: "\f0f9"
}

.fa-medkit:before {
  content: "\f0fa"
}

.fa-fighter-jet:before {
  content: "\f0fb"
}

.fa-beer:before {
  content: "\f0fc"
}

.fa-h-square:before {
  content: "\f0fd"
}

.fa-plus-square:before {
  content: "\f0fe"
}

.fa-angle-double-left:before {
  content: "\f100"
}

.fa-angle-double-right:before {
  content: "\f101"
}

.fa-angle-double-up:before {
  content: "\f102"
}

.fa-angle-double-down:before {
  content: "\f103"
}

.fa-angle-left:before {
  content: "\f104"
}

.fa-angle-right:before {
  content: "\f105"
}

.fa-angle-up:before {
  content: "\f106"
}

.fa-angle-down:before {
  content: "\f107"
}

.fa-desktop:before {
  content: "\f108"
}

.fa-laptop:before {
  content: "\f109"
}

.fa-tablet:before {
  content: "\f10a"
}

.fa-mobile-phone:before, .fa-mobile:before {
  content: "\f10b"
}

.fa-circle-o:before {
  content: "\f10c"
}

.fa-quote-left:before {
  content: "\f10d"
}

.fa-quote-right:before {
  content: "\f10e"
}

.fa-spinner:before {
  content: "\f110"
}

.fa-circle:before {
  content: "\f111"
}

.fa-mail-reply:before, .fa-reply:before {
  content: "\f112"
}

.fa-github-alt:before {
  content: "\f113"
}

.fa-folder-o:before {
  content: "\f114"
}

.fa-folder-open-o:before {
  content: "\f115"
}

.fa-smile-o:before {
  content: "\f118"
}

.fa-frown-o:before {
  content: "\f119"
}

.fa-meh-o:before {
  content: "\f11a"
}

.fa-gamepad:before {
  content: "\f11b"
}

.fa-keyboard-o:before {
  content: "\f11c"
}

.fa-flag-o:before {
  content: "\f11d"
}

.fa-flag-checkered:before {
  content: "\f11e"
}

.fa-terminal:before {
  content: "\f120"
}

.fa-code:before {
  content: "\f121"
}

.fa-reply-all:before {
  content: "\f122"
}

.fa-mail-reply-all:before {
  content: "\f122"
}

.fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before {
  content: "\f123"
}

.fa-location-arrow:before {
  content: "\f124"
}

.fa-crop:before {
  content: "\f125"
}

.fa-code-fork:before {
  content: "\f126"
}

.fa-unlink:before, .fa-chain-broken:before {
  content: "\f127"
}

.fa-question:before {
  content: "\f128"
}

.fa-info:before {
  content: "\f129"
}

.fa-exclamation:before {
  content: "\f12a"
}

.fa-superscript:before {
  content: "\f12b"
}

.fa-subscript:before {
  content: "\f12c"
}

.fa-eraser:before {
  content: "\f12d"
}

.fa-puzzle-piece:before {
  content: "\f12e"
}

.fa-microphone:before {
  content: "\f130"
}

.fa-microphone-slash:before {
  content: "\f131"
}

.fa-shield:before {
  content: "\f132"
}

.fa-calendar-o:before {
  content: "\f133"
}

.fa-fire-extinguisher:before {
  content: "\f134"
}

.fa-rocket:before {
  content: "\f135"
}

.fa-maxcdn:before {
  content: "\f136"
}

.fa-chevron-circle-left:before {
  content: "\f137"
}

.fa-chevron-circle-right:before {
  content: "\f138"
}

.fa-chevron-circle-up:before {
  content: "\f139"
}

.fa-chevron-circle-down:before {
  content: "\f13a"
}

.fa-html5:before {
  content: "\f13b"
}

.fa-css3:before {
  content: "\f13c"
}

.fa-anchor:before {
  content: "\f13d"
}

.fa-unlock-alt:before {
  content: "\f13e"
}

.fa-bullseye:before {
  content: "\f140"
}

.fa-ellipsis-h:before {
  content: "\f141"
}

.fa-ellipsis-v:before {
  content: "\f142"
}

.fa-rss-square:before {
  content: "\f143"
}

.fa-play-circle:before {
  content: "\f144"
}

.fa-ticket:before {
  content: "\f145"
}

.fa-minus-square:before {
  content: "\f146"
}

.fa-minus-square-o:before {
  content: "\f147"
}

.fa-level-up:before {
  content: "\f148"
}

.fa-level-down:before {
  content: "\f149"
}

.fa-check-square:before {
  content: "\f14a"
}

.fa-pencil-square:before {
  content: "\f14b"
}

.fa-external-link-square:before {
  content: "\f14c"
}

.fa-share-square:before {
  content: "\f14d"
}

.fa-compass:before {
  content: "\f14e"
}

.fa-toggle-down:before, .fa-caret-square-o-down:before {
  content: "\f150"
}

.fa-toggle-up:before, .fa-caret-square-o-up:before {
  content: "\f151"
}

.fa-toggle-right:before, .fa-caret-square-o-right:before {
  content: "\f152"
}

.fa-euro:before, .fa-eur:before {
  content: "\f153"
}

.fa-gbp:before {
  content: "\f154"
}

.fa-dollar:before, .fa-usd:before {
  content: "\f155"
}

.fa-rupee:before, .fa-inr:before {
  content: "\f156"
}

.fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before {
  content: "\f157"
}

.fa-ruble:before, .fa-rouble:before, .fa-rub:before {
  content: "\f158"
}

.fa-won:before, .fa-krw:before {
  content: "\f159"
}

.fa-bitcoin:before, .fa-btc:before {
  content: "\f15a"
}

.fa-file:before {
  content: "\f15b"
}

.fa-file-text:before {
  content: "\f15c"
}

.fa-sort-alpha-asc:before {
  content: "\f15d"
}

.fa-sort-alpha-desc:before {
  content: "\f15e"
}

.fa-sort-amount-asc:before {
  content: "\f160"
}

.fa-sort-amount-desc:before {
  content: "\f161"
}

.fa-sort-numeric-asc:before {
  content: "\f162"
}

.fa-sort-numeric-desc:before {
  content: "\f163"
}

.fa-thumbs-up:before {
  content: "\f164"
}

.fa-thumbs-down:before {
  content: "\f165"
}

.fa-youtube-square:before {
  content: "\f166"
}

.fa-youtube:before {
  content: "\f167"
}

.fa-xing:before {
  content: "\f168"
}

.fa-xing-square:before {
  content: "\f169"
}

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

.fa-dropbox:before {
  content: "\f16b"
}

.fa-stack-overflow:before {
  content: "\f16c"
}

.fa-instagram:before {
  content: "\f16d"
}

.fa-flickr:before {
  content: "\f16e"
}

.fa-adn:before {
  content: "\f170"
}

.fa-bitbucket:before {
  content: "\f171"
}

.fa-bitbucket-square:before {
  content: "\f172"
}

.fa-tumblr:before {
  content: "\f173"
}

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

.fa-long-arrow-down:before {
  content: "\f175"
}

.fa-long-arrow-up:before {
  content: "\f176"
}

.fa-long-arrow-left:before {
  content: "\f177"
}

.fa-long-arrow-right:before {
  content: "\f178"
}

.fa-apple:before {
  content: "\f179"
}

.fa-windows:before {
  content: "\f17a"
}

.fa-android:before {
  content: "\f17b"
}

.fa-linux:before {
  content: "\f17c"
}

.fa-dribbble:before {
  content: "\f17d"
}

.fa-skype:before {
  content: "\f17e"
}

.fa-foursquare:before {
  content: "\f180"
}

.fa-trello:before {
  content: "\f181"
}

.fa-female:before {
  content: "\f182"
}

.fa-male:before {
  content: "\f183"
}

.fa-gittip:before {
  content: "\f184"
}

.fa-sun-o:before {
  content: "\f185"
}

.fa-moon-o:before {
  content: "\f186"
}

.fa-archive:before {
  content: "\f187"
}

.fa-bug:before {
  content: "\f188"
}

.fa-vk:before {
  content: "\f189"
}

.fa-weibo:before {
  content: "\f18a"
}

.fa-renren:before {
  content: "\f18b"
}

.fa-pagelines:before {
  content: "\f18c"
}

.fa-stack-exchange:before {
  content: "\f18d"
}

.fa-arrow-circle-o-right:before {
  content: "\f18e"
}

.fa-arrow-circle-o-left:before {
  content: "\f190"
}

.fa-toggle-left:before, .fa-caret-square-o-left:before {
  content: "\f191"
}

.fa-dot-circle-o:before {
  content: "\f192"
}

.fa-wheelchair:before {
  content: "\f193"
}

.fa-vimeo-square:before {
  content: "\f194"
}

.fa-turkish-lira:before, .fa-try:before {
  content: "\f195"
}

.fa-plus-square-o:before {
  content: "\f196"
}

.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px solid;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent
}

.dropdown {
  position: relative
}

.dropdown-toggle:focus {
  outline: 0
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 16px;
  background-color: white;
  border: 1px solid #cccccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 2px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box
}

.dropdown-menu.pull-right {
  right: 0;
  left: auto
}

.dropdown-menu .divider {
  height: 1px;
  margin: 11px 0;
  overflow: hidden;
  background-color: #e5e5e5
}

.dropdown-menu>li>a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.5;
  color: #333333;
  white-space: nowrap
}

.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {
  text-decoration: none;
  color: #262626;
  background-color: whitesmoke
}

.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus {
  color: white;
  text-decoration: none;
  outline: 0;
  background-color: #1253a4
}

.dropdown-menu>.disabled>a, .dropdown-menu>.disabled>a:hover, .dropdown-menu>.disabled>a:focus {
  color: #999999
}

.dropdown-menu>.disabled>a:hover, .dropdown-menu>.disabled>a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  cursor: not-allowed
}

.open>.dropdown-menu {
  display: block
}

.open>a {
  outline: 0
}

.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 14px;
  line-height: 1.5;
  color: #999999
}

.dropdown-backdrop {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 990
}

.pull-right>.dropdown-menu {
  right: 0;
  left: auto
}

.dropup .caret, .navbar-fixed-bottom .dropdown .caret {
  border-top: 0;
  border-bottom: 4px solid;
  content: ""
}

.dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 1px
}

@media (min-width: 768px) {
  .navbar-right .dropdown-menu {
    right: 0;
    left: auto
  }
}

.btn-group, .btn-group-vertical {
  position: relative;
  display: inline-block;
  vertical-align: middle
}

.btn-group>.btn, .btn-group-vertical>.btn {
  position: relative;
  float: left
}

.btn-group>.btn:hover, .btn-group>.btn:focus, .btn-group>.btn:active, .btn-group>.btn.active, .btn-group-vertical>.btn:hover, .btn-group-vertical>.btn:focus, .btn-group-vertical>.btn:active, .btn-group-vertical>.btn.active {
  z-index: 2
}

.btn-group>.btn:focus, .btn-group-vertical>.btn:focus {
  outline: none
}

.btn-group .btn+.btn, .btn-group .btn+.btn-group, .btn-group .btn-group+.btn, .btn-group .btn-group+.btn-group {
  margin-left: -1px
}

.btn-toolbar:before, .btn-toolbar:after {
  content: " ";
  display: table
}

.btn-toolbar:after {
  clear: both
}

.btn-toolbar .btn-group {
  float: left
}

.btn-toolbar>.btn+.btn, .btn-toolbar>.btn+.btn-group, .btn-toolbar>.btn-group+.btn, .btn-toolbar>.btn-group+.btn-group {
  margin-left: 5px
}

.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0
}

.btn-group>.btn:first-child {
  margin-left: 0
}

.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0
}

.btn-group>.btn:last-child:not(:first-child), .btn-group>.dropdown-toggle:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0
}

.btn-group>.btn-group {
  float: left
}

.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn {
  border-radius: 0
}

.btn-group>.btn-group:first-child>.btn:last-child, .btn-group>.btn-group:first-child>.dropdown-toggle {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0
}

.btn-group>.btn-group:last-child>.btn:first-child {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0
}

.btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle {
  outline: 0
}

.btn-group>.btn+.dropdown-toggle {
  padding-left: 8px;
  padding-right: 8px
}

.btn-group>.btn-lg+.dropdown-toggle, .btn-group-lg.btn-group>.btn+.dropdown-toggle {
  padding-left: 12px;
  padding-right: 12px
}

.btn-group.open .dropdown-toggle {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125)
}

.btn-group.open .dropdown-toggle.btn-link {
  -webkit-box-shadow: none;
  box-shadow: none
}

.btn .caret {
  margin-left: 0
}

.btn-lg .caret, .btn-group-lg>.btn .caret {
  border-width: 5px 5px 0;
  border-bottom-width: 0
}

.dropup .btn-lg .caret, .dropup .btn-group-lg>.btn .caret {
  border-width: 0 5px 5px
}

.btn-group-vertical>.btn, .btn-group-vertical>.btn-group, .btn-group-vertical>.btn-group>.btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%
}

.btn-group-vertical>.btn-group:before, .btn-group-vertical>.btn-group:after {
  content: " ";
  display: table
}

.btn-group-vertical>.btn-group:after {
  clear: both
}

.btn-group-vertical>.btn-group>.btn {
  float: none
}

.btn-group-vertical>.btn+.btn, .btn-group-vertical>.btn+.btn-group, .btn-group-vertical>.btn-group+.btn, .btn-group-vertical>.btn-group+.btn-group {
  margin-top: -1px;
  margin-left: 0
}

.btn-group-vertical>.btn:not(:first-child):not(:last-child) {
  border-radius: 0
}

.btn-group-vertical>.btn:first-child:not(:last-child) {
  border-top-right-radius: 2px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0
}

.btn-group-vertical>.btn:last-child:not(:first-child) {
  border-bottom-left-radius: 2px;
  border-top-right-radius: 0;
  border-top-left-radius: 0
}

.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn {
  border-radius: 0
}

.btn-group-vertical>.btn-group:first-child>.btn:last-child, .btn-group-vertical>.btn-group:first-child>.dropdown-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0
}

.btn-group-vertical>.btn-group:last-child>.btn:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0
}

.btn-group-justified {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate
}

.btn-group-justified>.btn, .btn-group-justified>.btn-group {
  float: none;
  display: table-cell;
  width: 1%
}

.btn-group-justified>.btn-group .btn {
  width: 100%
}

[data-toggle="buttons"]>.btn>input[type="radio"], [data-toggle="buttons"]>.btn>input[type="checkbox"] {
  display: none
}

.input-group {
  position: relative;
  display: table;
  border-collapse: separate
}

.input-group[class*="col-"] {
  float: none;
  padding-left: 0;
  padding-right: 0
}

.input-group .form-control {
  width: 100%;
  margin-bottom: 0
}

.input-group-addon, .input-group-btn, .input-group .form-control {
  display: table-cell
}

.input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child), .input-group .form-control:not(:first-child):not(:last-child) {
  border-radius: 0
}

.input-group-addon, .input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle
}

.input-group-addon {
  padding: 15px 12px;
  font-size: 16px;
  font-weight: normal;
  line-height: 1;
  color: #555555;
  text-align: center;
  background-color: #eeeeee;
  border: 1px solid #cccccc;
  border-radius: 2px
}

.input-group-addon.input-sm, .input-group-sm>.input-group-addon, .input-group-sm>.input-group-btn>.input-group-addon.btn {
  padding: 5px 10px;
  font-size: 14px;
  border-radius: 3px
}

.input-group-addon.input-lg, .input-group-lg>.input-group-addon, .input-group-lg>.input-group-btn>.input-group-addon.btn {
  padding: 10px 16px;
  font-size: 20px;
  border-radius: 6px
}

.input-group-addon input[type="radio"], .input-group-addon input[type="checkbox"] {
  margin-top: 0
}

.input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child>.btn, .input-group-btn:first-child>.dropdown-toggle, .input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0
}

.input-group-addon:first-child {
  border-right: 0
}

.input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child>.btn, .input-group-btn:last-child>.dropdown-toggle, .input-group-btn:first-child>.btn:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0
}

.input-group-addon:last-child {
  border-left: 0
}

.input-group-btn {
  position: relative;
  white-space: nowrap
}

.input-group-btn:first-child>.btn {
  margin-right: -1px
}

.input-group-btn:last-child>.btn {
  margin-left: -1px
}

.input-group-btn>.btn {
  position: relative
}

.input-group-btn>.btn+.btn {
  margin-left: -4px
}

.input-group-btn>.btn:hover, .input-group-btn>.btn:active {
  z-index: 2
}

.nav {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none
}

.nav:before, .nav:after {
  content: " ";
  display: table
}

.nav:after {
  clear: both
}

.nav>li {
  position: relative;
  display: block
}

.nav>li>a {
  position: relative;
  display: block;
  padding: 10px 15px
}

.nav>li>a:hover, .nav>li>a:focus {
  text-decoration: none;
  background-color: #eeeeee
}

.nav>li.disabled>a {
  color: #999999
}

.nav>li.disabled>a:hover, .nav>li.disabled>a:focus {
  color: #999999;
  text-decoration: none;
  background-color: transparent;
  cursor: not-allowed
}

.nav .open>a, .nav .open>a:hover, .nav .open>a:focus {
  background-color: #eeeeee;
  border-color: #1253a4
}

.nav .nav-divider {
  height: 1px;
  margin: 11px 0;
  overflow: hidden;
  background-color: #e5e5e5
}

.nav>li>a>img {
  max-width: none
}

.nav-tabs {
  border-bottom: 1px solid #dddddd
}

.nav-tabs>li {
  float: left;
  margin-bottom: -1px
}

.nav-tabs>li>a {
  margin-right: 2px;
  line-height: 1.5;
  border: 1px solid transparent;
  border-radius: 2px 2px 0 0
}

.nav-tabs>li>a:hover {
  border-color: #eeeeee #eeeeee #dddddd
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
  color: #555555;
  background-color: white;
  border: 1px solid #dddddd;
  border-bottom-color: transparent;
  cursor: default
}

.nav-pills>li {
  float: left
}

.nav-pills>li>a {
  border-radius: 2px
}

.nav-pills>li+li {
  margin-left: 2px
}

.nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus {
  color: white;
  background-color: #1253a4
}

.nav-stacked>li {
  float: none
}

.nav-stacked>li+li {
  margin-top: 2px;
  margin-left: 0
}

.nav-justified, .nav-tabs.nav-justified {
  width: 100%
}

.nav-justified>li, .nav-tabs.nav-justified>li {
  float: none
}

.nav-justified>li>a, .nav-tabs.nav-justified>li>a {
  text-align: center;
  margin-bottom: 5px
}

.nav-justified>.dropdown .dropdown-menu {
  top: auto;
  left: auto
}

@media (min-width: 768px) {
  .nav-justified>li, .nav-tabs.nav-justified>li {
    display: table-cell;
    width: 1%
  }
  .nav-justified>li>a, .nav-tabs.nav-justified>li>a {
    margin-bottom: 0
  }
}

.nav-tabs-justified, .nav-tabs.nav-justified {
  border-bottom: 0
}

.nav-tabs-justified>li>a, .nav-tabs.nav-justified>li>a {
  margin-right: 0;
  border-radius: 2px
}

.nav-tabs-justified>.active>a, .nav-tabs.nav-justified>.active>a, .nav-tabs-justified>.active>a:hover, .nav-tabs.nav-justified>.active>a:hover, .nav-tabs-justified>.active>a:focus, .nav-tabs.nav-justified>.active>a:focus {
  border: 1px solid #dddddd
}

@media (min-width: 768px) {
  .nav-tabs-justified>li>a, .nav-tabs.nav-justified>li>a {
    border-bottom: 1px solid #dddddd;
    border-radius: 2px 2px 0 0
  }
  .nav-tabs-justified>.active>a, .nav-tabs.nav-justified>.active>a, .nav-tabs-justified>.active>a:hover, .nav-tabs.nav-justified>.active>a:hover, .nav-tabs-justified>.active>a:focus, .nav-tabs.nav-justified>.active>a:focus {
    border-bottom-color: white
  }
}

.tab-content>.tab-pane {
  display: none
}

.tab-content>.active {
  display: block
}

.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-right-radius: 0;
  border-top-left-radius: 0
}

.navbar {
  position: relative;
  min-height: 50px;
  margin-bottom: 24px;
  border: 1px solid transparent
}

.navbar:before, .navbar:after {
  content: " ";
  display: table
}

.navbar:after {
  clear: both
}

@media (min-width: 768px) {
  .navbar {
    border-radius: 2px
  }
}

.navbar-header:before, .navbar-header:after {
  content: " ";
  display: table
}

.navbar-header:after {
  clear: both
}

@media (min-width: 768px) {
  .navbar-header {
    float: left
  }
}

.navbar-collapse {
  max-height: 340px;
  overflow-x: visible;
  padding-right: 16px;
  padding-left: 16px;
  border-top: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  -webkit-overflow-scrolling: touch
}

.navbar-collapse:before, .navbar-collapse:after {
  content: " ";
  display: table
}

.navbar-collapse:after {
  clear: both
}

.navbar-collapse.in {
  overflow-y: auto
}

@media (min-width: 768px) {
  .navbar-collapse {
    width: auto;
    border-top: 0;
    box-shadow: none
  }
  .navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important
  }
  .navbar-collapse.in {
    overflow-y: visible
  }
  .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
    padding-left: 0;
    padding-right: 0
  }
}

.container>.navbar-header, .container>.navbar-collapse {
  margin-right: -16px;
  margin-left: -16px
}

@media (min-width: 768px) {
  .container>.navbar-header, .container>.navbar-collapse {
    margin-right: 0;
    margin-left: 0
  }
}

.navbar-static-top {
  z-index: 1000;
  border-width: 0 0 1px
}

@media (min-width: 768px) {
  .navbar-static-top {
    border-radius: 0
  }
}

.navbar-fixed-top, .navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030
}

@media (min-width: 768px) {
  .navbar-fixed-top, .navbar-fixed-bottom {
    border-radius: 0
  }
}

.navbar-fixed-top {
  top: 0;
  border-width: 0 0 1px
}

.navbar-fixed-bottom {
  bottom: 0;
  margin-bottom: 0;
  border-width: 1px 0 0
}

.navbar-brand {
  float: left;
  padding: 13px 16px;
  font-size: 20px;
  line-height: 24px
}

.navbar-brand:hover, .navbar-brand:focus {
  text-decoration: none
}

@media (min-width: 768px) {
  .navbar>.container .navbar-brand {
    margin-left: -16px
  }
}

.navbar-toggle {
  position: relative;
  float: right;
  margin-right: 16px;
  padding: 9px 10px;
  margin-top: 8px;
  margin-bottom: 8px;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 2px
}

.navbar-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px
}

.navbar-toggle .icon-bar+.icon-bar {
  margin-top: 4px
}

@media (min-width: 768px) {
  .navbar-toggle {
    display: none
  }
}

.navbar-nav {
  margin: 6.5px -16px
}

.navbar-nav>li>a {
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 24px
}

@media (max-width: 767px) {
  .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    box-shadow: none
  }
  .navbar-nav .open .dropdown-menu>li>a, .navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 5px 15px 5px 25px
  }
  .navbar-nav .open .dropdown-menu>li>a {
    line-height: 24px
  }
  .navbar-nav .open .dropdown-menu>li>a:hover, .navbar-nav .open .dropdown-menu>li>a:focus {
    background-image: none
  }
}

@media (min-width: 768px) {
  .navbar-nav {
    float: left;
    margin: 0
  }
  .navbar-nav>li {
    float: left
  }
  .navbar-nav>li>a {
    padding-top: 13px;
    padding-bottom: 13px
  }
  .navbar-nav.navbar-right:last-child {
    margin-right: -16px
  }
}

@media (min-width: 768px) {
  .navbar-left {
    float: left !important
  }
  .navbar-right {
    float: right !important
  }
}

.navbar-form {
  margin-left: -16px;
  margin-right: -16px;
  padding: 10px 16px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  margin-top: -3px;
  margin-bottom: -3px
}

@media (max-width: 767px) {
  .navbar-form .form-group {
    margin-bottom: 5px
  }
}

@media (min-width: 768px) {
  .navbar-form {
    width: auto;
    border: 0;
    margin-left: 0;
    margin-right: 0;
    padding-top: 0;
    padding-bottom: 0;
    -webkit-box-shadow: none;
    box-shadow: none
  }
  .navbar-form.navbar-right:last-child {
    margin-right: -16px
  }
}

.navbar-nav>li>.dropdown-menu {
  margin-top: 0;
  border-top-right-radius: 0;
  border-top-left-radius: 0
}

.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0
}

.navbar-nav.pull-right>li>.dropdown-menu, .navbar-nav>li>.dropdown-menu.pull-right {
  left: auto;
  right: 0
}

.navbar-btn {
  margin-top: -3px;
  margin-bottom: -3px
}

.navbar-btn.btn-sm, .btn-group-sm>.navbar-btn.btn {
  margin-top: 8.5px;
  margin-bottom: 8.5px
}

.navbar-btn.btn-xs, .btn-group-xs>.navbar-btn.btn {
  margin-top: 14px;
  margin-bottom: 14px
}

.navbar-text {
  margin-top: 13px;
  margin-bottom: 13px
}

@media (min-width: 768px) {
  .navbar-text {
    float: left;
    margin-left: 16px;
    margin-right: 16px
  }
  .navbar-text.navbar-right:last-child {
    margin-right: 0
  }
}

.navbar-default {
  background-color: #f8f8f8;
  border-color: #e7e7e7
}

.navbar-default .navbar-brand {
  color: #777777
}

.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
  color: #5e5e5e;
  background-color: transparent
}

.navbar-default .navbar-text {
  color: #777777
}

.navbar-default .navbar-nav>li>a {
  color: #777777
}

.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
  color: #333333;
  background-color: transparent
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
  color: #555555;
  background-color: #e7e7e7
}

.navbar-default .navbar-nav>.disabled>a, .navbar-default .navbar-nav>.disabled>a:hover, .navbar-default .navbar-nav>.disabled>a:focus {
  color: #cccccc;
  background-color: transparent
}

.navbar-default .navbar-toggle {
  border-color: #dddddd
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
  background-color: #dddddd
}

.navbar-default .navbar-toggle .icon-bar {
  background-color: #cccccc
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
  border-color: #e7e7e7
}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {
  background-color: #e7e7e7;
  color: #555555
}

@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu>li>a {
    color: #777777
  }
  .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover, .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus {
    color: #333333;
    background-color: transparent
  }
  .navbar-default .navbar-nav .open .dropdown-menu>.active>a, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus {
    color: #555555;
    background-color: #e7e7e7
  }
  .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a, .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover, .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus {
    color: #cccccc;
    background-color: transparent
  }
}

.navbar-default .navbar-link {
  color: #777777
}

.navbar-default .navbar-link:hover {
  color: #333333
}

.navbar-inverse {
  background-color: #222222;
  border-color: #090909
}

.navbar-inverse .navbar-brand {
  color: #999999
}

.navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus {
  color: white;
  background-color: transparent
}

.navbar-inverse .navbar-text {
  color: #999999
}

.navbar-inverse .navbar-nav>li>a {
  color: #999999
}

.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus {
  color: white;
  background-color: transparent
}

.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus {
  color: white;
  background-color: #090909
}

.navbar-inverse .navbar-nav>.disabled>a, .navbar-inverse .navbar-nav>.disabled>a:hover, .navbar-inverse .navbar-nav>.disabled>a:focus {
  color: #444444;
  background-color: transparent
}

.navbar-inverse .navbar-toggle {
  border-color: #333333
}

.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
  background-color: #333333
}

.navbar-inverse .navbar-toggle .icon-bar {
  background-color: white
}

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
  border-color: #101010
}

.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus {
  background-color: #090909;
  color: white
}

@media (max-width: 767px) {
  .navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header {
    border-color: #090909
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
    background-color: #090909
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
    color: #999999
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus {
    color: white;
    background-color: transparent
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a, .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus {
    color: white;
    background-color: #090909
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a, .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus {
    color: #444444;
    background-color: transparent
  }
}

.navbar-inverse .navbar-link {
  color: #999999
}

.navbar-inverse .navbar-link:hover {
  color: white
}

.breadcrumb {
  padding: 8px 15px;
  margin-bottom: 24px;
  list-style: none;
  background-color: whitesmoke;
  border-radius: 2px
}

.breadcrumb>li {
  display: inline-block
}

.breadcrumb>li+li:before {
  content: "/\00a0";
  padding: 0 5px;
  color: #cccccc
}

.breadcrumb>.active {
  color: #999999
}

.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 24px 0;
  border-radius: 2px
}

.pagination>li {
  display: inline
}

.pagination>li>a, .pagination>li>span {
  position: relative;
  float: left;
  padding: 15px 12px;
  line-height: 1.5;
  text-decoration: none;
  background-color: white;
  border: 1px solid #dddddd;
  margin-left: -1px
}

.pagination>li:first-child>a, .pagination>li:first-child>span {
  margin-left: 0;
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px
}

.pagination>li:last-child>a, .pagination>li:last-child>span {
  border-bottom-right-radius: 2px;
  border-top-right-radius: 2px
}

.pagination>li>a:hover, .pagination>li>a:focus, .pagination>li>span:hover, .pagination>li>span:focus {
  background-color: #eeeeee
}

.pagination>.active>a, .pagination>.active>a:hover, .pagination>.active>a:focus, .pagination>.active>span, .pagination>.active>span:hover, .pagination>.active>span:focus {
  z-index: 2;
  color: white;
  background-color: #1253a4;
  border-color: #1253a4;
  cursor: default
}

.pagination>.disabled>span, .pagination>.disabled>span:hover, .pagination>.disabled>span:focus, .pagination>.disabled>a, .pagination>.disabled>a:hover, .pagination>.disabled>a:focus {
  color: #999999;
  background-color: white;
  border-color: #dddddd;
  cursor: not-allowed
}

.pagination-lg>li>a, .pagination-lg>li>span {
  padding: 10px 16px;
  font-size: 20px
}

.pagination-lg>li:first-child>a, .pagination-lg>li:first-child>span {
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px
}

.pagination-lg>li:last-child>a, .pagination-lg>li:last-child>span {
  border-bottom-right-radius: 6px;
  border-top-right-radius: 6px
}

.pagination-sm>li>a, .pagination-sm>li>span {
  padding: 5px 10px;
  font-size: 14px
}

.pagination-sm>li:first-child>a, .pagination-sm>li:first-child>span {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px
}

.pagination-sm>li:last-child>a, .pagination-sm>li:last-child>span {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px
}

.pager {
  padding-left: 0;
  margin: 24px 0;
  list-style: none;
  text-align: center
}

.pager:before, .pager:after {
  content: " ";
  display: table
}

.pager:after {
  clear: both
}

.pager li {
  display: inline
}

.pager li>a, .pager li>span {
  display: inline-block;
  padding: 5px 14px;
  background-color: white;
  border: 1px solid #dddddd;
  border-radius: 15px
}

.pager li>a:hover, .pager li>a:focus {
  text-decoration: none;
  background-color: #eeeeee
}

.pager .next>a, .pager .next>span {
  float: right
}

.pager .previous>a, .pager .previous>span {
  float: left
}

.pager .disabled>a, .pager .disabled>a:hover, .pager .disabled>a:focus, .pager .disabled>span {
  color: #999999;
  background-color: white;
  cursor: not-allowed
}

.label {
  display: inline;
  padding: .2em .6em .3em;
  font-weight: bold;
  line-height: 1;
  color: white;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25em
}

.label[href]:hover, .label[href]:focus {
  color: white;
  text-decoration: none;
  cursor: pointer
}

.label:empty {
  display: none
}

.btn .label {
  position: relative;
  top: -1px
}

.label-default {
  background-color: #999999
}

.label-default[href]:hover, .label-default[href]:focus {
  background-color: gray
}

.label-primary {
  background-color: #1253a4
}

.label-primary[href]:hover, .label-primary[href]:focus {
  background-color: #0d3c76
}

.label-success {
  background-color: #5cb85c
}

.label-success[href]:hover, .label-success[href]:focus {
  background-color: #449d44
}

.label-info {
  background-color: #5bc0de
}

.label-info[href]:hover, .label-info[href]:focus {
  background-color: #31b0d5
}

.label-warning {
  background-color: #f0ad4e
}

.label-warning[href]:hover, .label-warning[href]:focus {
  background-color: #ec971f
}

.label-danger {
  background-color: #d9534f
}

.label-danger[href]:hover, .label-danger[href]:focus {
  background-color: #c9302c
}

.label-yellow {
  background-color: #ffd464
}

.label-yellow[href]:hover, .label-yellow[href]:focus {
  background-color: #ffc631
}

.label-pink {
  background-color: #f26964
}

.label-pink[href]:hover, .label-pink[href]:focus {
  background-color: #ee3b35
}

.label-green {
  background-color: #1abc9c
}

.label-green[href]:hover, .label-green[href]:focus {
  background-color: #148f77
}

.label-orange {
  background-color: #f68847
}

.label-orange[href]:hover, .label-orange[href]:focus {
  background-color: #f46916
}

.label-blue {
  background-color: #3498db
}

.label-blue[href]:hover, .label-blue[href]:focus {
  background-color: #217dbb
}

.label-gray {
  background-color: #34495e
}

.label-gray[href]:hover, .label-gray[href]:focus {
  background-color: #222f3d
}

.label-purple {
  background-color: #9b59b6
}

.label-purple[href]:hover, .label-purple[href]:focus {
  background-color: #804399
}

.badge {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 14px;
  font-weight: bold;
  color: white;
  line-height: 1;
  vertical-align: baseline;
  white-space: nowrap;
  text-align: center;
  background-color: #999999;
  border-radius: 10px
}

.badge:empty {
  display: none
}

.btn .badge {
  position: relative;
  top: -1px
}

a.badge:hover, a.badge:focus {
  color: white;
  text-decoration: none;
  cursor: pointer
}

a.list-group-item.active>.badge, .nav-pills>.active>a>.badge {
  color: #1253a4;
  background-color: white
}

.nav-pills>li>a>.badge {
  margin-left: 3px
}

.thumbnail {
  display: block;
  padding: 4px;
  margin-bottom: 24px;
  line-height: 1.5;
  background-color: white;
  border: 1px solid #dddddd;
  border-radius: 2px;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out
}

.thumbnail>img, .thumbnail a>img {
  display: block;
  max-width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto
}

.thumbnail .caption {
  padding: 9px;
  color: #5f6a7d
}

a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active {
  border-color: #1253a4
}

.alert {
  padding: 15px;
  margin-bottom: 24px;
  border: 1px solid transparent;
  border-radius: 2px
}

.alert h4 {
  margin-top: 0;
  color: inherit
}

.alert .alert-link {
  font-weight: bold
}

.alert>p, .alert>ul {
  margin-bottom: 0
}

.alert>p+p {
  margin-top: 5px
}

.alert-dismissable {
  padding-right: 35px
}

.alert-dismissable .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit
}

.alert-success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #468847
}

.alert-success hr {
  border-top-color: #c9e2b3
}

.alert-success .alert-link {
  color: #356635
}

.alert-info {
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: #3a87ad
}

.alert-info hr {
  border-top-color: #a6e1ec
}

.alert-info .alert-link {
  color: #2d6987
}

.alert-warning {
  background-color: #fcf8e3;
  border-color: #faebcc;
  color: #c09853
}

.alert-warning hr {
  border-top-color: #f7e1b5
}

.alert-warning .alert-link {
  color: #a47e3c
}

.alert-danger {
  background-color: #f2dede;
  border-color: #ebccd1;
  color: #b94a48
}

.alert-danger hr {
  border-top-color: #e4b9c0
}

.alert-danger .alert-link {
  color: #953b39
}

.media, .media-body {
  overflow: hidden;
  zoom: 1
}

.media, .media .media {
  margin-top: 15px
}

.media:first-child {
  margin-top: 0
}

.media-object {
  display: block
}

.media-heading {
  margin: 0 0 5px
}

.media>.pull-left {
  margin-right: 10px
}

.media>.pull-right {
  margin-left: 10px
}

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

.list-group {
  margin-bottom: 20px;
  padding-left: 0
}

.list-group-item {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: white;
  border: 1px solid #dddddd
}

.list-group-item:first-child {
  border-top-right-radius: 2px;
  border-top-left-radius: 2px
}

.list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px
}

.list-group-item>.badge {
  float: right
}

.list-group-item>.badge+.badge {
  margin-right: 5px
}

a.list-group-item {
  color: #555555
}

a.list-group-item .list-group-item-heading {
  color: #333333
}

a.list-group-item:hover, a.list-group-item:focus {
  text-decoration: none;
  background-color: whitesmoke
}

a.list-group-item.active, a.list-group-item.active:hover, a.list-group-item.active:focus {
  z-index: 2;
  color: white;
  background-color: #1253a4;
  border-color: #1253a4
}

a.list-group-item.active .list-group-item-heading, a.list-group-item.active:hover .list-group-item-heading, a.list-group-item.active:focus .list-group-item-heading {
  color: inherit
}

a.list-group-item.active .list-group-item-text, a.list-group-item.active:hover .list-group-item-text, a.list-group-item.active:focus .list-group-item-text {
  color: #8fbcf3
}

.list-group-item-heading {
  margin-top: 0;
  margin-bottom: 5px
}

.list-group-item-text {
  margin-bottom: 0;
  line-height: 1.3
}

.panel {
  margin-bottom: 24px;
  background-color: white;
  border: 1px solid transparent;
  border-radius: 2px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05)
}

.panel-body {
  padding: 15px
}

.panel-body:before, .panel-body:after {
  content: " ";
  display: table
}

.panel-body:after {
  clear: both
}

.panel>.list-group {
  margin-bottom: 0
}

.panel>.list-group .list-group-item {
  border-width: 1px 0
}

.panel>.list-group .list-group-item:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0
}

.panel>.list-group .list-group-item:last-child {
  border-bottom: 0
}

.panel-heading+.list-group .list-group-item:first-child {
  border-top-width: 0
}

.panel>.table, .panel>.table-responsive>.table {
  margin-bottom: 0
}

.panel>.panel-body+.table, .panel>.panel-body+.table-responsive {
  border-top: 1px solid #dddddd
}

.panel>.table>tbody:first-child th, .panel>.table>tbody:first-child td {
  border-top: 0
}

.panel>.table-bordered, .panel>.table-responsive>.table-bordered {
  border: 0
}

.panel>.table-bordered>thead>tr>th:first-child, .panel>.table-bordered>thead>tr>td:first-child, .panel>.table-bordered>tbody>tr>th:first-child, .panel>.table-bordered>tbody>tr>td:first-child, .panel>.table-bordered>tfoot>tr>th:first-child, .panel>.table-bordered>tfoot>tr>td:first-child, .panel>.table-responsive>.table-bordered>thead>tr>th:first-child, .panel>.table-responsive>.table-bordered>thead>tr>td:first-child, .panel>.table-responsive>.table-bordered>tbody>tr>th:first-child, .panel>.table-responsive>.table-bordered>tbody>tr>td:first-child, .panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child, .panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child {
  border-left: 0
}

.panel>.table-bordered>thead>tr>th:last-child, .panel>.table-bordered>thead>tr>td:last-child, .panel>.table-bordered>tbody>tr>th:last-child, .panel>.table-bordered>tbody>tr>td:last-child, .panel>.table-bordered>tfoot>tr>th:last-child, .panel>.table-bordered>tfoot>tr>td:last-child, .panel>.table-responsive>.table-bordered>thead>tr>th:last-child, .panel>.table-responsive>.table-bordered>thead>tr>td:last-child, .panel>.table-responsive>.table-bordered>tbody>tr>th:last-child, .panel>.table-responsive>.table-bordered>tbody>tr>td:last-child, .panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child, .panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child {
  border-right: 0
}

.panel>.table-bordered>thead>tr:last-child>th, .panel>.table-bordered>thead>tr:last-child>td, .panel>.table-bordered>tbody>tr:last-child>th, .panel>.table-bordered>tbody>tr:last-child>td, .panel>.table-bordered>tfoot>tr:last-child>th, .panel>.table-bordered>tfoot>tr:last-child>td, .panel>.table-responsive>.table-bordered>thead>tr:last-child>th, .panel>.table-responsive>.table-bordered>thead>tr:last-child>td, .panel>.table-responsive>.table-bordered>tbody>tr:last-child>th, .panel>.table-responsive>.table-bordered>tbody>tr:last-child>td, .panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th, .panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td {
  border-bottom: 0
}

.panel>.table-responsive {
  border: 0;
  margin-bottom: 0
}

.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-right-radius: 1px;
  border-top-left-radius: 1px
}

.panel-heading>.dropdown .dropdown-toggle {
  color: inherit
}

.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  color: inherit
}

.panel-title>a {
  color: inherit
}

.panel-footer {
  padding: 10px 15px;
  background-color: whitesmoke;
  border-top: 1px solid #dddddd;
  border-bottom-right-radius: 1px;
  border-bottom-left-radius: 1px
}

.panel-group .panel {
  margin-bottom: 0;
  border-radius: 2px;
  overflow: hidden
}

.panel-group .panel+.panel {
  margin-top: 5px
}

.panel-group .panel-heading {
  border-bottom: 0
}

.panel-group .panel-heading+.panel-collapse .panel-body {
  border-top: 1px solid #dddddd
}

.panel-group .panel-footer {
  border-top: 0
}

.panel-group .panel-footer+.panel-collapse .panel-body {
  border-bottom: 1px solid #dddddd
}

.panel-default {
  border-color: #dbe5f1
}

.panel-default>.panel-heading {
  color: #1253a4;
  background-color: #f7f9fc;
  border-color: #dbe5f1
}

.panel-default>.panel-heading+.panel-collapse .panel-body {
  border-top-color: #dbe5f1
}

.panel-default>.panel-footer+.panel-collapse .panel-body {
  border-bottom-color: #dbe5f1
}

.panel-primary {
  border-color: #1253a4
}

.panel-primary>.panel-heading {
  color: white;
  background-color: #1253a4;
  border-color: #1253a4
}

.panel-primary>.panel-heading+.panel-collapse .panel-body {
  border-top-color: #1253a4
}

.panel-primary>.panel-footer+.panel-collapse .panel-body {
  border-bottom-color: #1253a4
}

.panel-success {
  border-color: #d6e9c6
}

.panel-success>.panel-heading {
  color: #468847;
  background-color: #dff0d8;
  border-color: #d6e9c6
}

.panel-success>.panel-heading+.panel-collapse .panel-body {
  border-top-color: #d6e9c6
}

.panel-success>.panel-footer+.panel-collapse .panel-body {
  border-bottom-color: #d6e9c6
}

.panel-warning {
  border-color: #faebcc
}

.panel-warning>.panel-heading {
  color: #c09853;
  background-color: #fcf8e3;
  border-color: #faebcc
}

.panel-warning>.panel-heading+.panel-collapse .panel-body {
  border-top-color: #faebcc
}

.panel-warning>.panel-footer+.panel-collapse .panel-body {
  border-bottom-color: #faebcc
}

.panel-danger {
  border-color: #ebccd1
}

.panel-danger>.panel-heading {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #ebccd1
}

.panel-danger>.panel-heading+.panel-collapse .panel-body {
  border-top-color: #ebccd1
}

.panel-danger>.panel-footer+.panel-collapse .panel-body {
  border-bottom-color: #ebccd1
}

.panel-info {
  border-color: #bce8f1
}

.panel-info>.panel-heading {
  color: #3a87ad;
  background-color: #d9edf7;
  border-color: #bce8f1
}

.panel-info>.panel-heading+.panel-collapse .panel-body {
  border-top-color: #bce8f1
}

.panel-info>.panel-footer+.panel-collapse .panel-body {
  border-bottom-color: #bce8f1
}

.well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: whitesmoke;
  border: 1px solid #e3e3e3;
  border-radius: 2px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05)
}

.well blockquote {
  border-color: #ddd;
  border-color: rgba(0, 0, 0, 0.15)
}

.well-lg {
  padding: 24px;
  border-radius: 6px
}

.well-sm {
  padding: 9px;
  border-radius: 3px
}

.close {
  float: right;
  font-size: 24px;
  font-weight: bold;
  line-height: 1;
  color: black;
  text-shadow: 0 1px 0 white;
  opacity: 0.2;
  filter: alpha(opacity=20)
}

.close:hover, .close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.5;
  filter: alpha(opacity=50)
}

button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none
}

.modal-open {
  overflow: hidden
}

.modal {
  display: none;
  overflow: auto;
  overflow-y: scroll;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050
}

.modal.fade .modal-dialog {
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  transform: translate(0, -25%);
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out
}

.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0)
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
  z-index: 1060
}

.modal-content {
  position: relative;
  background-color: white;
  border: 1px solid #999999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  background-clip: padding-box;
  outline: none
}

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: white
}

.modal-backdrop.fade {
  opacity: 0;
  filter: alpha(opacity=0)
}

.modal-backdrop.in {
  opacity: 0.5;
  filter: alpha(opacity=50)
}

.modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
  min-height: 16.5px
}

.modal-header .close {
  margin-top: -2px
}

.modal-title {
  margin: 0;
  line-height: 1.5
}

.modal-body {
  position: relative;
  padding: 20px
}

.modal-footer {
  margin-top: 15px;
  padding: 19px 20px 20px;
  text-align: right;
  border-top: 1px solid #e5e5e5
}

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

.modal-footer:after {
  clear: both
}

.modal-footer .btn+.btn {
  margin-left: 5px;
  margin-bottom: 0
}

.modal-footer .btn-group .btn+.btn {
  margin-left: -1px
}

.modal-footer .btn-block+.btn-block {
  margin-left: 0
}

@media (min-width: 768px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto
  }
  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5)
  }
}

.tooltip {
  position: absolute;
  z-index: 1030;
  display: block;
  visibility: visible;
  font-size: 14px;
  line-height: 1.4;
  opacity: 0;
  filter: alpha(opacity=0)
}

.tooltip.in {
  opacity: 0.9;
  filter: alpha(opacity=90)
}

.tooltip.top {
  margin-top: -3px;
  padding: 5px 0
}

.tooltip.right {
  margin-left: 3px;
  padding: 0 5px
}

.tooltip.bottom {
  margin-top: 3px;
  padding: 5px 0
}

.tooltip.left {
  margin-left: -3px;
  padding: 0 5px
}

.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: white;
  text-align: center;
  text-decoration: none;
  background-color: #1253a4;
  border-radius: 2px
}

.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid
}

.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #1253a4
}

.tooltip.top-left .tooltip-arrow {
  bottom: 0;
  left: 5px;
  border-width: 5px 5px 0;
  border-top-color: #1253a4
}

.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  right: 5px;
  border-width: 5px 5px 0;
  border-top-color: #1253a4
}

.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #1253a4
}

.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #1253a4
}

.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #1253a4
}

.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  left: 5px;
  border-width: 0 5px 5px;
  border-bottom-color: #1253a4
}

.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  right: 5px;
  border-width: 0 5px 5px;
  border-bottom-color: #1253a4
}

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1010;
  display: none;
  max-width: 276px;
  padding: 1px;
  text-align: left;
  background-color: white;
  background-clip: padding-box;
  border: 1px solid #cccccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  white-space: normal
}

.popover.top {
  margin-top: -10px
}

.popover.right {
  margin-left: 10px
}

.popover.bottom {
  margin-top: 10px
}

.popover.left {
  margin-left: -10px
}

.popover-title {
  margin: 0;
  padding: 8px 14px;
  font-size: 16px;
  font-weight: normal;
  line-height: 18px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0
}

.popover-content {
  padding: 9px 14px
}

.popover .arrow, .popover .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid
}

.popover .arrow {
  border-width: 11px
}

.popover .arrow:after {
  border-width: 10px;
  content: ""
}

.popover.top .arrow {
  left: 50%;
  margin-left: -11px;
  border-bottom-width: 0;
  border-top-color: #999999;
  border-top-color: rgba(0, 0, 0, 0.25);
  bottom: -11px
}

.popover.top .arrow:after {
  content: " ";
  bottom: 1px;
  margin-left: -10px;
  border-bottom-width: 0;
  border-top-color: white
}

.popover.right .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-left-width: 0;
  border-right-color: #999999;
  border-right-color: rgba(0, 0, 0, 0.25)
}

.popover.right .arrow:after {
  content: " ";
  left: 1px;
  bottom: -10px;
  border-left-width: 0;
  border-right-color: white
}

.popover.bottom .arrow {
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
  top: -11px
}

.popover.bottom .arrow:after {
  content: " ";
  top: 1px;
  margin-left: -10px;
  border-top-width: 0;
  border-bottom-color: white
}

.popover.left .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999999;
  border-left-color: rgba(0, 0, 0, 0.25)
}

.popover.left .arrow:after {
  content: " ";
  right: 1px;
  border-right-width: 0;
  border-left-color: white;
  bottom: -10px
}

.clearfix:before, .clearfix:after, .cf:before, .cf:after {
  content: " ";
  display: table
}

.clearfix:after, .cf:after {
  clear: both
}

.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto
}

.pull-right {
  float: right !important
}

.pull-left {
  float: left !important
}

.hide {
  display: none !important
}

.show {
  display: block !important
}

.invisible {
  visibility: hidden
}

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0
}

.hidden {
  display: none !important;
  visibility: hidden !important
}

.affix {
  position: fixed
}

@-ms-viewport {
  width: device-width
}

p {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 24px;
  margin-bottom: 1.5rem;
  line-height: 1.75
}

@media (min-width: 768px) {
  p {
    font-size: 14px;
    font-size: 0.875rem
  }
}

@media (min-width: 1024px) {
  p {
    font-size: 14px;
    font-size: 0.875rem
  }
}

.lead {
  font-size: 16px;
  font-size: 1rem
}

@media (min-width: 1024px) {
  .lead {
    font-size: 14px;
    font-size: 0.875rem
  }
}

.lead-primary {
  color: #1253a4
}

b, strong {
  font-weight: normal
}

.strong {
  font-weight: bold
}

.en {
  font-family: "Montserrat", "lucida grande", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-weight: normal
}

small, .small {
  font-size: 12px;
  font-size: 0.75rem
}

.text-muted {
  color: #999999
}

.text-primary, .text-boys {
  color: #1253a4
}

.text-primary:hover, .text-boys:hover {
  color: #1253a4
}

.text-warning, .text-orange {
  color: #f68847
}

.text-warning:hover, .text-orange:hover {
  color: #f68847
}

.text-danger {
  color: #f26964
}

.text-danger:hover {
  color: #f26964
}

.text-success {
  color: #1abc9c
}

.text-success:hover {
  color: #1abc9c
}

.text-info, .text-blue {
  color: #3498db !important
}

.text-info:hover, .text-blue:hover {
  color: #3498db !important
}

.text-pink, .text-girls {
  color: #f26964 !important
}

.text-pink:hover, .text-girls:hover {
  color: #f26964 !important
}

.text-green, .text-coed {
  color: #1abc9c !important
}

.text-green:hover, .text-coed:hover {
  color: #1abc9c !important
}

.text-purple {
  color: #9b59b6 !important
}

.text-purple:hover {
  color: #9b59b6 !important
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, "メイリオ", sans-serif;
  color: #1253a4
}

.windows h1, .windows h2, .windows h3, .windows h4, .windows h5, .windows h6, .windows .h1, .windows .h2, .windows .h3, .windows .h4, .windows .h5, .windows .h6 {
  font-family: 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif
}

.windows.ie8 h1, .windows.ie7 h1, .windows.ie6 h1, .windows.ie8 h2, .windows.ie7 h2, .windows.ie6 h2, .windows.ie8 h3, .windows.ie7 h3, .windows.ie6 h3, .windows.ie8 h4, .windows.ie7 h4, .windows.ie6 h4, .windows.ie8 h5, .windows.ie7 h5, .windows.ie6 h5, .windows.ie8 h6, .windows.ie7 h6, .windows.ie6 h6, .windows.ie8 .h1, .windows.ie7 .h1, .windows.ie6 .h1, .windows.ie8 .h2, .windows.ie7 .h2, .windows.ie6 .h2, .windows.ie8 .h3, .windows.ie7 .h3, .windows.ie6 .h3, .windows.ie8 .h4, .windows.ie7 .h4, .windows.ie6 .h4, .windows.ie8 .h5, .windows.ie7 .h5, .windows.ie6 .h5, .windows.ie8 .h6, .windows.ie7 .h6, .windows.ie6 .h6 {
  font-family: 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif
}

.android h1, .android h2, .android h3, .android h4, .android h5, .android h6, .android .h1, .android .h2, .android .h3, .android .h4, .android .h5, .android .h6 {
  font-family: 'Yu Gothic', sans-serif
}

h1 small, h1 .small {
  font-size: 14px;
  font-size: 0.875rem
}

h2 small, h2 .small, h3 small, h3 .small {
  font-size: 11px;
  font-size: 0.6875rem
}

h4 small, h4 .small, h5 small, h5 .small, h6 small, h6 .small {
  font-size: 11px;
  font-size: 0.6875rem
}

.text-left {
  text-align: left !important
}

.text-right {
  text-align: right !important
}

.text-center {
  text-align: center !important
}

u.red {
  text-decoration: none;
  border-bottom: 1px solid #f26964
}

.page-header {
  margin-bottom: 16px;
  margin-bottom: 1rem
}

.h-primary {
  position: relative;
  margin-top: 0;
  margin-top: 0;
  margin-bottom: 32px;
  margin-bottom: 2rem;
  padding-top: 80px;
  padding-top: 5rem;
  padding-bottom: 8px;
  padding-bottom: 0.5rem;
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1.7;
  font-weight: bold;
  color: #1253a4;
  border-top: 4px solid #1253a4;
  -webkit-box-shadow: #dbe5f1 0 1px 0;
  box-shadow: #dbe5f1 0 1px 0;
  background: #f7f9fc url("/assets/img/ico/ico_method_primary@2x.png") 0 16px no-repeat;
  -webkit-background-size: 48px 47px;
  -moz-background-size: 48px 47px;
  -o-background-size: 48px 47px;
  background-size: 48px 47px
}

.h-primary:before, .h-primary:after {
  content: " ";
  display: table
}

.h-primary:after {
  clear: both
}

.ie8 .h-primary {
  -ms-behavior: url("/assets/behaviors/background-size/backgroundsize.min.htc")
}

.eco .h-primary {
  color: #1abc9c;
  border-top-color: #1abc9c;
  background-color: #f8fcfc;
  -webkit-box-shadow: #dcf4f0 0 1px 0;
  box-shadow: #dcf4f0 0 1px 0
}

.h-primary small span.label {
  position: absolute;
  top: 16px;
  right: 0;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 16px;
  line-height: 1rem;
  border-radius: 2px 0 0 2px;
  font-weight: normal
}

.h-primary small span.link {
  float: right;
  font-size: 16px;
  font-size: 1rem;
  line-height: 24px;
  line-height: 1.5rem
}

@media (min-width: 768px) {
  .h-primary {
    font-size: 24px;
    font-size: 1.5rem
  }
  .h-primary small span.label {
    font-size: 10px;
    font-size: 0.625rem
  }
  .h-primary small span.link {
    font-size: 12px;
    font-size: 0.75rem
  }
}

.h-secondary {
  position: relative;
  margin-top: 0;
  margin-top: 0;
  margin-bottom: 16px;
  margin-bottom: 1rem;
  padding-top: 80px;
  padding-top: 5rem;
  padding-bottom: 8px;
  padding-bottom: 0.5rem;
  font-size: 16px;
  font-size: 1rem;
  line-height: 24px;
  line-height: 1.5rem;
  font-weight: bold;
  color: #1253a4;
  border-top: 4px solid #1253a4;
  -webkit-box-shadow: #dbe5f1 0 1px 0;
  box-shadow: #dbe5f1 0 1px 0;
  background: #f7f9fc url("/assets/img/ico/ico_method_primary@2x.png") 0 16px no-repeat;
  -webkit-background-size: 48px 47px;
  -moz-background-size: 48px 47px;
  -o-background-size: 48px 47px;
  background-size: 48px 47px
}

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

.h-secondary:after {
  clear: both
}

.ie8 .h-secondary {
  -ms-behavior: url("/assets/behaviors/background-size/backgroundsize.min.htc")
}

.h-secondary small span.label {
  position: absolute;
  top: 16px;
  right: 0;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 16px;
  line-height: 1rem;
  border-radius: 2px 0 0 2px;
  font-weight: normal
}

.h-secondary small span.link {
  float: right;
  font-size: 16px;
  font-size: 1rem;
  line-height: 24px;
  line-height: 1.5rem
}

.modal-header .h-secondary {
  border-top: 0
}

.eco .h-secondary {
  color: #1abc9c;
  border-top-color: #1abc9c;
  background-color: #f8fcfc;
  -webkit-box-shadow: #dcf4f0 0 1px 0;
  box-shadow: #dcf4f0 0 1px 0
}

@media (min-width: 768px) {
  .h-secondary {
    font-size: 14px;
    font-size: 0.875rem
  }
  .h-secondary small span.label {
    font-size: 10px;
    font-size: 0.625rem
  }
  .h-secondary small span.link {
    font-size: 12px;
    font-size: 0.75rem
  }
}

.h-tertiary {
  position: relative;
  margin-top: 0;
  margin-top: 0;
  margin-bottom: 16px;
  margin-bottom: 1rem;
  padding-top: 8px;
  padding-top: 0.5rem;
  padding-bottom: 8px;
  padding-bottom: 0.5rem;
  font-size: 16px;
  font-size: 1rem;
  line-height: 24px;
  line-height: 1.5rem;
  font-weight: bold;
  color: #1253a4;
  background: #f7f9fc;
  border-top: 4px solid #1253a4;
  border-bottom: 1px solid #dbe5f1
}

.h-tertiary:before, .h-tertiary:after {
  content: " ";
  display: table
}

.h-tertiary:after {
  clear: both
}

.h-tertiary small span.label {
  position: absolute;
  top: 16px;
  right: 0;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 16px;
  line-height: 1rem;
  border-radius: 2px 0 0 2px;
  font-weight: normal
}

.h-tertiary small span.link {
  float: right;
  font-size: 16px;
  font-size: 1rem;
  line-height: 24px;
  line-height: 1.5rem
}

@media (min-width: 768px) {
  .h-tertiary {
    font-size: 14px;
    font-size: 0.875rem
  }
  .h-tertiary small span.label {
    font-size: 10px;
    font-size: 0.625rem
  }
  .h-tertiary small span.link {
    font-size: 12px;
    font-size: 0.75rem
  }
}

.h-quaternary {
  margin-top: 0;
  margin-bottom: 0.5em;
  padding-bottom: 8px;
  padding-bottom: 0.5rem;
  font-size: 16px;
  font-size: 1rem;
  line-height: 24px;
  line-height: 1.5rem;
  font-weight: bold;
  color: #1253a4;
  border-bottom: 1px solid #f7f9fc
}

.eco .h-quaternary {
  color: #1abc9c
}

@media (min-width: 768px) {
  .h-quaternary {
    font-size: 14px;
    font-size: 0.875rem
  }
}

@media (min-width: 1024px) {
  .h-quaternary {
    font-size: 14px;
    font-size: 0.875rem
  }
}

.h-quinary {
  margin-top: 0;
  padding-bottom: 8px;
  padding-bottom: 0.5rem;
  font-size: 16px;
  font-size: 1rem;
  line-height: 24px;
  line-height: 1.5rem;
  font-weight: bold;
  color: #1253a4
}

.h-quinary.eco {
  color: #1abc9c
}

@media (min-width: 768px) {
  .h-quinary {
    font-size: 14px;
    font-size: 0.875rem
  }
}

@media (min-width: 1024px) {
  .h-quinary {
    font-size: 14px;
    font-size: 0.875rem;
    padding-bottom: 0
  }
}

.h-alpha {
  padding: 1.5em 0;
  margin-bottom: 24px;
  margin-bottom: 1.5rem;
  border-top: 3px solid #1253a4;
  border-bottom: 1px solid #dbe5f1;
  background-color: #f7f9fc;
  font-size: 14px;
  color: #1253a4;
  font-weight: bold;
  line-height: 1.5
}

.h-alpha strong {
  font-weight: bold
}

.h-alpha small span.label {
  position: absolute;
  top: 16px;
  right: 0;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 16px;
  line-height: 1rem;
  border-radius: 2px 0 0 2px;
  font-weight: normal
}

.h-alpha small span.link {
  float: right;
  font-size: 12px;
  font-size: 0.75rem
}

.eco .h-alpha {
  border-top: 3px solid #1abc9c;
  border-bottom: 1px solid #dcf4f0;
  background-color: #f8fcfc;
  color: #1abc9c
}

.h-beta {
  padding: 0 0 1em 0;
  margin-bottom: 24px;
  margin-bottom: 1.5rem;
  border-bottom: 3px solid #1253a4;
  font-size: 14px;
  color: #1253a4;
  font-weight: bold
}

.h-beta strong {
  font-weight: bold
}

.h-gamma {
  margin-bottom: 1em;
  padding-bottom: 0.5em;
  font-size: 14px;
  color: #1253a4;
  font-weight: bold;
  border-bottom: 1px solid #eeeeee
}

.h-delta {
  margin-bottom: 1em;
  font-size: 14px;
  color: #1253a4;
  font-weight: bold
}

.h-epsilon {
  margin-top: 0;
  margin-bottom: 1em;
  font-size: 14px;
  color: #1253a4;
  font-weight: bold;
  line-height: 1.5
}

.h-epsilon.eco {
  color: #1abc9c
}

.h-zeta {
  margin-bottom: 1em;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.5
}

.h-giga {
  margin-top: 0;
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1.5
}

.h-mega {
  font-size: 21px;
  font-size: 1.3125rem;
  font-weight: bold;
  line-height: 1.5
}

.h-kilo, .f18 {
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: bold;
  line-height: 1.5
}

.h-milli {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  line-height: 1.5
}

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

ol {
  line-height: 1.75
}

ol ol {
  margin-top: 16px;
  margin-top: 1rem;
  margin-bottom: 16px;
  margin-bottom: 1rem
}

.list-nostyled {
  list-style: none;
  margin-bottom: 0;
  padding-left: 0
}

.list-inline>li {
  padding-left: 8px;
  padding-left: 0.5rem;
  padding-right: 8px;
  padding-right: 0.5rem;
  margin-bottom: 16px;
  margin-bottom: 1rem
}

.list-dot {
  margin-left: 1em;
  padding-left: 0;
  list-style-type: none
}

.list-dot li {
  text-indent: -1em
}

.list-dot li:before {
  content: "\30FB"
}

.list-reference {
  margin-left: 1.25em;
  margin-bottom: 2em;
  padding-left: 0;
  list-style-type: none;
  line-height: 20px;
  line-height: 1.25rem;
  font-size: 12px;
  font-size: 0.75rem
}

.list-reference li {
  text-indent: -1.25em;
  margin-bottom: 4px;
  margin-bottom: 0.25rem
}

.list-reference li:before {
  content: "\203B\0020"
}

.panel-body .list-reference {
  margin-bottom: 0
}

.list__tag {
  padding-left: 0;
  list-style: none;
  font-size: 10px;
  font-size: 0.625rem
}

.list__tag:before, .list__tag:after {
  content: " ";
  display: table
}

.list__tag:after {
  clear: both
}

.list__tag li {
  float: left;
  margin-right: 8px;
  margin-right: 0.5rem
}

.list__tag li span {
  margin-right: 0;
  padding: 0.5em;
  background: #eeeeee;
  color: white;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px
}

.list__tag li span.new {
  background-color: #f26964
}

.list__tag li span.mockexam {
  background-color: #3498db
}

.list__tag li span.course {
  background-color: #9b59b6
}

.list__tag li span.grader {
  background-color: #1253a4
}

.list__tag li span.kantou {
  background-color: #1abc9c
}

.list__tag li span.kansai {
  background-color: #f68847
}

.list__tag li span.schedule {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.1;
  padding: 0.5em 0;
  color: #1253a4;
  background: transparent
}

.ico-method {
  background-image: url("/assets/img/ico/ico_method_primary@2x.png");
  background-position: 0 16px;
  -webkit-background-size: 48px 47px;
  -moz-background-size: 48px 47px;
  -o-background-size: 48px 47px;
  background-size: 48px 47px
}

.ie8 .ico-method {
  -ms-behavior: url("/assets/behaviors/background-size/backgroundsize.min.htc")
}

.eco .ico-method {
  background-image: url("/assets/img/ico/ico_method_green@2x.png")
}

.ico-success {
  background-image: url("/assets/img/ico/ico_success_primary@2x.png");
  background-position: 0 16px;
  -webkit-background-size: 60px 48px;
  -moz-background-size: 60px 48px;
  -o-background-size: 60px 48px;
  background-size: 60px 48px
}

.ie8 .ico-success {
  -ms-behavior: url("/assets/behaviors/background-size/backgroundsize.min.htc")
}

.ico-news {
  background-image: url("/assets/img/ico/ico_newspaper_primary@2x.png");
  background-position: 0 16px;
  -webkit-background-size: 48px 48px;
  -moz-background-size: 48px 48px;
  -o-background-size: 48px 48px;
  background-size: 48px 48px
}

.ie8 .ico-news {
  -ms-behavior: url("/assets/behaviors/background-size/backgroundsize.min.htc")
}

.eco .ico-news {
  background-image: url("/assets/img/ico/ico_newspaper_green@2x.png")
}

.ico-famous {
  background-image: url("/assets/img/ico/ico_famous_primary@2x.png");
  background-position: 0 16px;
  -webkit-background-size: 72px 49px;
  -moz-background-size: 72px 49px;
  -o-background-size: 72px 49px;
  background-size: 72px 49px
}

.ie8 .ico-famous {
  -ms-behavior: url("/assets/behaviors/background-size/backgroundsize.min.htc")
}

.ico-school {
  background-image: url("/assets/img/ico/ico_school_primary@2x.png");
  background-position: 0 16px;
  -webkit-background-size: 54px 48px;
  -moz-background-size: 54px 48px;
  -o-background-size: 54px 48px;
  background-size: 54px 48px
}

.ie8 .ico-school {
  -ms-behavior: url("/assets/behaviors/background-size/backgroundsize.min.htc")
}

.ico-request {
  background-image: url("/assets/img/ico/ico_request_primary@2x.png");
  background-position: 0 16px;
  -webkit-background-size: 48px 48px;
  -moz-background-size: 48px 48px;
  -o-background-size: 48px 48px;
  background-size: 48px 48px
}

.ie8 .ico-request {
  -ms-behavior: url("/assets/behaviors/background-size/backgroundsize.min.htc")
}

.ico-meeting {
  background-image: url("/assets/img/ico/ico_meeting_primary@2x.png");
  background-position: 0 16px;
  -webkit-background-size: 48px 48px;
  -moz-background-size: 48px 48px;
  -o-background-size: 48px 48px;
  background-size: 48px 48px
}

.ie8 .ico-meeting {
  -ms-behavior: url("/assets/behaviors/background-size/backgroundsize.min.htc")
}

.eco .ico-meeting {
  background-image: url("/assets/img/ico/ico_meeting_green@2x.png")
}

.ico-curriculum {
  background-image: url("/assets/img/ico/ico_curriculum_primary@2x.png");
  background-position: 0 16px;
  -webkit-background-size: 42px 48px;
  -moz-background-size: 42px 48px;
  -o-background-size: 42px 48px;
  background-size: 42px 48px
}

.ie8 .ico-curriculum {
  -ms-behavior: url("/assets/behaviors/background-size/backgroundsize.min.htc")
}

.ico-corporate {
  background-image: url("/assets/img/ico/ico_corporate_primary@2x.png");
  background-position: 0 16px;
  -webkit-background-size: 68px 48px;
  -moz-background-size: 68px 48px;
  -o-background-size: 68px 48px;
  background-size: 68px 48px
}

.ie8 .ico-corporate {
  -ms-behavior: url("/assets/behaviors/background-size/backgroundsize.min.htc")
}

.ico-entrance {
  background-image: url("/assets/img/ico/ico_entrance_primary@2x.png");
  background-position: 0 16px;
  -webkit-background-size: 48px 48px;
  -moz-background-size: 48px 48px;
  -o-background-size: 48px 48px;
  background-size: 48px 48px
}

.ie8 .ico-entrance {
  -ms-behavior: url("/assets/behaviors/background-size/backgroundsize.min.htc")
}

.eco .ico-entrance {
  background-image: url("/assets/img/ico/ico_entrance_green@2x.png")
}

.ico-mockexam {
  background-image: url("/assets/img/ico/ico_mockexam_primary@2x.png");
  background-position: 0 16px;
  -webkit-background-size: 49px 49px;
  -moz-background-size: 49px 49px;
  -o-background-size: 49px 49px;
  background-size: 49px 49px
}

.ie8 .ico-mockexam {
  -ms-behavior: url("/assets/behaviors/background-size/backgroundsize.min.htc")
}

.ico-course {
  background-image: url("/assets/img/ico/ico_course_primary@2x.png");
  background-position: 0 16px;
  -webkit-background-size: 55px 48px;
  -moz-background-size: 55px 48px;
  -o-background-size: 55px 48px;
  background-size: 55px 48px
}

.ie8 .ico-course {
  -ms-behavior: url("/assets/behaviors/background-size/backgroundsize.min.htc")
}

.ico-activities {
  background-image: url("/assets/img/ico/ico_activities_primary@2x.png");
  background-position: 0 8px;
  -webkit-background-size: 33px 60px;
  -moz-background-size: 33px 60px;
  -o-background-size: 33px 60px;
  background-size: 33px 60px
}

.ie8 .ico-activities {
  -ms-behavior: url("/assets/behaviors/background-size/backgroundsize.min.htc")
}

.eco .ico-activities {
  background-image: url("/assets/img/ico/ico_activities_green@2x.png")
}

.ico-mockexamcourse {
  background-image: url("/assets/img/ico/ico_mockexamcourse_primary@2x.png");
  background-position: 0 16px;
  -webkit-background-size: 74px 48px;
  -moz-background-size: 74px 48px;
  -o-background-size: 74px 48px;
  background-size: 74px 48px
}

.ie8 .ico-mockexamcourse {
  -ms-behavior: url("/assets/behaviors/background-size/backgroundsize.min.htc")
}

.ico-mypage {
  background-image: url("/assets/img/ico/ico_mypage_primary@2x.png");
  background-position: 0 16px;
  -webkit-background-size: 48px 48px;
  -moz-background-size: 48px 48px;
  -o-background-size: 48px 48px;
  background-size: 48px 48px
}

.ie8 .ico-mypage {
  -ms-behavior: url("/assets/behaviors/background-size/backgroundsize.min.htc")
}

.ico-safety {
  background-image: url("/assets/img/ico/ico_safety_primary@2x.png");
  background-position: 0 16px;
  -webkit-background-size: 48px 48px;
  -moz-background-size: 48px 48px;
  -o-background-size: 48px 48px;
  background-size: 48px 48px
}

.ie8 .ico-safety {
  -ms-behavior: url("/assets/behaviors/background-size/backgroundsize.min.htc")
}

.ico-faq {
  background-image: url("/assets/img/ico/ico_faq_primary@2x.png");
  background-position: 0 16px;
  -webkit-background-size: 48px 42px;
  -moz-background-size: 48px 42px;
  -o-background-size: 48px 42px;
  background-size: 48px 42px
}

.ie8 .ico-faq {
  -ms-behavior: url("/assets/behaviors/background-size/backgroundsize.min.htc")
}

.ico-contact {
  background-image: url("/assets/img/ico/ico_contact_primary@2x.png");
  background-position: 0 16px;
  -webkit-background-size: 56px 41px;
  -moz-background-size: 56px 41px;
  -o-background-size: 56px 41px;
  background-size: 56px 41px
}

.ie8 .ico-contact {
  -ms-behavior: url("/assets/behaviors/background-size/backgroundsize.min.htc")
}

.eco .ico-contact {
  background-image: url("/assets/img/ico/ico_contact_green@2x.png")
}

.ico-kansai {
  background-image: url("/assets/img/ico/ico_kansai_primary@2x.png");
  background-position: 0 8px;
  -webkit-background-size: 68px 60px;
  -moz-background-size: 68px 60px;
  -o-background-size: 68px 60px;
  background-size: 68px 60px
}

.ie8 .ico-kansai {
  -ms-behavior: url("/assets/behaviors/background-size/backgroundsize.min.htc")
}

.ico-eco-message {
  background-image: url("/assets/img/ico/ico_eco_message_green@2x.png");
  background-position: 0 16px;
  -webkit-background-size: 49px 59px;
  -moz-background-size: 49px 59px;
  -o-background-size: 49px 59px;
  background-size: 49px 59px
}

.ie8 .ico-eco-message {
  -ms-behavior: url("/assets/behaviors/background-size/backgroundsize.min.htc")
}

.ico-eco-ecoclub {
  background-image: url("/assets/img/ico/ico_eco_ecoclub2_primary@2x.png");
  background-position: 0 16px;
  -webkit-background-size: 49px 49px;
  -moz-background-size: 49px 49px;
  -o-background-size: 49px 49px;
  background-size: 49px 49px
}

.ie8 .ico-eco-ecoclub {
  -ms-behavior: url("/assets/behaviors/background-size/backgroundsize.min.htc")
}

.ico-eco-event {
  background-image: url("/assets/img/ico/ico_activities_green@2x.png");
  background-position: 0 8px;
  -webkit-background-size: 33px 60px;
  -moz-background-size: 33px 60px;
  -o-background-size: 33px 60px;
  background-size: 33px 60px
}

.ie8 .ico-eco-event {
  -ms-behavior: url("/assets/behaviors/background-size/backgroundsize.min.htc")
}

.ico-eco-quiz {
  background-image: url("/assets/img/ico/ico_eco_quiz_green@2x.png");
  background-position: 0 16px;
  -webkit-background-size: 48px 48px;
  -moz-background-size: 48px 48px;
  -o-background-size: 48px 48px;
  background-size: 48px 48px
}

.ie8 .ico-eco-quiz {
  -ms-behavior: url("/assets/behaviors/background-size/backgroundsize.min.htc")
}

.eco .ico-eco-quiz {
  background-image: url("/assets/img/ico/ico_eco_quiz_green@2x.png")
}

.ico-eco-library {
  background-image: url("/assets/img/ico/ico_eco_library_green@2x.png");
  background-position: 0 16px;
  -webkit-background-size: 52px 47px;
  -moz-background-size: 52px 47px;
  -o-background-size: 52px 47px;
  background-size: 52px 47px
}

.ie8 .ico-eco-library {
  -ms-behavior: url("/assets/behaviors/background-size/backgroundsize.min.htc")
}

.eco .ico-eco-library {
  background-image: url("/assets/img/ico/ico_eco_library_green@2x.png")
}

.ico-eco-global {
  background-image: url("/assets/img/ico/ico_eco_leaf_green@2x.png");
  background-position: 0 16px;
  -webkit-background-size: 49px 48px;
  -moz-background-size: 49px 48px;
  -o-background-size: 49px 48px;
  background-size: 49px 48px
}

.ie8 .ico-eco-global {
  -ms-behavior: url("/assets/behaviors/background-size/backgroundsize.min.htc")
}

.eco .ico-eco-global {
  background-image: url("/assets/img/ico/ico_eco_leaf_green@2x.png")
}

.spxrow:before, .spxrow:after {
  content: " ";
  display: table
}

.spxrow:after {
  clear: both
}

.spxrow .spxgrid-half {
  margin-top: 16px;
  margin-top: 1rem
}

.spxrow .spxgrid-half:first-child {
  margin-top: 0
}

.spxrow .spxgrid-2 {
  margin-top: 2.63158%
}

.spxrow .spxgrid-2:first-child {
  margin-top: 0
}

.spxrow .spxgrid-one3 {
  margin-top: 0
}

.spxrow .spxgrid-two3 {
  margin-top: 2.63158%
}

.spxrow .spxgrid-3 {
  margin-top: 2.63158%
}

.spxrow .spxgrid-3:first-child {
  margin-top: 0
}

.spxrow .spxgrid-4, .spxrow .spxgrid-5 {
  margin-top: 2.63158%
}

.spxrow .spxgrid-4:nth-child(-n+2), .spxrow .spxgrid-5:nth-child(-n+2) {
  margin-top: 0
}

.spxrow .spxgrid-4:nth-child(2n+1), .spxrow .spxgrid-5:nth-child(2n+1) {
  width: 48.68421%;
  float: left;
  margin-right: -100%;
  margin-left: 0%;
  clear: both
}

.spxrow .spxgrid-4:nth-child(2n+2), .spxrow .spxgrid-5:nth-child(2n+2) {
  width: 48.68421%;
  float: right;
  margin-left: 0;
  margin-right: 0;
  clear: none
}

.spxrow .spxgrid-6, .spxrow .spxgrid-7, .spxrow .spxgrid-8 {
  margin-top: 2.63158%
}

.spxrow .spxgrid-6:nth-child(-n+3), .spxrow .spxgrid-7:nth-child(-n+3), .spxrow .spxgrid-8:nth-child(-n+3) {
  margin-top: 0
}

.spxrow .spxgrid-6:nth-child(3n+1), .spxrow .spxgrid-7:nth-child(3n+1), .spxrow .spxgrid-8:nth-child(3n+1) {
  width: 31.57895%;
  float: left;
  margin-right: -100%;
  margin-left: 0%;
  clear: both
}

.spxrow .spxgrid-6:nth-child(3n+2), .spxrow .spxgrid-7:nth-child(3n+2), .spxrow .spxgrid-8:nth-child(3n+2) {
  width: 31.57895%;
  float: left;
  margin-right: -100%;
  margin-left: 34.21053%;
  clear: none
}

.spxrow .spxgrid-6:nth-child(3n+3), .spxrow .spxgrid-7:nth-child(3n+3), .spxrow .spxgrid-8:nth-child(3n+3) {
  width: 31.57895%;
  float: right;
  margin-left: 0;
  margin-right: 0;
  clear: none
}

@media (min-width: 768px) {
  .spxrow .spxgrid-2 {
    margin-top: 0
  }
  .spxrow .spxgrid-2:nth-child(1) {
    width: 48.3871%;
    float: left;
    margin-right: -100%;
    margin-left: 0%;
    clear: none
  }
  .spxrow .spxgrid-2:nth-child(2) {
    width: 48.3871%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none
  }
  .spxrow .spxgrid-one3 {
    margin-top: 0;
    width: 29.03226%;
    float: left;
    margin-right: -100%;
    margin-left: 0%;
    clear: none
  }
  .spxrow .spxgrid-two3 {
    margin-top: 0;
    width: 64.51613%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none
  }
  .spxrow .spxgrid-faq-person {
    margin-top: 0;
    width: 20.16129%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
    text-align: center
  }
  .spxrow .spxgrid-faq-text {
    margin-top: 0;
    width: 73.3871%;
    float: left;
    margin-right: -100%;
    margin-left: 0%;
    clear: none
  }
  .spxrow .spxgrid-3:nth-child(-n+3) {
    margin-top: 0
  }
  .spxrow .spxgrid-3:nth-child(3n+1) {
    width: 31.04839%;
    float: left;
    margin-right: -100%;
    margin-left: 0%;
    clear: both
  }
  .spxrow .spxgrid-3:nth-child(3n+2) {
    width: 31.04839%;
    float: left;
    margin-right: -100%;
    margin-left: 34.47581%;
    clear: none
  }
  .spxrow .spxgrid-3:nth-child(3n+3) {
    width: 31.04839%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none
  }
  .spxrow .spxgrid-4:nth-child(-n+4), .spxrow .spxgrid-5:nth-child(-n+4) {
    margin-top: 0
  }
  .spxrow .spxgrid-4:nth-child(4n+1), .spxrow .spxgrid-5:nth-child(4n+1) {
    width: 22.58065%;
    float: left;
    margin-right: -100%;
    margin-left: 0%;
    clear: both
  }
  .spxrow .spxgrid-4:nth-child(4n+2), .spxrow .spxgrid-5:nth-child(4n+2) {
    width: 22.58065%;
    float: left;
    margin-right: -100%;
    margin-left: 25.80645%;
    clear: none
  }
  .spxrow .spxgrid-4:nth-child(4n+3), .spxrow .spxgrid-5:nth-child(4n+3) {
    width: 22.58065%;
    float: left;
    margin-right: -100%;
    margin-left: 51.6129%;
    clear: none
  }
  .spxrow .spxgrid-4:nth-child(4n+4), .spxrow .spxgrid-5:nth-child(4n+4) {
    width: 22.58065%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none
  }
  .spxrow .spxgrid-6, .spxrow .spxgrid-7 {
    margin-top: 16px;
    margin-top: 1rem
  }
  .spxrow .spxgrid-6:nth-child(-n+4), .spxrow .spxgrid-7:nth-child(-n+4) {
    margin-top: 0
  }
  .spxrow .spxgrid-6:nth-child(4n+1), .spxrow .spxgrid-7:nth-child(4n+1) {
    width: 22.58065%;
    float: left;
    margin-right: -100%;
    margin-left: 0%;
    clear: both
  }
  .spxrow .spxgrid-6:nth-child(4n+2), .spxrow .spxgrid-7:nth-child(4n+2) {
    width: 22.58065%;
    float: left;
    margin-right: -100%;
    margin-left: 25.80645%;
    clear: none
  }
  .spxrow .spxgrid-6:nth-child(4n+3), .spxrow .spxgrid-7:nth-child(4n+3) {
    width: 22.58065%;
    float: left;
    margin-right: -100%;
    margin-left: 51.6129%;
    clear: none
  }
  .spxrow .spxgrid-6:nth-child(4n+4), .spxrow .spxgrid-7:nth-child(4n+4) {
    width: 22.58065%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none
  }
  .spxrow .spxgrid-8:nth-child(-n+6) {
    margin-top: 0
  }
  .spxrow .spxgrid-8:nth-child(6n+1) {
    width: 14.89362%;
    float: left;
    margin-right: -100%;
    margin-left: 0%;
    clear: both
  }
  .spxrow .spxgrid-8:nth-child(6n+2) {
    width: 14.89362%;
    float: left;
    margin-right: -100%;
    margin-left: 17.02128%;
    clear: none
  }
  .spxrow .spxgrid-8:nth-child(6n+3) {
    width: 14.89362%;
    float: left;
    margin-right: -100%;
    margin-left: 34.04255%;
    clear: none
  }
  .spxrow .spxgrid-8:nth-child(6n+4) {
    width: 14.89362%;
    float: left;
    margin-right: -100%;
    margin-left: 51.06383%;
    clear: none
  }
  .spxrow .spxgrid-8:nth-child(6n+5) {
    width: 14.89362%;
    float: left;
    margin-right: -100%;
    margin-left: 68.08511%;
    clear: none
  }
  .spxrow .spxgrid-8:nth-child(6n+6) {
    width: 14.89362%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none
  }
}

@media (min-width: 1024px) {
  .spxrow .spxgrid-half:nth-child(-n+2) {
    margin-top: 0
  }
  .spxrow .spxgrid-half:nth-child(2n+1) {
    width: 48.93617%;
    float: left;
    margin-right: -100%;
    margin-left: 0%;
    clear: both
  }
  .spxrow .spxgrid-half:nth-child(2n+2) {
    width: 48.93617%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none
  }
  .spxrow .spxgrid-half .spxgrid-4:nth-child(-n+4) {
    margin-top: 0
  }
  .spxrow .spxgrid-half .spxgrid-4:nth-child(4n+1) {
    width: 21.73913%;
    float: left;
    margin-right: -100%;
    margin-left: 0%;
    clear: both
  }
  .spxrow .spxgrid-half .spxgrid-4:nth-child(4n+2) {
    width: 21.73913%;
    float: left;
    margin-right: -100%;
    margin-left: 26.08696%;
    clear: none
  }
  .spxrow .spxgrid-half .spxgrid-4:nth-child(4n+3) {
    width: 21.73913%;
    float: left;
    margin-right: -100%;
    margin-left: 52.17391%;
    clear: none
  }
  .spxrow .spxgrid-half .spxgrid-4:nth-child(4n+4) {
    width: 21.73913%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none
  }
  .spxrow .spxgrid-2 {
    margin-top: 0
  }
  .spxrow .spxgrid-2:nth-child(1) {
    width: 48.93617%;
    float: left;
    margin-right: -100%;
    margin-left: 0%;
    clear: none
  }
  .spxrow .spxgrid-2:nth-child(2) {
    width: 48.93617%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none
  }
  .spxrow .spxgrid-one3 {
    margin-top: 0;
    width: 30.85106%;
    float: left;
    margin-right: -100%;
    margin-left: 0%;
    clear: none
  }
  .spxrow .spxgrid-two3 {
    margin-top: 0;
    width: 65.42553%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none
  }
  .spxrow .spxgrid-faq-person {
    margin-top: 0;
    width: 13.56383%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none
  }
  .spxrow .spxgrid-faq-text {
    margin-top: 0;
    width: 82.71277%;
    float: left;
    margin-right: -100%;
    margin-left: 0%;
    clear: none
  }
  .spxrow .spxgrid-3:nth-child(-n+3) {
    margin-top: 0
  }
  .spxrow .spxgrid-3:nth-child(3n+1) {
    width: 31.91489%;
    float: left;
    margin-right: -100%;
    margin-left: 0%;
    clear: both
  }
  .spxrow .spxgrid-3:nth-child(3n+2) {
    width: 31.91489%;
    float: left;
    margin-right: -100%;
    margin-left: 34.04255%;
    clear: none
  }
  .spxrow .spxgrid-3:nth-child(3n+3) {
    width: 31.91489%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none
  }
  .spxrow .spxgrid-4:nth-child(-n+4) {
    margin-top: 0
  }
  .spxrow .spxgrid-4:nth-child(4n+1) {
    width: 23.40426%;
    float: left;
    margin-right: -100%;
    margin-left: 0%;
    clear: both
  }
  .spxrow .spxgrid-4:nth-child(4n+2) {
    width: 23.40426%;
    float: left;
    margin-right: -100%;
    margin-left: 25.53191%;
    clear: none
  }
  .spxrow .spxgrid-4:nth-child(4n+3) {
    width: 23.40426%;
    float: left;
    margin-right: -100%;
    margin-left: 51.06383%;
    clear: none
  }
  .spxrow .spxgrid-4:nth-child(4n+4) {
    width: 23.40426%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none
  }
  .spxrow .spxgrid-5:nth-child(-n+5) {
    margin-top: 0
  }
  .spxrow .spxgrid-5:nth-child(5n+1) {
    width: 18.08511%;
    float: left;
    margin-right: -100%;
    margin-left: 0%;
    clear: both
  }
  .spxrow .spxgrid-5:nth-child(5n+2) {
    width: 18.08511%;
    float: left;
    margin-right: -100%;
    margin-left: 20.47872%;
    clear: none
  }
  .spxrow .spxgrid-5:nth-child(5n+3) {
    width: 18.08511%;
    float: left;
    margin-right: -100%;
    margin-left: 40.95745%;
    clear: none
  }
  .spxrow .spxgrid-5:nth-child(5n+4) {
    width: 18.08511%;
    float: left;
    margin-right: -100%;
    margin-left: 61.43617%;
    clear: none
  }
  .spxrow .spxgrid-5:nth-child(5n+5) {
    width: 18.08511%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none
  }
  .spxrow .spxgrid-6:nth-child(-n+6) {
    margin-top: 0
  }
  .spxrow .spxgrid-6:nth-child(6n+1) {
    width: 14.89362%;
    float: left;
    margin-right: -100%;
    margin-left: 0%;
    clear: both
  }
  .spxrow .spxgrid-6:nth-child(6n+2) {
    width: 14.89362%;
    float: left;
    margin-right: -100%;
    margin-left: 17.02128%;
    clear: none
  }
  .spxrow .spxgrid-6:nth-child(6n+3) {
    width: 14.89362%;
    float: left;
    margin-right: -100%;
    margin-left: 34.04255%;
    clear: none
  }
  .spxrow .spxgrid-6:nth-child(6n+4) {
    width: 14.89362%;
    float: left;
    margin-right: -100%;
    margin-left: 51.06383%;
    clear: none
  }
  .spxrow .spxgrid-6:nth-child(6n+5) {
    width: 14.89362%;
    float: left;
    margin-right: -100%;
    margin-left: 68.08511%;
    clear: none
  }
  .spxrow .spxgrid-6:nth-child(6n+6) {
    width: 14.89362%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none
  }
  .spxrow .spxgrid-7:nth-child(-n+7) {
    margin-top: 0
  }
  .spxrow .spxgrid-7:nth-child(7n+1) {
    width: 12.23404%;
    float: left;
    margin-right: -100%;
    margin-left: 0%;
    clear: both
  }
  .spxrow .spxgrid-7:nth-child(7n+2) {
    width: 12.23404%;
    float: left;
    margin-right: -100%;
    margin-left: 14.62766%;
    clear: none
  }
  .spxrow .spxgrid-7:nth-child(7n+3) {
    width: 12.23404%;
    float: left;
    margin-right: -100%;
    margin-left: 29.25532%;
    clear: none
  }
  .spxrow .spxgrid-7:nth-child(7n+4) {
    width: 12.23404%;
    float: left;
    margin-right: -100%;
    margin-left: 43.88298%;
    clear: none
  }
  .spxrow .spxgrid-7:nth-child(7n+5) {
    width: 12.23404%;
    float: left;
    margin-right: -100%;
    margin-left: 58.51064%;
    clear: none
  }
  .spxrow .spxgrid-7:nth-child(7n+6) {
    width: 12.23404%;
    float: left;
    margin-right: -100%;
    margin-left: 73.1383%;
    clear: none
  }
  .spxrow .spxgrid-7:nth-child(7n+7) {
    width: 12.23404%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none
  }
  .spxrow .spxgrid-8:nth-child(-n+8) {
    margin-top: 0
  }
  .spxrow .spxgrid-8:nth-child(8n+1) {
    width: 10.6383%;
    float: left;
    margin-right: -100%;
    margin-left: 0%;
    clear: both
  }
  .spxrow .spxgrid-8:nth-child(8n+2) {
    width: 10.6383%;
    float: left;
    margin-right: -100%;
    margin-left: 12.76596%;
    clear: none
  }
  .spxrow .spxgrid-8:nth-child(8n+3) {
    width: 10.6383%;
    float: left;
    margin-right: -100%;
    margin-left: 25.53191%;
    clear: none
  }
  .spxrow .spxgrid-8:nth-child(8n+4) {
    width: 10.6383%;
    float: left;
    margin-right: -100%;
    margin-left: 38.29787%;
    clear: none
  }
  .spxrow .spxgrid-8:nth-child(8n+5) {
    width: 10.6383%;
    float: left;
    margin-right: -100%;
    margin-left: 51.06383%;
    clear: none
  }
  .spxrow .spxgrid-8:nth-child(8n+6) {
    width: 10.6383%;
    float: left;
    margin-right: -100%;
    margin-left: 63.82979%;
    clear: none
  }
  .spxrow .spxgrid-8:nth-child(8n+7) {
    width: 10.6383%;
    float: left;
    margin-right: -100%;
    margin-left: 76.59574%;
    clear: none
  }
  .spxrow .spxgrid-8:nth-child(8n+8) {
    width: 10.6383%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none
  }
}

.spxrow--opposite:before, .spxrow--opposite:after {
  content: " ";
  display: table
}

.spxrow--opposite:after {
  clear: both
}

.spxrow--opposite .spxgrid-one3 {
  margin-top: 0
}

.spxrow--opposite .spxgrid-two3 {
  margin-top: 2.63158%
}

@media (min-width: 768px) {
  .spxrow--opposite .spxgrid-one3 {
    margin-top: 0;
    width: 29.03226%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none
  }
  .spxrow--opposite .spxgrid-two3 {
    margin-top: 0;
    width: 64.51613%;
    float: left;
    margin-right: -100%;
    margin-left: 0%;
    clear: none
  }
}

@media (min-width: 1024px) {
  .spxrow--opposite .spxgrid-one3 {
    margin-top: 0;
    width: 30.85106%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none
  }
  .spxrow--opposite .spxgrid-two3 {
    margin-top: 0;
    width: 65.42553%;
    float: left;
    margin-right: -100%;
    margin-left: 0%;
    clear: none
  }
}

.table>thead>tr>.blue, .table>thead>.blue>td, .table>thead>.blue>th, .table>tbody>tr>.blue, .table>tbody>.blue>td, .table>tbody>.blue>th, .table>tfoot>tr>.blue, .table>tfoot>.blue>td, .table>tfoot>.blue>th {
  background-color: #e0eff9
}

.table-hover>tbody>tr>.blue:hover, .table-hover>tbody>.blue:hover>td, .table-hover>tbody>.blue:hover>th {
  background-color: #cbe4f5
}

.table>thead>tr>.blue-lighter, .table>thead>.blue-lighter>td, .table>thead>.blue-lighter>th, .table>tbody>tr>.blue-lighter, .table>tbody>.blue-lighter>td, .table>tbody>.blue-lighter>th, .table>tfoot>tr>.blue-lighter, .table>tfoot>.blue-lighter>td, .table>tfoot>.blue-lighter>th {
  background-color: #f8fbfd
}

.table-hover>tbody>tr>.blue-lighter:hover, .table-hover>tbody>.blue-lighter:hover>td, .table-hover>tbody>.blue-lighter:hover>th {
  background-color: #e4f0f7
}

.table>thead>tr>.pink, .table>thead>.pink>td, .table>thead>.pink>th, .table>tbody>tr>.pink, .table>tbody>.pink>td, .table>tbody>.pink>th, .table>tfoot>tr>.pink, .table>tfoot>.pink>td, .table>tfoot>.pink>th {
  background-color: #fde8e7
}

.table-hover>tbody>tr>.pink:hover, .table-hover>tbody>.pink:hover>td, .table-hover>tbody>.pink:hover>th {
  background-color: #fbd1cf
}

.table>thead>tr>.pink-lighter, .table>thead>.pink-lighter>td, .table>thead>.pink-lighter>th, .table>tbody>tr>.pink-lighter, .table>tbody>.pink-lighter>td, .table>tbody>.pink-lighter>th, .table>tfoot>tr>.pink-lighter, .table>tfoot>.pink-lighter>td, .table>tfoot>.pink-lighter>th {
  background-color: #fefafa
}

.table-hover>tbody>tr>.pink-lighter:hover, .table-hover>tbody>.pink-lighter:hover>td, .table-hover>tbody>.pink-lighter:hover>th {
  background-color: #fae5e5
}

.table>thead>tr>.purple, .table>thead>.purple>td, .table>thead>.purple>th, .table>tbody>tr>.purple, .table>tbody>.purple>td, .table>tbody>.purple>th, .table>tfoot>tr>.purple, .table>tfoot>.purple>td, .table>tfoot>.purple>th {
  background-color: #f0e6f4
}

.table-hover>tbody>tr>.purple:hover, .table-hover>tbody>.purple:hover>td, .table-hover>tbody>.purple:hover>th {
  background-color: #e5d4ec
}

.table>thead>tr>.purple-lighter, .table>thead>.purple-lighter>td, .table>thead>.purple-lighter>th, .table>tbody>tr>.purple-lighter, .table>tbody>.purple-lighter>td, .table>tbody>.purple-lighter>th, .table>tfoot>tr>.purple-lighter, .table>tfoot>.purple-lighter>td, .table>tfoot>.purple-lighter>th {
  background-color: #fcfafc
}

.table-hover>tbody>tr>.purple-lighter:hover, .table-hover>tbody>.purple-lighter:hover>td, .table-hover>tbody>.purple-lighter:hover>th {
  background-color: #f2eaf2
}

.table>thead>tr>.green, .table>thead>.green>td, .table>thead>.green>th, .table>tbody>tr>.green, .table>tbody>.green>td, .table>tbody>.green>th, .table>tfoot>tr>.green, .table>tfoot>.green>td, .table>tfoot>.green>th {
  background-color: #dcf4f0
}

.table-hover>tbody>tr>.green:hover, .table-hover>tbody>.green:hover>td, .table-hover>tbody>.green:hover>th {
  background-color: #c9eee8
}

.table>thead>tr>.green-lighter, .table>thead>.green-lighter>td, .table>thead>.green-lighter>th, .table>tbody>tr>.green-lighter, .table>tbody>.green-lighter>td, .table>tbody>.green-lighter>th, .table>tfoot>tr>.green-lighter, .table>tfoot>.green-lighter>td, .table>tfoot>.green-lighter>th {
  background-color: #f8fcfc
}

.table-hover>tbody>tr>.green-lighter:hover, .table-hover>tbody>.green-lighter:hover>td, .table-hover>tbody>.green-lighter:hover>th {
  background-color: #e6f4f4
}

.table>thead>tr>.orange, .table>thead>.orange>td, .table>thead>.orange>th, .table>tbody>tr>.orange, .table>tbody>.orange>td, .table>tbody>.orange>th, .table>tfoot>tr>.orange, .table>tfoot>.orange>td, .table>tfoot>.orange>th {
  background-color: #fdede3
}

.table-hover>tbody>tr>.orange:hover, .table-hover>tbody>.orange:hover>td, .table-hover>tbody>.orange:hover>th {
  background-color: #fbdecb
}

table th {
  color: #2e3b4e
}

table .dl-horizontal {
  margin-bottom: 0.5em
}

table .dl-horizontal:last-child {
  margin-bottom: 0
}

table .list-dot:last-child, table .list-reference:last-child {
  margin-bottom: 0
}

table .fa-ul {
  margin-bottom: 0
}

.table.table-middle {
  font-size: 12px;
  font-size: 0.75rem
}

.table.table-primary {
  background-color: white;
  border: 2px solid #1253a4
}

.table.table-primary th {
  color: #1253a4;
  background-color: #f7f9fc;
  border-color: #dbe5f1
}

.table.table-primary td {
  border-color: #dbe5f1
}

.table.table-primary>thead>tr>th {
  vertical-align: bottom;
  border-bottom: 2px solid #1253a4
}

.table.table-primary>tbody+tbody {
  border-top: 2px solid #1253a4
}

.table.table-primary thead.thead-fill th {
  text-align: left !important;
  color: white;
  background-color: #1253a4;
  border-bottom: 1px solid #1253a4
}

.table.table-blue {
  background-color: white;
  border: 2px solid #3498db
}

.table.table-blue th {
  color: #3498db;
  background-color: #f8fbfd;
  border-color: #e0eff9
}

.table.table-blue td {
  border-color: #e0eff9
}

.table.table-blue>tbody+tbody {
  border-top: 2px solid #3498db
}

.table.table-blue thead.thead-fill th {
  text-align: left !important;
  color: white;
  background-color: #3498db;
  border-bottom: 1px solid #3498db
}

.table.table-green {
  background-color: white;
  border: 2px solid #1abc9c
}

.table.table-green th {
  color: #1abc9c;
  background-color: #f8fcfc;
  border-color: #dcf4f0
}

.table.table-green td {
  border-color: #dcf4f0
}

.table.table-green>tbody+tbody {
  border-top: 2px solid #1abc9c
}

.table.table-green thead.thead-fill th {
  text-align: left !important;
  color: white;
  background-color: #1abc9c;
  border-bottom: 1px solid #1abc9c
}

.table.table-orange {
  background-color: white;
  border: 2px solid #f68847
}

.table.table-orange th {
  color: #f68847;
  background-color: #fefbf9;
  border-color: #fdede3
}

.table.table-orange td {
  border-color: #fdede3
}

.table.table-orange>tbody+tbody {
  border-top: 2px solid #f68847
}

.table.table-orange thead.thead-fill th {
  text-align: left !important;
  color: white;
  background-color: #f68847;
  border-bottom: 1px solid #f68847
}

.table.table-pink {
  background-color: white;
  border: 2px solid #f26964
}

.table.table-pink th {
  color: #f26964;
  background-color: #fefafa;
  border-color: #fde8e7
}

.table.table-pink td {
  border-color: #fde8e7
}

.table.table-pink>tbody+tbody {
  border-top: 2px solid #f26964
}

.table.table-pink thead.thead-fill th {
  text-align: left !important;
  color: white;
  background-color: #f26964;
  border-bottom: 1px solid #f26964
}

.table.table-purple {
  background-color: white;
  border: 2px solid #9b59b6
}

.table.table-purple th {
  color: #9b59b6;
  background-color: #fcfafc;
  border-color: #f0e6f4
}

.table.table-purple td {
  border-color: #f0e6f4
}

.table.table-purple>tbody+tbody {
  border-top: 2px solid #9b59b6
}

.table.table-purple thead.thead-fill th {
  text-align: left !important;
  color: white;
  background-color: #9b59b6;
  border-bottom: 1px solid #9b59b6
}

.touch .table .btn-link-caret {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  padding-top: 0.75em;
  padding-bottom: 0.75em
}

.spx-modal .table {
  font-size: 12px;
  font-size: 0.75rem
}

.btn {
  white-space: normal;
  font-size: 14px;
  font-size: 0.875rem
}

.btn i {
  color: white
}

.btn.btn-quiz {
  margin-bottom: 16px;
  margin-bottom: 1rem;
  text-align: left;
  padding: 16px;
  padding: 1rem
}

@media (min-width: 768px) {
  .btn {
    font-size: 12px;
    font-size: 0.75rem
  }
}

@media (min-width: 1024px) {
  .btn br {
    display: none !important;
    visibility: hidden
  }
}

.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
  opacity: 0.4;
  filter: alpha(opacity=40)
}

.eco footer .btn-primary {
  color: white;
  background-color: #1abc9c;
  border-color: #1abc9c
}

.eco footer .btn-primary:hover, .eco footer .btn-primary:focus, .eco footer .btn-primary:active, .eco footer .btn-primary.active {
  color: white;
  background-color: #3498db;
  border-color: #3498db
}

.open .eco footer .btn-primary.dropdown-toggle {
  color: white;
  background-color: #15987e;
  border-color: #13866f
}

.eco footer .btn-primary:active, .eco footer .btn-primary.active {
  background-image: none
}

.open .eco footer .btn-primary.dropdown-toggle {
  background-image: none
}

.eco footer .btn-primary.disabled, .eco footer .btn-primary.disabled:hover, .eco footer .btn-primary.disabled:focus, .eco footer .btn-primary.disabled:active, .eco footer .btn-primary.disabled.active, .eco footer .btn-primary[disabled], .eco footer .btn-primary[disabled]:hover, .eco footer .btn-primary[disabled]:focus, .eco footer .btn-primary[disabled]:active, .eco footer .btn-primary[disabled].active, fieldset[disabled] .eco footer .btn-primary, fieldset[disabled] .eco footer .btn-primary:hover, fieldset[disabled] .eco footer .btn-primary:focus, fieldset[disabled] .eco footer .btn-primary:active, fieldset[disabled] .eco footer .btn-primary.active {
  background-color: #1abc9c;
  border-color: #1abc9c
}

.eco footer .btn-primary .badge {
  color: #1abc9c;
  background-color: #fff
}

.btn-gray {
  color: #333333;
  background-color: #eeeeee;
  border-color: #cccccc;
  border: none
}

.btn-gray:hover, .btn-gray:focus, .btn-gray:active, .btn-gray.active {
  color: #333333;
  background-color: #3498db;
  border-color: #3498db
}

.open .btn-gray.dropdown-toggle {
  color: #333333;
  background-color: #dadada;
  border-color: #adadad
}

.btn-gray:active, .btn-gray.active {
  background-image: none
}

.open .btn-gray.dropdown-toggle {
  background-image: none
}

.btn-gray.disabled, .btn-gray.disabled:hover, .btn-gray.disabled:focus, .btn-gray.disabled:active, .btn-gray.disabled.active, .btn-gray[disabled], .btn-gray[disabled]:hover, .btn-gray[disabled]:focus, .btn-gray[disabled]:active, .btn-gray[disabled].active, fieldset[disabled] .btn-gray, fieldset[disabled] .btn-gray:hover, fieldset[disabled] .btn-gray:focus, fieldset[disabled] .btn-gray:active, fieldset[disabled] .btn-gray.active {
  background-color: #eeeeee;
  border-color: #cccccc
}

.btn-gray .badge {
  color: #eeeeee;
  background-color: #fff
}

.btn-clouds {
  color: #1253a4;
  background-color: #ecf0f1;
  border-color: #ecf0f1;
  border: none
}

.btn-clouds:hover, .btn-clouds:focus, .btn-clouds:active, .btn-clouds.active {
  color: #1253a4;
  background-color: #3498db;
  border-color: #3498db
}

.open .btn-clouds.dropdown-toggle {
  color: #1253a4;
  background-color: #d5dde0;
  border-color: #c9d4d7
}

.btn-clouds:active, .btn-clouds.active {
  background-image: none
}

.open .btn-clouds.dropdown-toggle {
  background-image: none
}

.btn-clouds.disabled, .btn-clouds.disabled:hover, .btn-clouds.disabled:focus, .btn-clouds.disabled:active, .btn-clouds.disabled.active, .btn-clouds[disabled], .btn-clouds[disabled]:hover, .btn-clouds[disabled]:focus, .btn-clouds[disabled]:active, .btn-clouds[disabled].active, fieldset[disabled] .btn-clouds, fieldset[disabled] .btn-clouds:hover, fieldset[disabled] .btn-clouds:focus, fieldset[disabled] .btn-clouds:active, fieldset[disabled] .btn-clouds.active {
  background-color: #ecf0f1;
  border-color: #ecf0f1
}

.btn-clouds .badge {
  color: #ecf0f1;
  background-color: #fff
}

.btn-link-caret {
  display: inline;
  padding-left: 0;
  color: #1253a4;
  font-weight: normal;
  cursor: pointer;
  border-radius: 0
}

.btn-link-caret:before {
  display: inline-block;
  margin-right: 0.5em;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f0da"
}

.btn-link-caret, .btn-link-caret:active, .btn-link-caret[disabled], fieldset[disabled] .btn-link-caret {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none
}

.btn-link-caret, .btn-link-caret:hover, .btn-link-caret:focus, .btn-link-caret:active {
  border-color: transparent
}

.btn-link-caret:hover, .btn-link-caret:focus {
  color: #3498db;
  text-decoration: underline;
  background-color: transparent
}

.btn-link-caret[disabled]:hover, .btn-link-caret[disabled]:focus, fieldset[disabled] .btn-link-caret:hover, fieldset[disabled] .btn-link-caret:focus {
  color: #999999;
  text-decoration: none
}

.btn-green {
  color: white;
  background-color: #1abc9c;
  border-color: #1abc9c;
  border: none
}

.btn-green:hover, .btn-green:focus, .btn-green:active, .btn-green.active {
  color: white;
  background-color: #3498db;
  border-color: #3498db
}

.open .btn-green.dropdown-toggle {
  color: white;
  background-color: #15987e;
  border-color: #13866f
}

.btn-green:active, .btn-green.active {
  background-image: none
}

.open .btn-green.dropdown-toggle {
  background-image: none
}

.btn-green.disabled, .btn-green.disabled:hover, .btn-green.disabled:focus, .btn-green.disabled:active, .btn-green.disabled.active, .btn-green[disabled], .btn-green[disabled]:hover, .btn-green[disabled]:focus, .btn-green[disabled]:active, .btn-green[disabled].active, fieldset[disabled] .btn-green, fieldset[disabled] .btn-green:hover, fieldset[disabled] .btn-green:focus, fieldset[disabled] .btn-green:active, fieldset[disabled] .btn-green.active {
  background-color: #1abc9c;
  border-color: #1abc9c
}

.btn-green .badge {
  color: #1abc9c;
  background-color: #fff
}

.btn-orange {
  color: white;
  background-color: #f68847;
  border-color: #f68847;
  border: none
}

.btn-orange:hover, .btn-orange:focus, .btn-orange:active, .btn-orange.active {
  color: white;
  background-color: #3498db;
  border-color: #3498db
}

.open .btn-orange.dropdown-toggle {
  color: white;
  background-color: #f46f20;
  border-color: #f3620d
}

.btn-orange:active, .btn-orange.active {
  background-image: none
}

.open .btn-orange.dropdown-toggle {
  background-image: none
}

.btn-orange.disabled, .btn-orange.disabled:hover, .btn-orange.disabled:focus, .btn-orange.disabled:active, .btn-orange.disabled.active, .btn-orange[disabled], .btn-orange[disabled]:hover, .btn-orange[disabled]:focus, .btn-orange[disabled]:active, .btn-orange[disabled].active, fieldset[disabled] .btn-orange, fieldset[disabled] .btn-orange:hover, fieldset[disabled] .btn-orange:focus, fieldset[disabled] .btn-orange:active, fieldset[disabled] .btn-orange.active {
  background-color: #f68847;
  border-color: #f68847
}

.btn-orange .badge {
  color: #f68847;
  background-color: #fff
}

.btn-pink {
  color: white;
  background-color: #f26964;
  border-color: #f26964;
  border: none
}

.btn-pink:hover, .btn-pink:focus, .btn-pink:active, .btn-pink.active {
  color: white;
  background-color: #3498db;
  border-color: #3498db
}

.open .btn-pink.dropdown-toggle {
  color: white;
  background-color: #ef453e;
  border-color: #ed322c
}

.btn-pink:active, .btn-pink.active {
  background-image: none
}

.open .btn-pink.dropdown-toggle {
  background-image: none
}

.btn-pink.disabled, .btn-pink.disabled:hover, .btn-pink.disabled:focus, .btn-pink.disabled:active, .btn-pink.disabled.active, .btn-pink[disabled], .btn-pink[disabled]:hover, .btn-pink[disabled]:focus, .btn-pink[disabled]:active, .btn-pink[disabled].active, fieldset[disabled] .btn-pink, fieldset[disabled] .btn-pink:hover, fieldset[disabled] .btn-pink:focus, fieldset[disabled] .btn-pink:active, fieldset[disabled] .btn-pink.active {
  background-color: #f26964;
  border-color: #f26964
}

.btn-pink .badge {
  color: #f26964;
  background-color: #fff
}

.btn-primary-lighter {
  color: #1253a4;
  background-color: #f7f9fc;
  border-color: #f7f9fc;
  border: none
}

.btn-primary-lighter:hover, .btn-primary-lighter:focus, .btn-primary-lighter:active, .btn-primary-lighter.active {
  color: #1253a4;
  background-color: #3498db;
  border-color: #3498db
}

.open .btn-primary-lighter.dropdown-toggle {
  color: #1253a4;
  background-color: #d9e3f1;
  border-color: #cad8eb
}

.btn-primary-lighter:active, .btn-primary-lighter.active {
  background-image: none
}

.open .btn-primary-lighter.dropdown-toggle {
  background-image: none
}

.btn-primary-lighter.disabled, .btn-primary-lighter.disabled:hover, .btn-primary-lighter.disabled:focus, .btn-primary-lighter.disabled:active, .btn-primary-lighter.disabled.active, .btn-primary-lighter[disabled], .btn-primary-lighter[disabled]:hover, .btn-primary-lighter[disabled]:focus, .btn-primary-lighter[disabled]:active, .btn-primary-lighter[disabled].active, fieldset[disabled] .btn-primary-lighter, fieldset[disabled] .btn-primary-lighter:hover, fieldset[disabled] .btn-primary-lighter:focus, fieldset[disabled] .btn-primary-lighter:active, fieldset[disabled] .btn-primary-lighter.active {
  background-color: #f7f9fc;
  border-color: #f7f9fc
}

.btn-primary-lighter .badge {
  color: #f7f9fc;
  background-color: #fff
}


/*! External Button */

.btn-ext, .btn-ext:active {
  padding-left: 40px !important;
  background-image: url("/assets/img/ico/ico_external@2x.png");
  -webkit-background-size: 16px 16px;
  -moz-background-size: 16px 16px;
  -o-background-size: 16px 16px;
  background-size: 16px 16px;
  background-position: 16px center;
  background-repeat: no-repeat;
  text-align: left
}

.ie8 .btn-ext, .ie8 .btn-ext:active {
  -ms-behavior: url("/assets/behaviors/background-size/backgroundsize.min.htc")
}


/*! External Button */

.btn-anchor {
  width: 100%;
  padding-bottom: 32px;
  padding-bottom: 2rem;
  background-image: url("/assets/img/ico/ico_chevron-down@2x.png");
  background-position: center bottom 10px;
  background-repeat: no-repeat;
  -webkit-background-size: 14px 9px;
  -moz-background-size: 14px 9px;
  -o-background-size: 14px 9px;
  background-size: 14px 9px
}

.ie8 .btn-anchor {
  -ms-behavior: url("/assets/behaviors/background-size/backgroundsize.min.htc")
}

.btn-anchor:active, .btn-anchor.active {
  background-image: url("/assets/img/ico/ico_chevron-down@2x.png");
  -webkit-background-size: 14px 9px;
  -moz-background-size: 14px 9px;
  -o-background-size: 14px 9px;
  background-size: 14px 9px
}

.ie8 .btn-anchor:active, .ie8 .btn-anchor.active {
  -ms-behavior: url("/assets/behaviors/background-size/backgroundsize.min.htc")
}

li.btn-external {
  display: block;
  cursor: pointer
}

li.btn-external>a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 16px 16px 16px 40px;
  padding: 1rem 1rem 1rem 2.5rem;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 16px;
  line-height: 1rem;
  color: white;
  background: #1253a4 url("/assets/img/ico/ico_external@2x.png") 16px center no-repeat;
  -webkit-background-size: 16px 16px;
  -moz-background-size: 16px 16px;
  -o-background-size: 16px 16px;
  background-size: 16px 16px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px
}

.ie8 li.btn-external>a {
  -ms-behavior: url("/assets/behaviors/background-size/backgroundsize.min.htc")
}

.eco li.btn-external>a {
  background-color: #1abc9c
}

li.btn-external>a:hover, li.btn-external>a:focus {
  text-decoration: none;
  background-color: #3498db
}

li.btn-external>a[disabled]:hover, li.btn-external>a[disabled]:focus, fieldset[disabled] li.btn-external>a:hover, fieldset[disabled] li.btn-external>a:focus {
  text-decoration: none
}

@media (min-width: 768px) {
  li.btn-external>a {
    font-size: 12px;
    font-size: 0.75rem
  }
}

.btn-link-down {
  display: inline;
  padding-left: 0;
  color: #1253a4;
  font-weight: normal;
  cursor: pointer;
  border-radius: 0
}

.btn-link-down:before {
  display: inline-block;
  margin-right: 0.5em;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f0d7"
}

.btn-link-down, .btn-link-down:active, .btn-link-down[disabled], fieldset[disabled] .btn-link-down {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none
}

.btn-link-down, .btn-link-down:hover, .btn-link-down:focus, .btn-link-down:active {
  border-color: transparent
}

.btn-link-down:hover, .btn-link-down:focus {
  color: #3498db;
  text-decoration: underline;
  background-color: transparent
}

.btn-link-down[disabled]:hover, .btn-link-down[disabled]:focus, fieldset[disabled] .btn-link-down:hover, fieldset[disabled] .btn-link-down:focus {
  color: #999999;
  text-decoration: none
}

.btn-large {
  padding: 24px 8px 24px 24px;
  padding: 1.5rem 0.5rem 1.5rem 1.5rem;
  font-weight: bold
}

.nav {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none
}

.nav:before, .nav:after {
  content: " ";
  display: table
}

.nav:after {
  clear: both
}

.nav>li {
  position: relative;
  display: block
}


/*.nav>li>a{position:relative;display:block;padding:10px 15px}*/

.nav>li>a {
  position: relative;
  display: block;
  padding: 10px 10px
}

.nav>li>a:hover, .nav>li>a:focus {
  color: white;
  text-decoration: none;
  background-color: #3498db
}

.nav>li.disabled>a {
  color: #999999
}

.nav>li.disabled>a:hover, .nav>li.disabled>a:focus {
  color: #999999;
  text-decoration: none;
  background-color: transparent;
  cursor: not-allowed
}

.nav-tabs {
  border-bottom: 1px solid transparent
}

.nav-tabs>li {
  float: left;
  margin-bottom: -1px
}

.nav-tabs>li>a {
  margin-right: 8px;
  margin-right: 0.5rem;
  line-height: 1.5;
  border: 0;
  border-radius: 2px 2px 0 0;
  background-color: #f7f9fc
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
  color: white;
  background-color: #1253a4;
  border: 0;
  border-bottom-color: transparent;
  cursor: default;
  font-weight: bold
}

.nav-tabs>li.success__coed.active>a {
  background-color: #1abc9c
}

.nav-tabs>li.success__girls.active>a {
  background-color: #f26964
}

.nav-tabs>li.success__kansai.active>a {
  background-color: #f68847
}

.breadcrumb {
  padding: 8px 15px;
  margin-bottom: 24px;
  list-style: none;
  background-color: #f7f9fc;
  border-radius: 2px;
  font-size: 12px;
  font-size: 0.75rem
}

.breadcrumb>li {
  display: inline-block
}

.breadcrumb>li+li:before {
  content: "/\00a0";
  padding: 0 5px;
  color: #1253a4
}

.breadcrumb>.active {
  color: #999999
}

.eco .breadcrumb {
  background-color: #f8fcfc
}

.eco .breadcrumb>li+li:before {
  color: #1abc9c
}

.dl-tag {
  margin-bottom: 8px;
  margin-bottom: 0.5rem
}

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

.dl-tag:after {
  clear: both
}

.dl-tag .tag__tt {
  float: left;
  margin-right: 8px;
  margin-right: 0.5rem;
  line-height: 24px;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: normal;
  color: #1253a4
}

.dl-tag .tag__label {
  float: left;
  margin-right: 8px;
  margin-right: 0.5rem;
  padding-left: 0.5em;
  padding-right: 0.5em;
  line-height: 24px;
  font-size: 10px;
  font-size: 0.625rem;
  background-color: #1253a4;
  color: white;
  font-weight: normal;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px
}

.dl-tag .tag__label.gray {
  background-color: #999999
}

.dl-tag .tag__label.green {
  background-color: #1abc9c
}

.dl-tag .tag__label.orange {
  background-color: #f68847
}

.dl-tag .tag__label.pink {
  background-color: #f26964
}

.dl-tag .tag__label.blue {
  background-color: #3498db
}

.dl-tag .tag__label.red {
  background-color: #db181e
}

.dl-tag .tag__label.purple {
  background-color: #9b59b6
}

.alert {
  border: 0
}

.alert .h-epsilon {
  margin-bottom: 0
}

.alert.alert-info .h-epsilon {
  color: #3a87ad
}

.alert.alert-success .h-epsilon {
  color: #468847
}

.alert.alert-warning .h-epsilon {
  color: #c09853
}

.alert.alert-danger .h-epsilon {
  color: #b94a48
}

.alert.alert-blue {
  color: #3498db
}

.alert.alert-blue .flow-circle {
  background-color: #3498db !important
}

.alert.alert-blue .h-epsilon {
  color: #3498db
}

.alert.alert-yellow .h-epsilon {
  color: #bf9f4b
}

.alert.alert-orange {
  color: #f68847
}

.alert.alert-orange .h-epsilon {
  color: #f68847
}

.alert.alert-green {
  color: #1abc9c
}

.alert.alert-green .flow-circle {
  background-color: #1abc9c !important
}

.alert.alert-green .h-epsilon {
  color: #1abc9c
}

.alert.alert-pink {
  color: #f26964
}

.alert.alert-pink .flow-circle {
  background-color: #f26964 !important
}

.alert.alert-pink .h-epsilon {
  color: #f26964
}

.alert.alert-purple {
  color: #9b59b6
}

.alert.alert-purple .h-epsilon {
  color: #9b59b6
}

.alert-primary {
  background-color: #f7f9fc;
  border-color: #f7f9fc;
  color: #1253a4
}

.alert-primary hr {
  border-top-color: #e4ebf5
}

.alert-primary .alert-link {
  color: #0d3c76
}

.alert-blue {
  background-color: #e0eff9;
  border-color: #e0eff9;
  color: #2772a4
}

.alert-blue hr {
  border-top-color: #cbe4f5
}

.alert-blue .alert-link {
  color: #1d557b
}

.alert-green {
  background-color: #dcf4f0;
  border-color: #dcf4f0;
  color: #138d75
}

.alert-green hr {
  border-top-color: #c9eee8
}

.alert-green .alert-link {
  color: #0d6050
}

.alert-yellow {
  background-color: #fff8e7;
  border-color: #fff8e7;
  color: #bf9f4b
}

.alert-yellow hr {
  border-top-color: #fff1cd
}

.alert-yellow .alert-link {
  color: #9f8238
}

.alert-yellow-dark {
  background-color: #ffd464;
  border-color: #ffd464;
  color: #bf9f4b
}

.alert-yellow-dark hr {
  border-top-color: #ffcd4b
}

.alert-yellow-dark .alert-link {
  color: #9f8238
}

.alert-orange {
  background-color: #fdede3;
  border-color: #fdede3;
  color: #b86635
}

.alert-orange hr {
  border-top-color: #fbdecb
}

.alert-orange .alert-link {
  color: #90502a
}

.alert-pink {
  background-color: #fde8e7;
  border-color: #fde8e7;
  color: #b54e4b
}

.alert-pink hr {
  border-top-color: #fbd1cf
}

.alert-pink .alert-link {
  color: #913e3c
}

.alert-red {
  background-color: #f9dcdd;
  border-color: #f9dcdd;
  color: #a41216
}

.alert-red hr {
  border-top-color: #f5c6c8
}

.alert-red .alert-link {
  color: #760d10
}

.alert-purple {
  background-color: #f0e6f4;
  border-color: #f0e6f4;
  color: #744288
}

.alert-purple hr {
  border-top-color: #e5d4ec
}

.alert-purple .alert-link {
  color: #573166
}

#emergency {
  margin: 8px;
  margin: 0.5rem;
  background-color: #fce1e0
}

#emergency p {
  font-size: 14px;
  font-size: 0.875rem;
  color: #f26964
}

#emergency p small {
  font-size: 10px;
  font-size: 0.625rem
}

#emergency p a {
  text-decoration: underline;
  color: #f26964
}

#emergency p a.alert-link {
  font-weight: normal
}

#emergency h3.h-epsilon {
  color: #f26964;
  font-size: 16px;
  font-size: 1rem
}

#emergency h4.h-epsilon {
  padding: 16px;
  padding: 1rem;
  background-color: #f26964;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  color: white;
  font-size: 16px;
  font-size: 1rem;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px
}

/* add by JIP */

#emergency h5.h-area {
	padding:10px 20px 5px 20px;
	font-size:20px;
	font-weight:bold;
	margin:0;
}

#emergency .h-shutoken {
	color:#c00000;
}

#emergency .h-kansaiken {
	color:#002060;
}


#emergency .h-zenkousha {
	color:#c00000;
}

#emergency .bg-panel {
	min-height:100px;
	margin:10px 5px 10px 0px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	border-color: #c00000;
	border-style: solid;
	border-width:2px;
}

#emergency .panel-shutoken {
	background-color:#ffffff;
	border-color: #c00000;
}

#emergency .panel-kansaiken {
	background-color:#ffffff;
	border-color: #002060;
}

#emergency .panel-zenkousha {
	background-color:#ffffff;
	border-color: #c00000;
}


#emergency p {
	padding:5px 20px 5px 30px;
	margin:0;
}

.e-kiji-shutoken {
	color:#ff3f3f !important;
}

.e-kiji-kansaiken {
	color:#3158cc !important;
}

.e-kiji-zenkousha {
	color:#ff3300 !important;
}

/* end add by JIP */


.panel {
  margin-bottom: 24px;
  background-color: white;
  border-width: 2px;
  border-radius: 2px;
  -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 0 rgba(0, 0, 0, 0.05)
}

.panel-heading {
  padding: 0;
  border-top-right-radius: 0;
  border-top-left-radius: 0
}

.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-size: 1rem;
  color: inherit
}

.panel-title>a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 16px;
  padding: 1rem;
  font-weight: bold
}

.panel-footer {
  padding: 10px 15px;
  background-color: whitesmoke;
  border-top: 1px solid #dddddd;
  border-bottom-right-radius: 1px;
  border-bottom-left-radius: 1px
}

.panel-group .panel {
  margin-bottom: 0;
  border-radius: 0;
  overflow: hidden
}

.panel-group .panel+.panel {
  margin-top: 8px;
  margin-top: 0.5rem
}

.panel-group .panel-heading {
  border-bottom: 0
}

.panel-group .panel-heading+.panel-collapse .panel-body {
  border-top: 2px solid #dddddd
}

.panel-group .panel-footer {
  border-top: 0
}

.panel-group .panel-footer+.panel-collapse .panel-body {
  border-bottom: 1px solid #dddddd
}

.panel-group .btn {
  font-size: 12px;
  font-size: 0.75rem
}

.panel-default .panel-title {
  font-size: 14px;
  font-size: 0.875rem
}

.panel-default .panel-title>a {
  padding: 13px 8px;
  padding: 0.8rem 0.5rem;
  text-decoration: none;
  font-weight: 600;
  -webkit-transition: none;
  transition: none
}

.panel-default .panel-body {
  border-top: 2px solid #dbe5f1 !important
}

.panel-default .table thead {
  font-size: 14px;
  font-size: 0.875rem
}

.panel-default .table tbody {
  font-size: 14px;
  font-size: 0.875rem
}

.panel-meeting {
  border-color: #1253a4
}

.panel-meeting>.panel-heading {
  color: #1253a4;
  background-color: #f7f9fc;
  border-color: #1253a4
}

.panel-meeting>.panel-heading+.panel-collapse .panel-body {
  border-top-color: #1253a4
}

.panel-meeting>.panel-footer+.panel-collapse .panel-body {
  border-bottom-color: #1253a4
}

.panel-meeting .panel-title {
  font-size: 14px;
  font-size: 0.875rem
}

.panel-meeting .panel-title>a {
  padding: 13px 8px;
  padding: 0.8rem 0.5rem;
  text-decoration: none;
  font-weight: 600;
  -webkit-transition: none;
  transition: none
}

.no-touch .panel-meeting .panel-title>a:hover {
  background-color: #1253a4;
  color: white
}

.panel-meeting .table thead {
  font-size: 14px;
  font-size: 0.875rem
}

.panel-meeting .table tbody {
  font-size: 14px;
  font-size: 0.875rem
}

.modal {
  display: none;
  overflow: auto;
  overflow-y: scroll;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050
}

.modal.fade .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  opacity: 0;
  filter: alpha(opacity=0)
}

.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  opacity: 1;
  filter: alpha(opacity=100)
}

.spx-modal .modal-content {
  background-color: white;
  border: 4px solid #1253a4;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none
}

.eco .spx-modal .modal-content {
  border-color: #1abc9c
}

.tooltip.in {
  opacity: 1;
  filter: alpha(opacity=100)
}

.hide {
  display: none !important
}

.show {
  display: block !important
}

.img-left {
  margin-bottom: 1em;
  margin-left: auto;
  margin-right: auto
}

@media (min-width: 768px) {
  .img-left {
    float: left;
    margin-right: 26px;
    margin-bottom: 14px
  }
}

.img-right {
  margin-bottom: 1em;
  margin-left: auto;
  margin-right: auto
}

@media (min-width: 768px) {
  .img-right {
    float: right;
    margin-left: 26px;
    margin-bottom: 14px
  }
}

img.pull-left {
  float: none;
  margin-right: 1.5em;
  margin-bottom: 1em
}

@media (min-width: 768px) {
  img.pull-left {
    float: left;
    margin-right: 1.5em;
    margin-bottom: 14px
  }
}

img.pull-right {
  float: none;
  margin-left: 1.5em;
  margin-bottom: 1em
}

@media (min-width: 768px) {
  img.pull-right {
    float: right;
    margin-left: 1.5em;
    margin-bottom: 14px
  }
}

figure figcaption {
  margin-top: 8px;
  margin-top: 0.5rem;
  font-size: 12px;
  font-size: 0.75rem
}

img.img-rwd-small {
  width: 128px
}

@media (min-width: 768px) {
  img.img-rwd-small {
    width: 144px
  }
}

img.img-rwd-middle {
  width: 128px
}

@media (min-width: 768px) {
  img.img-rwd-middle {
    width: 160px
  }
}

@media (min-width: 1024px) {
  img.img-rwd-middle {
    width: 192px
  }
}

img.img-rwd-large {
  width: 160px
}

@media (min-width: 768px) {
  img.img-rwd-large {
    width: 192px
  }
}

@media (min-width: 1024px) {
  img.img-rwd-large {
    width: 240px
  }
}

.lnav li, .lnav--onepagenav li {
  font-size: 14px;
  font-size: 0.875rem
}

.lnav li a, .lnav--onepagenav li a {
  display: block;
  width: 100%;
  height: 100%;
  padding-top: 8px;
  padding-top: 0.5rem;
  padding-bottom: 8px;
  padding-bottom: 0.5rem;
  padding-left: 8px;
  padding-left: 0.5rem
}

.lnav li a:hover, .lnav--onepagenav li a:hover {
  background: #f7f9fc;
  text-decoration: none
}

.eco .lnav li a:hover, .eco .lnav--onepagenav li a:hover {
  background: #f8fcfc
}

@media (min-width: 768px) {
  .lnav li, .lnav--onepagenav li {
    font-size: 12px;
    font-size: 0.75rem
  }
}

.current a, .topics_news .lnav__topics_news a, .topics_pr .lnav__topics_pr a, .topics_famous .lnav__topics_famous a, .application_entrance_index .lnav__application_entrance_index a, .application_entrance_guidelines .lnav__application_entrance_guidelines a, .application_entrance_law .lnav__application_entrance_law a, .application_mockexam .lnav__application_mockexam a, .application_course .lnav__application_course a, .application_activities .lnav__application_activities a, .sapix_index .lnav__sapix_index a, .sapix_message .lnav__sapix_message a, .sapix_philosophy .lnav__sapix_philosophy a, .sapix_principles .lnav__sapix_principles a, .sapix_curriculum .lnav__sapix_curriculum a, .sapix_exam .lnav__sapix_exam a, .sapix_course .lnav__sapix_course a, .sapix_meeting .lnav__sapix_meeting a, .sapix_activities .lnav__sapix_activities a, .sapix_graduates .lnav__sapix_graduates a, .sapix_safety .lnav__sapix_safety a, .sapix_curriculum_index .lnav__sapix_curriculum_index a, .sapix_curriculum_1st-grader .lnav__sapix_curriculum_1st a, .sapix_curriculum_2nd-grader .lnav__sapix_curriculum_2nd a, .sapix_curriculum_3rd-grader .lnav__sapix_curriculum_3rd a, .sapix_curriculum_4th-grader .lnav__sapix_curriculum_4th a, .sapix_curriculum_5th-grader .lnav__sapix_curriculum_5th a, .sapix_curriculum_6th-grader .lnav__sapix_curriculum_6th a, .sapix_principles_index .lnav__sapix_principles_index a, .sapix_principles_thinking .lnav__sapix_principles_thinking a, .sapix_principles_voluntary .lnav__sapix_principles_voluntary a, .sapix_principles_efficient .lnav__sapix_principles_efficient a, .sapix_principles_small .lnav__sapix_principles_small a, .sapix_principles_early .lnav__sapix_principles_early a, .sapix_principles_subjects_arithmetic .lnav__sapix_subjects_arithmetic a, .sapix_principles_subjects_japanese .lnav__sapix_subjects_japanese a, .sapix_principles_subjects_science .lnav__sapix_subjects_science a, .sapix_principles_subjects_social .lnav__sapix_subjects_social a, .sapix_books_index .lnav__sapix_books_index a, .sapix_books_1st-grader .lnav__sapix_books_1st a, .sapix_books_2nd-grader .lnav__sapix_books_2nd a, .sapix_books_3rd-grader .lnav__sapix_books_3rd a, .sapix_books_4th-grader .lnav__sapix_books_4th a, .sapix_books_5th-grader .lnav__sapix_books_5th a, .sapix_books_6th-grader .lnav__sapix_books_6th a, .sapix_books_teaching .lnav__sapix_books_teaching a, .corporate_message .lnav__corporate_message a, .corporate_outline .lnav__corporate_outline a, .corporate_recruit .lnav__corporate_recruit a, .corporate_business .lnav__corporate_business a, .corporate_business-houjin .lnav__corporate_business-houjin a, .corporate_law .lnav__corporate_law a, .corporate_privacy .lnav__corporate_privacy a, .success_index .lnav__success_index a, .success_achievement_2024 .lnav__success_2024 a, .success_achievement_2023 .lnav__success_2023 a, .success_achievement_2022 .lnav__success_2022 a, .success_achievement_2021 .lnav__success_2021 a, .success_achievement_2020 .lnav__success_2020 a, .success_achievement_2019 .lnav__success_2019 a, .success_achievement_2018 .lnav__success_2018 a, .success_achievement_2017 .lnav__success_2017 a, .success_achievement_2016 .lnav__success_2016 a, .success_achievement_2015 .lnav__success_2015 a, .success_achievement_2014 .lnav__success_2014 a, .success_achievement_2013 .lnav__success_2013 a, .success_achievement_2012 .lnav__success_2012 a, .success_achievement_2011 .lnav__success_2011 a, .success_achievement_2010 .lnav__success_2010 a, .success_achievement_2009 .lnav__success_2009 a, .school_index .lnav__school_index a, .school_tokyo .lnav__school_tokyo a, .school_kanagawa .lnav__school_kanagawa a, .school_saitama .lnav__school_saitama a, .school_chiba .lnav__school_chiba a, .school_osaka .lnav__school_osaka a, .school_hyogo .lnav__school_hyogo a, .mypage_index .lnav__mypage_index a, .mypage_graduates .lnav__mypage_graduates a, .mypage_calendar .lnav__mypage_calendar a, .mypage_keitai .lnav__mypage_keitai a, .bairitsu .lnav__bairitsu_index a {
  background: #f7f9fc;
  font-weight: bold;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px
}

.eco_news .lnav__eco_news a, .eco_message .lnav__eco_message a, .eco_ecoclub .lnav__eco_ecoclub a, .eco_event .lnav__eco_event a, .eco_quiz .lnav__eco_quiz a, .eco_library .lnav__eco_library a {
  background: #f8fcfc;
  font-weight: bold;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px
}

.ie9 .hero {
  background: transparent url("/assets/img/hero_1.jpg") no-repeat;
  background-repeat: no-repeat;
  -webkit-background-size: 112% auto;
  -moz-background-size: 112% auto;
  -o-background-size: 112% auto;
  background-size: 112% auto;
  background-position: 68% 0
}

.ie8 .hero {
  background: transparent url("/assets/img/hero_1.jpg") no-repeat;
  background-repeat: no-repeat;
  -webkit-background-size: 112% auto;
  -moz-background-size: 112% auto;
  -o-background-size: 112% auto;
  background-size: 112% auto;
  background-position: 68% 0;
  -ms-behavior: url("/assets/behaviors/background-size/backgroundsize.min.htc")
}

@media (min-width: 768px) {
  .hero {
    background-color: transparent
  }
  .ie9 .hero {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover
  }
  .ie8 .hero {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    -ms-behavior: url("/assets/behaviors/background-size/backgroundsize.min.htc")
  }
}

.ie9 .hero--eco {
  background: transparent url("/assets/img/hero_eco_summer_03.jpg") no-repeat;
  background-repeat: no-repeat;
  -webkit-background-size: 112% auto;
  -moz-background-size: 112% auto;
  -o-background-size: 112% auto;
  background-size: 112% auto;
  background-position: 68% 0
}

.ie8 .hero--eco {
  background: transparent url("/assets/img/hero_eco_summer_03.jpg") no-repeat;
  background-repeat: no-repeat;
  -webkit-background-size: 112% auto;
  -moz-background-size: 112% auto;
  -o-background-size: 112% auto;
  background-size: 112% auto;
  background-position: 68% 0;
  -ms-behavior: url("/assets/behaviors/background-size/backgroundsize.min.htc")
}

@media (min-width: 768px) {
  .hero--eco {
    background-color: transparent
  }
  .hero--eco .backstretch img {
    top: 62px !important
  }
  .ie9 .hero--eco {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover
  }
  .ie8 .hero--eco {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    -ms-behavior: url("/assets/behaviors/background-size/backgroundsize.min.htc")
  }
}

@media (min-width: 768px) {
  .hero__inner {
    max-width: 752px;
    padding-bottom: 32px;
    padding-bottom: 2rem
  }
}

@media (min-width: 1024px) {
  .hero__inner {
    max-width: 1008px;
    padding-bottom: 32px;
    padding-bottom: 2rem
  }
}

.move {
  display: none !important;
  visibility: hidden
}

@media (min-width: 1024px) {
  .move {
    display: block !important;
    visibility: visible;
    width: 100%;
    height: 40px;
    margin-bottom: 32px;
    margin-bottom: 2rem;
    background: #f7f9fc
  }
  .move a {
    display: block;
    line-height: 40px;
    text-align: center
  }
  .move a:hover {
    background: #1253a4;
    color: white
  }
  .eco .move {
    background-color: #f8fcfc
  }
  .eco .move a {
    color: #1abc9c
  }
  .eco .move a:hover {
    color: white;
    background-color: #1abc9c
  }
}

.cnt {
  background: transparent
}

.cnt__wrapper {
  margin-right: auto;
  margin-left: auto;
  background: white
}

@media (min-width: 768px) {
  .cnt__inner {
    max-width: 752px;
    padding-top: 2em
  }
}

@media (min-width: 1024px) {
  .cnt__inner {
    max-width: 1008px
  }
  .index .cnt__inner, .index_emergency_a .cnt__inner, .eco_index .cnt__inner {
    padding-top: 0
  }
}

.nav--beta nav.gnav--sidebar {
  z-index: 100;
  margin-bottom: 2em;
  display: none !important;
  visibility: hidden
}

@media (min-width: 768px) {
  .nav--beta {
    width: 48.93617%;
    float: left;
    margin-right: -100%;
    margin-left: 0%;
    clear: none
  }
}

@media (min-width: 1024px) {
  .nav--beta {
    width: 11.11111%;
    float: left;
    margin-right: -100%;
    margin-left: 0%;
    clear: none
  }
}

.primary--beta section {
  margin-bottom: 32px;
  margin-bottom: 2rem
}

.primary--beta .btn {
  font-size: 12px;
  font-size: 0.75rem
}

.primary--beta .h-secondary {
  margin-bottom: 32px;
  margin-bottom: 2rem
}

.primary--beta .primary-second {
  margin-bottom: 3em
}

@media (min-width: 768px) {
  .primary--beta {
    width: 65.95745%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: both
  }
  .index_emergency_b .primary--beta, .requirements .primary--beta, .sitemap .primary--beta {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none
  }
}

@media (min-width: 1024px) {
  .primary--beta {
    width: 74.60317%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none
  }
  .index_emergency_b .primary--beta, .requirements .primary--beta, .sitemap .primary--beta {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none
  }
  .primary--beta .primary-second {
    margin-bottom: 4em
  }
}

.secondary--beta section {
  margin-bottom: 32px;
  margin-bottom: 2rem
}

.secondary--beta .btn {
  font-size: 12px;
  font-size: 0.75rem
}

@media (min-width: 768px) {
  .secondary--beta {
    width: 31.91489%;
    float: left;
    margin-right: -100%;
    margin-left: 0%;
    clear: none
  }
}

@media (min-width: 1024px) {
  .secondary--beta {
    width: 23.80952%;
    float: left;
    margin-right: -100%;
    margin-left: 0%;
    clear: none;
    padding-right: 16px;
    padding-right: 1rem
  }
}

@media (min-width: 1024px) {
  #page-anchor ul {
    display: none !important;
    visibility: hidden
  }
}

.hd--home, .hd--eco {
  background: transparent
}

@media (max-width: 767px) {
  .hd--home, .hd--eco {
    margin-bottom: 2.63158%;
    margin-bottom: 2.63158%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: 68% center
  }
  .ie8 .hd--home, .ie8 .hd--eco {
    -ms-behavior: url("/assets/behaviors/background-size/backgroundsize.min.htc")
  }
}

.hd--home__inner {
  position: relative
}

.hd--home__inner h1 {
  margin-top: 0
}

@media (max-width: 767px) {
  .hd--home__inner {
    position: relative;
    padding-bottom: 61.875%
  }
  .hd--home__inner span {
    position: absolute;
    width: 100%
  }
  .hd--home__inner h1 {
    margin-top: 16px;
    margin-top: 1rem
  }
  .hd--home__inner .hd__logo, .hd--home__inner .hd-eco__logo {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    padding: 16px;
    padding: 1rem;
    background-color: white;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px
  }
}

@media (min-width: 768px) {
  .hd--home__inner {
    max-width: 752px;
    height: 128px
  }
  .hd--home__inner .hd__logo {
    position: absolute;
    top: 48px
  }
  .hd--home__inner .hd-eco__logo {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    padding: 16px;
    padding: 1rem;
    margin-top: 32px;
    margin-top: 2rem;
    background-color: white;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px
  }
}

@media (min-width: 1024px) {
  .hd--home__inner {
    max-width: 1008px
  }
}

.hd--eco__inner {
  position: relative;
  width: 95%;
  margin-right: auto;
  margin-left: auto
}

.hd--eco__inner:before, .hd--eco__inner:after {
  content: " ";
  display: table
}

.hd--eco__inner:after {
  clear: both
}

.hd--eco__inner h1 {
  margin-top: 0
}

@media (max-width: 767px) {
  .hd--eco__inner {
    position: relative;
    padding-bottom: 61.875%
  }
  .hd--eco__inner span {
    position: absolute;
    width: 100%
  }
  .hd--eco__inner h1 {
    margin-top: 16px;
    margin-top: 1rem
  }
  .hd--eco__inner .hd-eco__logo {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    padding: 16px;
    padding: 1rem;
    background-color: white;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px
  }
}

@media (min-width: 768px) {
  .hd--eco__inner {
    width: 100%;
    background-color: white;
    margin-bottom: 48px;
    margin-bottom: 3rem
  }
  .hd--eco__inner .hd-eco__logo {
    margin-right: auto;
    margin-left: auto;
    max-width: 752px;
    margin-top: 46px;
    margin-top: 2.875rem;
    margin-bottom: 42px;
    margin-bottom: 2.625rem
  }
}

@media (min-width: 1024px) {
  .hd--eco__inner {
    width: 100%;
    background-color: white
  }
  .hd--eco__inner .hd-eco__logo {
    max-width: 1008px
  }
}

.hd {
  background: white;
  z-index: 9999
}

.hd__wrapper {
  margin-right: auto;
  margin-left: auto;
  background-color: white
}

.hd__inner {
  position: relative;
  padding: 24px 0 24px 0;
  padding: 1.5rem 0 1.5rem 0
}

.eco .hd__inner {
  padding: 22px 0 22px 0;
  padding: 1.375rem 0 1.375rem 0
}

@media (min-width: 768px) {
  .hd__inner {
    max-width: 752px;
    height: 96px
  }
  .hd__inner .hd__logo {
    position: absolute;
    top: 48px
  }
  .hd__inner .hd-eco__logo {
    position: absolute;
    top: 46px
  }
}

@media (min-width: 1024px) {
  .hd__inner {
    max-width: 1008px
  }
}

.hd__logo {
  font-size: 12px;
  font-size: 0.75rem
}

.hd__logo a {
  display: block;
  width: 199px;
  height: 32px;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url("/assets/img/logo-sapix-hd@2x.png");
  -webkit-background-size: 199px 32px;
  -moz-background-size: 199px 32px;
  -o-background-size: 199px 32px;
  background-size: 199px 32px;
  background-color: transparent;
  border: 0;
  overflow: hidden
}

.ie8 .hd__logo a {
  -ms-behavior: url("/assets/behaviors/background-size/backgroundsize.min.htc")
}

.hd__logo a:before {
  content: "";
  display: block;
  width: 0;
  height: 150%
}

.hd-eco__logo {
  font-size: 12px;
  font-size: 0.75rem
}

.hd-eco__logo a {
  display: block;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: transparent;
  border: 0;
  overflow: hidden
}

.ie8 .hd-eco__logo a {
  -ms-behavior: url("/assets/behaviors/background-size/backgroundsize.min.htc")
}

.hd-eco__logo a:before {
  content: "";
  display: block;
  width: 0;
  height: 150%
}

@media (max-width: 767px) {
  .hd-eco__logo a {
    width: 232px;
    height: 36px;
    -webkit-background-size: 232px auto;
    -moz-background-size: 232px auto;
    -o-background-size: 232px auto;
    background-size: 232px auto;
    background-image: url("/assets/img/logo-sapixeco-hds@2x.png")
  }
}

@media (min-width: 768px) {
  .hd-eco__logo a {
    width: 300px;
    height: 36px;
    -webkit-background-size: 300px 36px;
    -moz-background-size: 300px 36px;
    -o-background-size: 300px 36px;
    background-size: 300px 36px;
    background-image: url("/assets/img/logo-sapixeco-hd@2x.png")
  }
}

.snav__global {
  position: fixed;
  top: 8px;
  right: 8px;
  z-index: 1030
}

.snav__global a {
  position: relative;
  display: block;
  -webkit-border-radius: 32px;
  -moz-border-radius: 32px;
  -ms-border-radius: 32px;
  -o-border-radius: 32px;
  border-radius: 32px;
  width: 64px;
  height: 64px;
  text-align: center;
  background: #1253a4
}

.snav__global a img {
  position: absolute;
  top: 20px;
  left: 14px
}

.no-touch .snav__global a:hover {
  background: #3498db;
  cursor: pointer;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  transition: transform 0.2s ease-out;
  -webkit-transition: -webkit-transform 0.2s ease-out;
  -moz-transition: -moz-transform 0.2s ease-out
}

.eco .snav__global a {
  background: #1abc9c
}

@media (min-width: 768px) {
  .snav__global {
    top: 24px;
    right: 24px
  }
}

.ftContent {
  padding-top: 32px;
  padding-top: 2rem;
  background: #f7f9fc
}

@media (min-width: 768px) {
  .ftContent {
    padding-bottom: 32px;
    padding-bottom: 2rem
  }
}

.eco .ftContent {
  background: #f8fcfc
}

.ftContent__hd {
  max-width: 95%;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 2em
}

.ftContent__hd .ft-around__logo {
  margin-bottom: 1em
}

.ftContent__hd:before, .ftContent__hd:after {
  content: " ";
  display: table
}

.ftContent__hd:after {
  clear: both
}

@media (min-width: 768px) {
  .ftContent__hd {
    max-width: 752px
  }
  .ftContent__hd .ft-around__logo, .ftContent__hd .ft-around__slogan {
    float: left;
    margin-right: 2em;
    margin-bottom: 0
  }
}

@media (min-width: 1024px) {
  .ftContent__hd {
    max-width: 1008px
  }
}

.ftContent__container {
  max-width: 95%;
  margin-right: auto;
  margin-left: auto
}

.ftContent__container:before, .ftContent__container:after {
  content: " ";
  display: table
}

.ftContent__container:after {
  clear: both
}

.ftContent__container section {
  margin-bottom: 32px;
  margin-bottom: 2rem
}

@media (min-width: 768px) {
  .ftContent__container {
    max-width: 752px
  }
}

@media (min-width: 1024px) {
  .ftContent__container {
    max-width: 1008px
  }
}

.ftContent__eco ul {
  list-style: none;
  margin-bottom: 0;
  padding-left: 0
}

.ftContent__eco ul:before, .ftContent__eco ul:after {
  content: " ";
  display: table
}

.ftContent__eco ul:after {
  clear: both
}

.ftContent__eco li {
  margin-top: 2.63158%
}

.ftContent__eco li:first-child {
  margin-top: 0
}

@media (min-width: 768px) {
  .ftContent__eco {
    width: 65.95745%;
    float: left;
    margin-right: -100%;
    margin-left: 0%;
    clear: none
  }
  .ftContent__eco section {
    margin-bottom: 0
  }
  .ftContent__eco li {
    margin-top: 11px;
    margin-top: 0.6875rem
  }
  .ftContent__eco li.eco__index {
    width: 31.91489%;
    float: left;
    margin-right: -100%;
    margin-left: 0%;
    clear: none;
    margin-top: 0
  }
  .ftContent__eco li.eco__news {
    width: 31.91489%;
    float: left;
    margin-right: -100%;
    margin-left: 34.04255%;
    clear: none;
    margin-top: 0
  }
  .ftContent__eco li.eco__message {
    width: 31.91489%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
    margin-top: 0
  }
  .ftContent__eco li.eco__ecoclub {
    width: 31.91489%;
    float: left;
    margin-right: -100%;
    margin-left: 0%;
    clear: both
  }
  .ftContent__eco li.eco__event {
    width: 31.91489%;
    float: left;
    margin-right: -100%;
    margin-left: 34.04255%;
    clear: none
  }
  .ftContent__eco li.eco__quiz {
    width: 31.91489%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none
  }
  .ftContent__eco li.eco__library {
    width: 31.91489%;
    float: left;
    margin-right: -100%;
    margin-left: 0%;
    clear: both
  }
  .ftContent__eco li.eco__sapix {
    width: 31.91489%;
    float: left;
    margin-right: -100%;
    margin-left: 34.04255%;
    clear: none
  }
}

@media (min-width: 1024px) {
  .ftContent__eco {
    width: 74.20635%;
    float: left;
    margin-right: -100%;
    margin-left: 0%;
    clear: none
  }
  .ftContent__eco li {
    margin-top: 12px;
    margin-top: 0.75rem
  }
  .ftContent__eco li.eco__index {
    width: 23.80952%;
    float: left;
    margin-right: -100%;
    margin-left: 0%;
    clear: none;
    margin-top: 0
  }
  .ftContent__eco li.eco__news {
    width: 23.80952%;
    float: left;
    margin-right: -100%;
    margin-left: 25.39683%;
    clear: none;
    margin-top: 0
  }
  .ftContent__eco li.eco__message {
    width: 23.80952%;
    float: left;
    margin-right: -100%;
    margin-left: 50.79365%;
    clear: none;
    margin-top: 0
  }
  .ftContent__eco li.eco__ecoclub {
    width: 23.80952%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
    margin-top: 0
  }
  .ftContent__eco li.eco__event {
    width: 23.80952%;
    float: left;
    margin-right: -100%;
    margin-left: 0%;
    clear: both
  }
  .ftContent__eco li.eco__quiz {
    width: 23.80952%;
    float: left;
    margin-right: -100%;
    margin-left: 25.39683%;
    clear: none
  }
  .ftContent__eco li.eco__library {
    width: 23.80952%;
    float: left;
    margin-right: -100%;
    margin-left: 50.79365%;
    clear: none
  }
  .ftContent__eco li.eco__sapix {
    width: 23.80952%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none
  }
}

.ftContent__sapix ul {
  list-style: none;
  margin-bottom: 0;
  padding-left: 0
}

.ftContent__sapix ul:before, .ftContent__sapix ul:after {
  content: " ";
  display: table
}

.ftContent__sapix ul:after {
  clear: both
}

.ftContent__sapix li {
  margin-top: 2.63158%
}

.ftContent__sapix li:first-child {
  margin-top: 0
}

.ftContent__sapix li.sapix__sapix {
  width: 100%;
  float: right;
  margin-left: 0;
  margin-right: 0;
  clear: none
}

.ftContent__sapix li.sapix__success {
  width: 48.68421%;
  float: left;
  margin-right: -100%;
  margin-left: 0%;
  clear: both
}

.ftContent__sapix li.sapix__school {
  width: 48.68421%;
  float: right;
  margin-left: 0;
  margin-right: 0;
  clear: none
}

@media (min-width: 768px) {
  .ftContent__sapix {
    width: 31.91489%;
    float: left;
    margin-right: -100%;
    margin-left: 0%;
    clear: none
  }
  .ftContent__sapix section {
    margin-bottom: 0
  }
  .ftContent__sapix li {
    margin-top: 9px;
    margin-top: 0.5625rem
  }
  .ftContent__sapix li.sapix__sapix {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none
  }
  .ftContent__sapix li.sapix__success {
    width: 48.33333%;
    float: left;
    margin-right: -100%;
    margin-left: 0%;
    clear: both
  }
  .ftContent__sapix li.sapix__school {
    width: 48.33333%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
    padding-left: 1px
  }
}

@media (min-width: 1024px) {
  .ftContent__sapix {
    width: 22.61905%;
    float: left;
    margin-right: -100%;
    margin-left: 0%;
    clear: none
  }
  .ftContent__sapix li {
    margin-top: 16px;
    margin-top: 1rem
  }
  .ftContent__sapix li.sapix__sapix {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none
  }
  .ftContent__sapix li.sapix__success {
    width: 46.49123%;
    float: left;
    margin-right: -100%;
    margin-left: 0%;
    clear: both
  }
  .ftContent__sapix li.sapix__school {
    width: 46.49123%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
    padding-left: 0
  }
}

.ftContent__app ul {
  list-style: none;
  margin-bottom: 0;
  padding-left: 0
}

.ftContent__app ul:before, .ftContent__app ul:after {
  content: " ";
  display: table
}

.ftContent__app ul:after {
  clear: both
}

.ftContent__app li {
  margin-top: 2.63158%
}

.ftContent__app li:first-child {
  margin-top: 0
}

.ftContent__app .app__entrance {
  width: 100%;
  float: right;
  margin-left: 0;
  margin-right: 0;
  clear: none
}

.ftContent__app .app__mockexam {
  width: 31.57895%;
  float: left;
  margin-right: -100%;
  margin-left: 0%;
  clear: both
}

.ftContent__app .app__course {
  width: 31.57895%;
  float: left;
  margin-right: -100%;
  margin-left: 34.21053%;
  clear: none
}

.ftContent__app .app__event {
  width: 31.57895%;
  float: right;
  margin-left: 0;
  margin-right: 0;
  clear: none
}

@media (min-width: 768px) {
  .ftContent__app {
    width: 31.91489%;
    float: left;
    margin-right: -100%;
    margin-left: 34.04255%;
    clear: none
  }
  .ftContent__app section {
    margin-bottom: 0
  }
  .ftContent__app li {
    margin-top: 9px;
    margin-top: 0.5625rem
  }
  .ftContent__app .app__entrance {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none
  }
  .ftContent__app .app__mockexam {
    width: 30.83333%;
    float: left;
    margin-right: -100%;
    margin-left: 0%;
    clear: both
  }
  .ftContent__app .app__course {
    width: 30.83333%;
    float: left;
    margin-right: -100%;
    margin-left: 34.58333%;
    clear: none
  }
  .ftContent__app .app__event {
    width: 30.83333%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none
  }
}

@media (min-width: 1024px) {
  .ftContent__app {
    width: 22.61905%;
    float: left;
    margin-right: -100%;
    margin-left: 25.79365%;
    clear: none
  }
  .ftContent__app li {
    margin-top: 16px;
    margin-top: 1rem
  }
  .ftContent__app .app__entrance {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none
  }
  .ftContent__app .app__mockexam {
    width: 28.94737%;
    float: left;
    margin-right: -100%;
    margin-left: 0%;
    clear: both
  }
  .ftContent__app .app__course {
    width: 28.94737%;
    float: left;
    margin-right: -100%;
    margin-left: 35.52632%;
    clear: none
  }
  .ftContent__app .app__event {
    width: 28.94737%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none
  }
}

.ftContent__meeting p.lead, .ftContent__curriculum p.lead {
  display: none !important;
  visibility: hidden
}

@media (min-width: 768px) and (max-width: 1023px) {
  .ftContent__meeting, .ftContent__curriculum {
    display: none !important;
    visibility: hidden
  }
}

@media (min-width: 1024px) {
  .ftContent__meeting, .ftContent__curriculum {
    width: 22.61905%;
    float: left;
    margin-right: -100%;
    margin-left: 51.5873%;
    clear: none
  }
  .ftContent__meeting section, .ftContent__curriculum section {
    margin-bottom: 0
  }
}

.ftContent__contact .contact__request {
  width: 48.68421%;
  float: left;
  margin-right: -100%;
  margin-left: 0%;
  clear: none
}

.ftContent__contact .contact__faq {
  width: 48.68421%;
  float: right;
  margin-left: 0;
  margin-right: 0;
  clear: none
}

@media (min-width: 768px) {
  .ftContent__contact {
    width: 31.91489%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none
  }
  .ftContent__contact section {
    margin-bottom: 0
  }
  .ftContent__contact .contact__request {
    width: 48.33333%;
    float: left;
    margin-right: -100%;
    margin-left: 0%;
    clear: none
  }
  .ftContent__contact .contact__faq {
    width: 48.33333%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
    padding-left: 1px
  }
  .ftContent__contact .contact__time {
    margin-bottom: 5px;
    margin-bottom: 0.3125rem
  }
}

@media (min-width: 1024px) {
  .ftContent__contact {
    width: 22.61905%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none
  }
  .ftContent__contact .contact__request {
    width: 46.49123%;
    float: left;
    margin-right: -100%;
    margin-left: 0%;
    clear: none
  }
  .ftContent__contact .contact__faq {
    width: 46.49123%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
    padding-left: 0
  }
  .ftContent__contact .contact__time {
    margin-bottom: 12px;
    margin-bottom: 0.75rem
  }
}

.ft--related {
  background: white
}

.ft--related__inner {
  padding-top: 24px;
  padding-top: 1.5rem;
  padding-bottom: 32px;
  padding-bottom: 2rem
}

.ft--related__inner ul {
  list-style: none;
  margin-bottom: 0;
  padding-left: 0
}

.ft--related__inner ul:before, .ft--related__inner ul:after {
  content: " ";
  display: table
}

.ft--related__inner ul:after {
  clear: both
}

.ft--related__inner li {
  margin-top: 2.63158%
}

.ft--related__inner li:first-child {
  margin-top: 0
}

.ft--related__inner h3 small {
  display: none !important;
  visibility: hidden
}

@media (min-width: 768px) {
  .ft--related__inner {
    max-width: 752px
  }
  .ft--related__inner li {
    margin-top: 9px;
    margin-top: 0.5625rem
  }
  .ft--related__inner li:nth-child(-n+3) {
    margin-top: 0
  }
  .ft--related__inner li:nth-child(3n+1) {
    width: 31.91489%;
    float: left;
    margin-right: -100%;
    margin-left: 0%;
    clear: both
  }
  .ft--related__inner li:nth-child(3n+2) {
    width: 31.91489%;
    float: left;
    margin-right: -100%;
    margin-left: 34.04255%;
    clear: none
  }
  .ft--related__inner li:nth-child(3n+3) {
    width: 31.91489%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none
  }
  .ft--related__inner h3 small {
    display: inline !important;
    visibility: visible
  }
}

@media (min-width: 1024px) {
  .ft--related__inner {
    max-width: 1008px
  }
  .ft--related__inner li {
    margin-top: 16px;
    margin-top: 1rem
  }
  .ft--related__inner li:nth-child(-n+4) {
    margin-top: 0
  }
  .ft--related__inner li:nth-child(4n+1) {
    width: 22.61905%;
    float: left;
    margin-right: -100%;
    margin-left: 0%;
    clear: both
  }
  .ft--related__inner li:nth-child(4n+2) {
    width: 22.61905%;
    float: left;
    margin-right: -100%;
    margin-left: 25.79365%;
    clear: none
  }
  .ft--related__inner li:nth-child(4n+3) {
    width: 22.61905%;
    float: left;
    margin-right: -100%;
    margin-left: 51.5873%;
    clear: none
  }
  .ft--related__inner li:nth-child(4n+4) {
    width: 22.61905%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none
  }
}

.ftGlobal {
  margin-bottom: 32px;
  margin-bottom: 2rem
}

.ftGlobal__container {
  font-size: 14px;
  font-size: 0.875rem;
  border-top: 2px solid #1253a4;
  border-bottom: 2px solid #1253a4
}

.eco .ftGlobal__container {
  border-top-color: #1abc9c;
  border-bottom-color: #1abc9c
}

@media (max-width: 767px) {
  .ftGlobal__container li {
    border-bottom: 1px solid #dbe5f1
  }
  .ftGlobal__container li:last-child {
    border-bottom: 0
  }
  .ftGlobal__container li>a {
    display: block;
    width: 100%;
    height: 100%;
    padding-top: 16px;
    padding-top: 1rem;
    padding-bottom: 16px;
    padding-bottom: 1rem
  }
}

@media (min-width: 768px) {
  .ftGlobal__container {
    max-width: 752px;
    font-size: 12px;
    font-size: 0.75rem;
    padding: 12px 48px 12px 48px;
    padding: 0.75rem 3rem 0.75rem 3rem;
    text-align: center
  }
  .ftGlobal__container ul:before, .ftGlobal__container ul:after {
    content: " ";
    display: table
  }
  .ftGlobal__container ul:after {
    clear: both
  }
  .ftGlobal__container li {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline
  }
  .ftGlobal__container li+li {
    margin-left: 16px;
    margin-left: 1rem
  }
  .ftGlobal__container li a {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    padding: 12px 0;
    padding: 0.75rem 0
  }
}

@media (min-width: 1024px) {
  .ftGlobal__container {
    max-width: 1008px;
    padding: 0
  }
  .ftGlobal__container li a {
    padding: 16px 0;
    padding: 1rem 0
  }
}

.ftGlobal--primary {
  padding-left: 0.4em
}

@media (min-width: 1024px) {
  .ftGlobal--primary {
    width: 74.60317%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none
  }
}

.ftGlobal--secondary {
  text-align: center
}

@media (min-width: 1024px) {
  .ftGlobal--secondary {
    width: 23.80952%;
    float: left;
    margin-right: -100%;
    margin-left: 0%;
    clear: none
  }
}

@media (min-width: 1024px) {
  .ftGlobal--primary__first:before, .ftGlobal--primary__first:after {
    content: " ";
    display: table
  }
  .ftGlobal--primary__first:after {
    clear: both
  }
}

.ftGlobal--primary__second:before, .ftGlobal--primary__second:after {
  content: " ";
  display: table
}

.ftGlobal--primary__second:after {
  clear: both
}

.ftGlobal__nav01 li, .ftGlobal__nav02 li {
  float: left
}

.ftGlobal__nav01 li+li, .ftGlobal__nav02 li+li {
  margin-left: 0
}

.ftGlobal__nav01 li span, .ftGlobal__nav02 li span {
  display: none !important;
  visibility: hidden
}

.ftGlobal__nav01 li a, .ftGlobal__nav02 li a {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  font-size: 16px;
  font-size: 1rem;
  padding: 1em
}

.ftGlobal__nav01 li a:hover, .ftGlobal__nav02 li a:hover {
  background: #eeeeee
}

@media (min-width: 768px) {
  .ftGlobal__nav01 li a, .ftGlobal__nav02 li a {
    font-size: 14px;
    font-size: 0.875rem
  }
}

@media (min-width: 1024px) {
  .ftGlobal__nav01 span, .ftGlobal__nav02 span {
    display: inline !important;
    visibility: visible
  }
}

@media (min-width: 1024px) {
  .ftGlobal__nav01 ul:before, .ftGlobal__nav01 ul:after {
    content: " ";
    display: table
  }
  .ftGlobal__nav01 ul:after {
    clear: both
  }
  .ftGlobal__nav01 li+li {
    margin-left: 24px
  }
  .ftGlobal__nav01 li a {
    padding: 1em 0;
    font-size: 12px
  }
  .ftGlobal__nav01 li a:hover {
    background: transparent
  }
}

.ftGlobal__nav02:before, .ftGlobal__nav02:after {
  content: " ";
  display: table
}

.ftGlobal__nav02:after {
  clear: both
}

@media (min-width: 1024px) {
  .ftGlobal__nav02 {
    width: 40.42553%;
    float: left;
    margin-right: -100%;
    margin-left: 0%;
    clear: none;
    margin-top: 8px;
    margin-top: 0.5rem
  }
  .ftGlobal__nav02 li+li {
    margin-left: 24px
  }
  .ftGlobal__nav02 li a {
    padding: 1em 0;
    font-size: 12px
  }
  .ftGlobal__nav02 li a:hover {
    background: transparent
  }
}

@media (min-width: 1024px) {
  .ftGlobal__logo {
    margin-top: 34px
  }
}

.ftGlobal__copyright {
  margin-top: 16px;
  margin-top: 1rem;
  margin-bottom: 16px;
  margin-bottom: 1rem;
  text-align: center
}

.ftGlobal__copyright small {
  font-size: 10px
}

.ftGlobal__copyright span {
  display: none !important;
  visibility: hidden
}

.ftGlobal__copyright a {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  margin-top: 16px;
  padding: 1em;
  text-decoration: none
}

.ftGlobal__copyright a:hover {
  background: #eeeeee
}

@media (min-width: 768px) {
  .ftGlobal__copyright {
    margin-bottom: 8px;
    margin-bottom: 0.5rem
  }
  .ftGlobal__copyright span {
    display: inline !important;
    visibility: visible
  }
}

@media (min-width: 1024px) {
  .ftGlobal__copyright {
    width: 57.44681%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
    margin-top: 8px;
    margin-top: 0.5rem;
    border-top: none;
    text-align: right
  }
  .ftGlobal__copyright small {
    font-size: 10px
  }
  .ftGlobal__copyright a {
    margin-top: 0;
    padding: 1.2em 0
  }
  .ftGlobal__copyright a:hover {
    background: transparent
  }
}

.ft--group__inner {
  max-width: 95%;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 32px;
  margin-bottom: 2rem
}

.ft--group__inner:before, .ft--group__inner:after {
  content: " ";
  display: table
}

.ft--group__inner:after {
  clear: both
}

@media (min-width: 768px) {
  .ft--group__inner {
    max-width: 752px
  }
}

@media (min-width: 1024px) {
  .ft--group__inner {
    max-width: 1008px
  }
}

.banner--group-company {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: center
}

.banner--group-company:before, .banner--group-company:after {
  content: " ";
  display: table
}

.banner--group-company:after {
  clear: both
}

@media (max-width: 767px) {
  .banner--group-company li {
    margin-top: 32px;
    margin-top: 2rem
  }
  .banner--group-company li:first-child {
    margin-top: 0
  }
}

@media (min-width: 768px) {
  .banner--group-company li {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    margin-left: 0.5em;
    margin-right: 0.5em
  }
}

.ft--copyright__inner {
  max-width: 95%;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 32px;
  margin-bottom: 2rem
}

.ft--copyright__inner:before, .ft--copyright__inner:after {
  content: " ";
  display: table
}

.ft--copyright__inner:after {
  clear: both
}

@media (min-width: 768px) {
  .ft--copyright__inner {
    max-width: 752px
  }
}

@media (min-width: 1024px) {
  .ft--copyright__inner {
    max-width: 1008px
  }
}

.banner--group-company {
  list-style: none;
  margin: 0;
  padding: 0
}

.copyright {
  text-align: center
}

@media (min-width: 1024px) {
  .copyright {
    font-family: "Montserrat", sans-serif
  }
  .copyright small {
    font-size: 12px;
    font-size: 0.75rem
  }
  .copyright a {
    margin-top: 0;
    padding: 1.2em 0
  }
  .copyright a:hover {
    background: transparent
  }
}

footer.ft {
  padding-bottom: 48px
}

@media (min-width: 1024px) {
  footer.ft {
    padding-bottom: 40px
  }
}

#scrollUp {
  bottom: 0;
  width: 100%;
  height: 48px;
  padding: 12px 6px;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  text-decoration: none;
  color: #1253a4;
  background-color: rgba(240, 244, 249, 0.75);
  -webkit-transition: background-color 200ms cubic-bezier(0.25, 0.1, 0.25, 1);
  transition: background-color 200ms cubic-bezier(0.25, 0.1, 0.25, 1)
}

#scrollUp:hover {
  background-color: #1253a4;
  color: white
}

.eco #scrollUp {
  color: #1abc9c;
  background-color: rgba(248, 252, 252, 0.75)
}

.eco #scrollUp:hover {
  color: white;
  background-color: #1abc9c
}

@media (min-width: 1024px) {
  #scrollUp {
    padding: 8px 6px;
    height: 40px;
    background-color: rgba(240, 244, 249, 0.5)
  }
}

.mobile .request #scrollUp {
  display: none !important;
  visibility: hidden
}

.contact__dial {
  margin-bottom: 4px;
  margin-bottom: 0.25rem
}

.contact__dial:before, .contact__dial:after {
  content: " ";
  display: table
}

.contact__dial:after {
  clear: both
}

.contact__dial dt {
  float: left;
  margin-right: 8px;
  margin-right: 0.5rem;
  line-height: 16px;
  line-height: 1rem
}

.contact__dial dd {
  font-family: "Montserrat", sans-serif;
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 48px;
  line-height: 3rem;
  color: #1253a4
}

.contact__freedial {
  margin-bottom: 4px;
  margin-bottom: 0.25rem
}

.contact__freedial:before, .contact__freedial:after {
  content: " ";
  display: table
}

.contact__freedial:after {
  clear: both
}

.contact__freedial dt {
  float: left;
  margin-right: 4px;
  margin-right: 0.25rem;
  line-height: 16px;
  line-height: 1rem
}

.contact__freedial dd {
  font-family: "Montserrat", sans-serif;
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 28px;
  line-height: 1.75rem;
  color: #1253a4
}

.contact__time {
  margin-bottom: 12px;
  margin-bottom: 0.75rem;
  font-size: 10px;
  font-size: 0.625rem
}

.contact__time:before, .contact__time:after {
  content: " ";
  display: table
}

.contact__time:after {
  clear: both
}

.contact__time dt {
  float: left;
  margin-bottom: 4px;
  margin-bottom: 0.25rem;
  padding-left: 21px;
  padding-left: 1.3125rem;
  line-height: 16px;
  line-height: 1rem;
  display: block;
  width: 16px;
  height: 16px;
  margin-right: 0;
  font-weight: bold;
  color: #1253a4;
  background: transparent url("/assets/img/ico/ico_clock@2x.png") 0 0 no-repeat;
  -webkit-background-size: 16px 16px;
  -moz-background-size: 16px 16px;
  -o-background-size: 16px 16px;
  background-size: 16px 16px
}

.ie8 .contact__time dt {
  -ms-behavior: url("/assets/behaviors/background-size/backgroundsize.min.htc")
}

.contact__time dd {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 16px;
  line-height: 1rem;
  color: #1253a4
}

.contact__time dd time {
  font-family: "Montserrat", sans-serif
}

.contact__time dd small {
  font-size: 9px;
  font-size: 0.5625rem
}

.secondary--beta .contact__time dt {
  display: block;
  width: 16px;
  height: 16px;
  margin-right: 0
}

.owl-carousel .animated {
  -webkit-animation-duration: 1000ms;
  animation-duration: 1000ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
  z-index: 0
}

.owl-carousel .owl-animated-out {
  z-index: 1
}

.owl-carousel .fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1
  }
  100% {
    opacity: 0
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1
  }
  100% {
    opacity: 0
  }
}

.owl-height {
  -webkit-transition: height 500ms ease-in-out;
  -moz-transition: height 500ms ease-in-out;
  -ms-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out
}

.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;
  overflow: hidden
}

.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  -webkit-transform: translate3d(0px, 0px, 0px)
}

.owl-carousel .owl-controls .owl-nav .owl-prev, .owl-carousel .owl-controls .owl-nav .owl-next, .owl-carousel .owl-controls .owl-dot {
  cursor: pointer;
  cursor: hand;
  -webkit-user-select: none;
  -khtml-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;
  display: block
}

.owl-carousel.owl-hidden {
  opacity: 0
}

.owl-carousel .owl-refresh .owl-item {
  display: none
}

.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.owl-carousel .owl-item img {
  display: block;
  width: 100%;
  -webkit-transform-style: preserve-3d
}

.owl-carousel.owl-text-select-on .owl-item {
  -webkit-user-select: auto;
  -moz-user-select: auto;
  -ms-user-select: auto;
  user-select: auto
}

.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-carousel .owl-item .owl-lazy {
  opacity: 0;
  -webkit-transition: opacity 400ms ease;
  -moz-transition: opacity 400ms ease;
  -ms-transition: opacity 400ms ease;
  -o-transition: opacity 400ms ease;
  transition: opacity 400ms ease
}

.owl-carousel .owl-item img {
  transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000
}

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  -webkit-transition: scale 100ms ease;
  -moz-transition: scale 100ms ease;
  -ms-transition: scale 100ms ease;
  -o-transition: scale 100ms ease;
  transition: scale 100ms ease
}

.owl-carousel .owl-video-play-icon:hover {
  -webkit-transition: scale(1.3, 1.3);
  -moz-transition: scale(1.3, 1.3);
  -ms-transition: scale(1.3, 1.3);
  -o-transition: scale(1.3, 1.3);
  transition: scale(1.3, 1.3)
}

.owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none
}

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  -webkit-transition: opacity 400ms ease;
  -moz-transition: opacity 400ms ease;
  -ms-transition: opacity 400ms ease;
  -o-transition: opacity 400ms ease;
  transition: opacity 400ms ease
}

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1
}

.owl-theme .owl-controls {
  margin-top: 10px;
  text-align: center;
  -webkit-tap-highlight-color: transparent
}

.owl-theme .owl-controls .owl-nav [class*='owl-'] {
  color: white;
  font-size: 14px;
  margin: 5px;
  padding: 4px 7px;
  background: #d6d6d6;
  display: inline-block;
  cursor: pointer;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px
}

.owl-theme .owl-controls .owl-nav [class*='owl-']:hover {
  background: #869791;
  color: white;
  text-decoration: none
}

.owl-theme .owl-controls .owl-nav .disabled {
  opacity: 0.5;
  cursor: default
}

.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;
  -webkit-transition: opacity 200ms ease;
  -moz-transition: opacity 200ms ease;
  -ms-transition: opacity 200ms ease;
  -o-transition: opacity 200ms ease;
  transition: opacity 200ms ease;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
  background: #869791
}


/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2014 Daniel Eden
*/

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both
}

.animated.backSlideOut {
  -webkit-animation-duration: 1.4s;
  animation-duration: 1.4s
}

.animated.backSlideIn {
  -webkit-animation-duration: 1.4s;
  animation-duration: 1.4s
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite
}

@-webkit-keyframes backSlideIn {
  0%, 25% {
    opacity: 0;
    -webkit-transform: scale3d(0.7, 0.7, 0.7) translateX(992px);
    transform: scale3d(0.7, 0.7, 0.7) translateX(992px)
  }
  75% {
    opacity: .1;
    -webkit-transform: scale3d(0.7, 0.7, 0.7);
    transform: scale3d(0.7, 0.7, 0.7)
  }
  100% {
    opacity: 1;
    -webkit-transform: translateZ(0) translateX(0);
    transform: translateZ(0) translateX(0)
  }
}

@keyframes backSlideIn {
  0%, 25% {
    opacity: 0;
    -webkit-transform: scale3d(0.7, 0.7, 0.7) translateX(992px);
    -ms-transform: scale3d(0.7, 0.7, 0.7) translateX(992px);
    transform: scale3d(0.7, 0.7, 0.7) translateX(992px)
  }
  75% {
    opacity: .1;
    -webkit-transform: scale3d(0.7, 0.7, 0.7);
    -ms-transform: scale3d(0.7, 0.7, 0.7);
    transform: scale3d(0.7, 0.7, 0.7)
  }
  100% {
    opacity: 1;
    -webkit-transform: translateZ(0) translateX(0);
    -ms-transform: translateZ(0) translateX(0);
    transform: translateZ(0) translateX(0)
  }
}

.backSlideIn {
  -webkit-animation-name: backSlideIn;
  animation-name: backSlideIn
}

@-webkit-keyframes backSlideOut {
  0% {
    opacity: 1
  }
  25% {
    opacity: .5;
    -webkit-transform: scale3d(0.7, 0.7, 0.7);
    transform: scale3d(0.7, 0.7, 0.7)
  }
  75% {
    opacity: .5;
    -webkit-transform: scale3d(0.7, 0.7, 0.7) translateX(-992px);
    transform: scale3d(0.7, 0.7, 0.7) translateX(-992px)
  }
  100% {
    opacity: .5;
    -webkit-transform: scale3d(0.7, 0.7, 0.7) translateX(-992px);
    transform: scale3d(0.7, 0.7, 0.7) translateX(-992px)
  }
}

@keyframes backSlideOut {
  0% {
    opacity: 1
  }
  25% {
    opacity: .5;
    -webkit-transform: scale3d(0.7, 0.7, 0.7);
    -ms-transform: scale3d(0.7, 0.7, 0.7);
    transform: scale3d(0.7, 0.7, 0.7)
  }
  75% {
    opacity: .5;
    -webkit-transform: scale3d(0.7, 0.7, 0.7) translateX(-992px);
    -ms-transform: scale3d(0.7, 0.7, 0.7) translateX(-992px);
    transform: scale3d(0.7, 0.7, 0.7) translateX(-992px)
  }
  100% {
    opacity: .5;
    -webkit-transform: scale3d(0.7, 0.7, 0.7) translateX(-992px);
    -ms-transform: scale3d(0.7, 0.7, 0.7) translateX(-992px);
    transform: scale3d(0.7, 0.7, 0.7) translateX(-992px)
  }
}

.backSlideOut {
  -webkit-animation-name: backSlideOut;
  animation-name: backSlideOut
}

.primary section {
  margin-bottom: 32px;
  margin-bottom: 2rem
}

.primary p {
  margin-bottom: 16px;
  margin-bottom: 1rem;
  font-size: 14px;
  font-size: 0.875rem
}

.primary .btn {
  font-size: 12px;
  font-size: 0.75rem
}

@media (min-width: 768px) {
  .primary {
    width: 65.95745%;
    float: left;
    margin-right: -100%;
    margin-left: 0%;
    clear: none
  }
}

@media (min-width: 1024px) {
  .primary {
    width: 74.60317%;
    float: left;
    margin-right: -100%;
    margin-left: 0%;
    clear: none
  }
  .primary .module-news {
    width: 48.93617%;
    float: left;
    margin-right: -100%;
    margin-left: 0%;
    clear: none
  }
  .primary .module-famous {
    width: 48.93617%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none
  }
}

@media (max-width: 767px) {
  .heroPromotion {
    display: none !important;
    visibility: hidden
  }
}

@media (min-width: 768px) {
  .heroPromotion {
    height: 240px;
    margin-bottom: 16px;
    margin-bottom: 1rem
  }
}

@media (min-width: 1024px) {
  .heroPromotion {
    height: 240px;
    margin-bottom: 32px;
    margin-bottom: 2rem
  }
}

.owl-theme .owl-controls .owl-dot.active span, .owl-theme .owl-controls.clickable .owl-dot:hover span {
  background: #1253a4
}

.eco .owl-theme .owl-controls .owl-dot.active span, .eco .owl-theme .owl-controls.clickable .owl-dot:hover span {
  background: #1abc9c
}

#heroPromotion_owl {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  font-size: 0
}

#heroPromotion_owl:before, #heroPromotion_owl:after {
  content: " ";
  display: table
}

#heroPromotion_owl:after {
  clear: both
}

#heroPromotion_owl .owl-item img {
  display: none
}

#heroPromotion_owl .owl-item.active img, #heroPromotion_owl .owl-item.animated img {
  display: block
}

#heroPromotion_owl .owl-stage-outer {
  background: #f7f9fc url("/assets/img/ftContent__slogan--dark@2x.png") center center no-repeat;
  -webkit-background-size: 259px 23px;
  -moz-background-size: 259px 23px;
  -o-background-size: 259px 23px;
  background-size: 259px 23px;
  border: 8px solid white;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px
}

.ie8 #heroPromotion_owl .owl-stage-outer {
  -ms-behavior: url("/assets/behaviors/background-size/backgroundsize.min.htc")
}

#heroPromotion_owl .owl-controls {
  width: 16px !important
}

#heroPromotion_owl .owl-dots .owl-dot span {
  width: 16px;
  height: 16px;
  margin: 0 0 8px 0
}

#heroPromotion_owl .owl-dots .owl-dot:hover span {
  background: #1253a4
}

.eco #heroPromotion_owl .owl-dots .owl-dot:hover span {
  background: #1abc9c
}

@media (min-width: 768px) {
  #heroPromotion_owl {
    width: 65.95745%;
    float: left;
    margin-right: -100%;
    margin-left: 0%;
    clear: none
  }
  #heroPromotion_owl .item {
    width: 480px !important;
    height: 224px !important
  }
  #heroPromotion_owl .owl-controls {
    width: 22.58065%;
    float: left;
    margin-right: -100%;
    margin-left: 103.22581%;
    clear: none;
    margin-top: -240px
  }
}

@media (min-width: 1024px) {
  #heroPromotion_owl {
    width: 49.20635%;
    float: left;
    margin-right: -100%;
    margin-left: 0%;
    clear: none
  }
  #heroPromotion_owl .owl-controls {
    width: 9.67742%;
    float: left;
    margin-right: -100%;
    margin-left: 103.22581%;
    clear: none
  }
}

.secondary section, .tertiary section {
  margin-bottom: 32px;
  margin-bottom: 2rem
}

.secondary p, .tertiary p {
  margin-bottom: 16px;
  margin-bottom: 1rem;
  font-size: 12px;
  font-size: 0.75rem
}

@media (min-width: 1024px) {
  .secondary .lead, .tertiary .lead {
    font-size: 12px;
    font-size: 0.75rem
  }
}

@media (max-width: 767px) {
  .secondary .module-contact {
    display: none !important;
    visibility: hidden
  }
}

@media (min-width: 768px) {
  .secondary {
    width: 31.91489%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none
  }
}

@media (min-width: 1024px) {
  .secondary {
    width: 23.80952%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
    padding-left: 16px;
    padding-left: 1rem
  }
}

@media (min-width: 768px) {
  .tertiary {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: both
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .tertiary .module-news {
    width: 31.91489%;
    float: left;
    margin-right: -100%;
    margin-left: 0%;
    clear: none
  }
  .tertiary .module-pr {
    width: 31.91489%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none
  }
  .tertiary .module-famous {
    width: 31.91489%;
    float: left;
    margin-right: -100%;
    margin-left: 34.04255%;
    clear: none
  }
}

@media (min-width: 1024px) {
  .tertiary {
    width: 74.60317%;
    float: left;
    margin-right: -100%;
    margin-left: 0%;
    clear: left
  }
  .tertiary .module-news {
    width: 31.91489%;
    float: left;
    margin-right: -100%;
    margin-left: 0%;
    clear: none
  }
  .tertiary .module-pr {
    width: 31.91489%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none
  }
  .tertiary .module-famous {
    width: 31.91489%;
    float: left;
    margin-right: -100%;
    margin-left: 34.04255%;
    clear: none
  }
}

.examCourse:before, .examCourse:after, .sctPickup:before, .sctPickup:after, .module-mockexam:before, .module-mockexam:after, .module-course:before, .module-course:after, .module-pickup:before, .module-pickup:after {
  content: " ";
  display: table
}

.examCourse:after, .sctPickup:after, .module-mockexam:after, .module-course:after, .module-pickup:after {
  clear: both
}

.examCourse .examCourse__sort, .sctPickup .examCourse__sort, .module-mockexam .examCourse__sort, .module-course .examCourse__sort, .module-pickup .examCourse__sort {
  margin-bottom: 32px;
  margin-bottom: 2rem;
  padding: 16px 16px 8px 16px;
  padding: 1rem 1rem 0.5rem 1rem;
  -webkit-box-shadow: #dbe5f1 0 1px 0;
  box-shadow: #dbe5f1 0 1px 0;
  background: #f7f9fc
}

.examCourse .examCourse__sort .list-inline, .sctPickup .examCourse__sort .list-inline, .module-mockexam .examCourse__sort .list-inline, .module-course .examCourse__sort .list-inline, .module-pickup .examCourse__sort .list-inline {
  font-size: 14px;
  font-size: 0.875rem;
  margin-bottom: 0
}

.examCourse .examCourse__sort .list-inline>li, .sctPickup .examCourse__sort .list-inline>li, .module-mockexam .examCourse__sort .list-inline>li, .module-course .examCourse__sort .list-inline>li, .module-pickup .examCourse__sort .list-inline>li {
  margin-bottom: 8px;
  margin-bottom: 0.5rem;
  margin-right: 8px;
  margin-right: 0.5rem;
  padding-left: 0
}

.examCourse .examCourse__sort .list-inline .btn, .sctPickup .examCourse__sort .list-inline .btn, .module-mockexam .examCourse__sort .list-inline .btn, .module-course .examCourse__sort .list-inline .btn, .module-pickup .examCourse__sort .list-inline .btn {
  padding-left: 0;
  padding-right: 0
}

.examCourse .examCourse__sort .h-quaternary, .sctPickup .examCourse__sort .h-quaternary, .module-mockexam .examCourse__sort .h-quaternary, .module-course .examCourse__sort .h-quaternary, .module-pickup .examCourse__sort .h-quaternary {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  margin-right: 32px;
  margin-right: 2rem;
  margin-bottom: 8px;
  margin-bottom: 0.5rem;
  padding-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0
}

.examCourse .examCourseBox__module, .examCourse .sctPickupBox__module, .sctPickup .examCourseBox__module, .sctPickup .sctPickupBox__module, .module-mockexam .examCourseBox__module, .module-mockexam .sctPickupBox__module, .module-course .examCourseBox__module, .module-course .sctPickupBox__module, .module-pickup .examCourseBox__module, .module-pickup .sctPickupBox__module {
  margin-bottom: 32px;
  margin-bottom: 2rem
}

.examCourse .examCourseBox__module:empty, .examCourse .sctPickupBox__module:empty, .sctPickup .examCourseBox__module:empty, .sctPickup .sctPickupBox__module:empty, .module-mockexam .examCourseBox__module:empty, .module-mockexam .sctPickupBox__module:empty, .module-course .examCourseBox__module:empty, .module-course .sctPickupBox__module:empty, .module-pickup .examCourseBox__module:empty, .module-pickup .sctPickupBox__module:empty {
  text-align: center;
  background: #f26964;
  color: white;
  padding: 16px;
  padding: 1rem;
  font-size: 12px;
  font-size: 0.75rem;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeIn;
  -moz-animation-name: fadeIn;
  -o-animation-name: fadeIn;
  animation-name: fadeIn
}

.examCourse .examCourseBox__module:empty:before, .examCourse .sctPickupBox__module:empty:before, .sctPickup .examCourseBox__module:empty:before, .sctPickup .sctPickupBox__module:empty:before, .module-mockexam .examCourseBox__module:empty:before, .module-mockexam .sctPickupBox__module:empty:before, .module-course .examCourseBox__module:empty:before, .module-course .sctPickupBox__module:empty:before, .module-pickup .examCourseBox__module:empty:before, .module-pickup .sctPickupBox__module:empty:before {
  content: "条件に合うものがありません。"
}

.examCourse .examCourseBox__module .modal-body .list__tag, .examCourse .sctPickupBox__module .modal-body .list__tag, .sctPickup .examCourseBox__module .modal-body .list__tag, .sctPickup .sctPickupBox__module .modal-body .list__tag, .module-mockexam .examCourseBox__module .modal-body .list__tag, .module-mockexam .sctPickupBox__module .modal-body .list__tag, .module-course .examCourseBox__module .modal-body .list__tag, .module-course .sctPickupBox__module .modal-body .list__tag, .module-pickup .examCourseBox__module .modal-body .list__tag, .module-pickup .sctPickupBox__module .modal-body .list__tag {
  margin-bottom: 24px;
  margin-bottom: 1.5rem
}

.examCourse .examCourseBox__module .list-inline, .examCourse .sctPickupBox__module .list-inline, .sctPickup .examCourseBox__module .list-inline, .sctPickup .sctPickupBox__module .list-inline, .module-mockexam .examCourseBox__module .list-inline, .module-mockexam .sctPickupBox__module .list-inline, .module-course .examCourseBox__module .list-inline, .module-course .sctPickupBox__module .list-inline, .module-pickup .examCourseBox__module .list-inline, .module-pickup .sctPickupBox__module .list-inline {
  font-size: 11px;
  font-size: 0.6875rem
}

.examCourse .examCourseBox__module .list-inline>li, .examCourse .sctPickupBox__module .list-inline>li, .sctPickup .examCourseBox__module .list-inline>li, .sctPickup .sctPickupBox__module .list-inline>li, .module-mockexam .examCourseBox__module .list-inline>li, .module-mockexam .sctPickupBox__module .list-inline>li, .module-course .examCourseBox__module .list-inline>li, .module-course .sctPickupBox__module .list-inline>li, .module-pickup .examCourseBox__module .list-inline>li, .module-pickup .sctPickupBox__module .list-inline>li {
  margin-right: 0;
  padding-right: 0
}

.examCourse .examCourseBox__module .list-inline span, .examCourse .sctPickupBox__module .list-inline span, .sctPickup .examCourseBox__module .list-inline span, .sctPickup .sctPickupBox__module .list-inline span, .module-mockexam .examCourseBox__module .list-inline span, .module-mockexam .sctPickupBox__module .list-inline span, .module-course .examCourseBox__module .list-inline span, .module-course .sctPickupBox__module .list-inline span, .module-pickup .examCourseBox__module .list-inline span, .module-pickup .sctPickupBox__module .list-inline span {
  margin-right: 0;
  padding: 0.5em;
  background: #eeeeee
}

.examCourse .examCourseBox__module .img, .examCourse .sctPickupBox__module .img, .sctPickup .examCourseBox__module .img, .sctPickup .sctPickupBox__module .img, .module-mockexam .examCourseBox__module .img, .module-mockexam .sctPickupBox__module .img, .module-course .examCourseBox__module .img, .module-course .sctPickupBox__module .img, .module-pickup .examCourseBox__module .img, .module-pickup .sctPickupBox__module .img {
  position: relative;
  width: 240px;
  background: #f7f9fc
}

.examCourse .examCourseBox__module .img small span.new, .examCourse .sctPickupBox__module .img small span.new, .sctPickup .examCourseBox__module .img small span.new, .sctPickup .sctPickupBox__module .img small span.new, .module-mockexam .examCourseBox__module .img small span.new, .module-mockexam .sctPickupBox__module .img small span.new, .module-course .examCourseBox__module .img small span.new, .module-course .sctPickupBox__module .img small span.new, .module-pickup .examCourseBox__module .img small span.new, .module-pickup .sctPickupBox__module .img small span.new {
  background-color: #f26964
}

.examCourse .examCourseBox__module .img small span.label, .examCourse .sctPickupBox__module .img small span.label, .sctPickup .examCourseBox__module .img small span.label, .sctPickup .sctPickupBox__module .img small span.label, .module-mockexam .examCourseBox__module .img small span.label, .module-mockexam .sctPickupBox__module .img small span.label, .module-course .examCourseBox__module .img small span.label, .module-course .sctPickupBox__module .img small span.label, .module-pickup .examCourseBox__module .img small span.label, .module-pickup .sctPickupBox__module .img small span.label {
  position: absolute;
  top: 16px;
  left: 0;
  font-size: 10px;
  font-size: 0.625rem;
  line-height: 16px;
  line-height: 1rem;
  border-radius: 0 2px 2px 0;
  font-weight: normal
}

.examCourse .examCourseBox__module .img small span.link, .examCourse .sctPickupBox__module .img small span.link, .sctPickup .examCourseBox__module .img small span.link, .sctPickup .sctPickupBox__module .img small span.link, .module-mockexam .examCourseBox__module .img small span.link, .module-mockexam .sctPickupBox__module .img small span.link, .module-course .examCourseBox__module .img small span.link, .module-course .sctPickupBox__module .img small span.link, .module-pickup .examCourseBox__module .img small span.link, .module-pickup .sctPickupBox__module .img small span.link {
  float: right;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 24px;
  line-height: 1.5rem
}

.examCourse .examCourseBox__module p, .examCourse .sctPickupBox__module p, .sctPickup .examCourseBox__module p, .sctPickup .sctPickupBox__module p, .module-mockexam .examCourseBox__module p, .module-mockexam .sctPickupBox__module p, .module-course .examCourseBox__module p, .module-course .sctPickupBox__module p, .module-pickup .examCourseBox__module p, .module-pickup .sctPickupBox__module p {
  font-size: 12px;
  font-size: 0.75rem
}

@media (max-width: 767px) {
  .examCourse .h-quaternary, .sctPickup .h-quaternary, .module-mockexam .h-quaternary, .module-course .h-quaternary, .module-pickup .h-quaternary {
    margin-bottom: 0;
    border-bottom: 0
  }
}

@media (min-width: 768px) {
  .examCourse .examCourseBox__module, .examCourse .sctPickupBox__module, .sctPickup .examCourseBox__module, .sctPickup .sctPickupBox__module, .module-mockexam .examCourseBox__module, .module-mockexam .sctPickupBox__module, .module-course .examCourseBox__module, .module-course .sctPickupBox__module, .module-pickup .examCourseBox__module, .module-pickup .sctPickupBox__module {
    width: 48.3871%;
    clear: right;
    float: left;
    margin-left: 0;
    margin-right: 3.22581%;
    margin-bottom: 16px;
    margin-bottom: 1rem
  }
  .examCourse .examCourseBox__module:nth-child(even), .examCourse .sctPickupBox__module:nth-child(even), .sctPickup .examCourseBox__module:nth-child(even), .sctPickup .sctPickupBox__module:nth-child(even), .module-mockexam .examCourseBox__module:nth-child(even), .module-mockexam .sctPickupBox__module:nth-child(even), .module-course .examCourseBox__module:nth-child(even), .module-course .sctPickupBox__module:nth-child(even), .module-pickup .examCourseBox__module:nth-child(even), .module-pickup .sctPickupBox__module:nth-child(even) {
    margin-right: 0
  }
  .examCourse .examCourseBox__module h4+p, .examCourse .sctPickupBox__module h4+p, .sctPickup .examCourseBox__module h4+p, .sctPickup .sctPickupBox__module h4+p, .module-mockexam .examCourseBox__module h4+p, .module-mockexam .sctPickupBox__module h4+p, .module-course .examCourseBox__module h4+p, .module-course .sctPickupBox__module h4+p, .module-pickup .examCourseBox__module h4+p, .module-pickup .sctPickupBox__module h4+p {
    height: 5em
  }
}

@media (min-width: 1024px) {
  .examCourse .examCourse__sort .h-quaternary, .sctPickup .examCourse__sort .h-quaternary, .module-mockexam .examCourse__sort .h-quaternary, .module-course .examCourse__sort .h-quaternary, .module-pickup .examCourse__sort .h-quaternary {
    float: left;
    margin-bottom: 0;
    margin-bottom: 0
  }
  .examCourse .h-quaternary, .sctPickup .h-quaternary, .module-mockexam .h-quaternary, .module-course .h-quaternary, .module-pickup .h-quaternary {
    font-size: 13px;
    font-size: 0.8125rem
  }
  .examCourse .examCourseBox__module, .examCourse .sctPickupBox__module, .sctPickup .examCourseBox__module, .sctPickup .sctPickupBox__module, .module-mockexam .examCourseBox__module, .module-mockexam .sctPickupBox__module, .module-course .examCourseBox__module, .module-course .sctPickupBox__module, .module-pickup .examCourseBox__module, .module-pickup .sctPickupBox__module {
    width: 31.91489%;
    clear: right;
    float: left;
    margin-left: 0;
    margin-right: 2.12766%
  }
  .examCourse .examCourseBox__module:nth-child(even), .examCourse .sctPickupBox__module:nth-child(even), .sctPickup .examCourseBox__module:nth-child(even), .sctPickup .sctPickupBox__module:nth-child(even), .module-mockexam .examCourseBox__module:nth-child(even), .module-mockexam .sctPickupBox__module:nth-child(even), .module-course .examCourseBox__module:nth-child(even), .module-course .sctPickupBox__module:nth-child(even), .module-pickup .examCourseBox__module:nth-child(even), .module-pickup .sctPickupBox__module:nth-child(even) {
    margin-right: 16px
  }
  .examCourse .examCourseBox__module:nth-child(3n), .examCourse .sctPickupBox__module:nth-child(3n), .sctPickup .examCourseBox__module:nth-child(3n), .sctPickup .sctPickupBox__module:nth-child(3n), .module-mockexam .examCourseBox__module:nth-child(3n), .module-mockexam .sctPickupBox__module:nth-child(3n), .module-course .examCourseBox__module:nth-child(3n), .module-course .sctPickupBox__module:nth-child(3n), .module-pickup .examCourseBox__module:nth-child(3n), .module-pickup .sctPickupBox__module:nth-child(3n) {
    margin-right: 0
  }
}

.module-entrance ul {
  list-style: none;
  margin-bottom: 0;
  padding-left: 0
}

.module-entrance ul:before, .module-entrance ul:after {
  content: " ";
  display: table
}

.module-entrance ul:after {
  clear: both
}

.module-meeting ul {
  list-style: none;
  margin-bottom: 0;
  padding-left: 0
}

.module-meeting ul:before, .module-meeting ul:after {
  content: " ";
  display: table
}

.module-meeting ul:after {
  clear: both
}

.module-meeting li {
  margin-top: 2.63158%
}

.module-meeting li:nth-child(3n+1) {
  width: 31.57895%;
  float: left;
  margin-right: -100%;
  margin-left: 0%;
  clear: both
}

.module-meeting li:nth-child(3n+2) {
  width: 31.57895%;
  float: left;
  margin-right: -100%;
  margin-left: 34.21053%;
  clear: none
}

.module-meeting li:nth-child(3n+3) {
  width: 31.57895%;
  float: right;
  margin-left: 0;
  margin-right: 0;
  clear: none
}

.module-meeting li:nth-child(-n+3) {
  margin-top: 0
}

@media (min-width: 768px) {
  .module-meeting li {
    margin-top: 9px;
    margin-top: 0.5625rem
  }
  .module-meeting li:nth-child(3n+1) {
    width: 30.83333%;
    float: left;
    margin-right: -100%;
    margin-left: 0%;
    clear: both
  }
  .module-meeting li:nth-child(3n+2) {
    width: 30.83333%;
    float: left;
    margin-right: -100%;
    margin-left: 34.58333%;
    clear: none
  }
  .module-meeting li:nth-child(3n+3) {
    width: 30.83333%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none
  }
}

@media (min-width: 1024px) {
  .module-meeting li {
    margin-top: 16px;
    margin-top: 1rem
  }
  .module-meeting li:nth-child(3n+1) {
    width: 28.57143%;
    float: left;
    margin-right: -100%;
    margin-left: 0%;
    clear: both
  }
  .module-meeting li:nth-child(3n+2) {
    width: 28.57143%;
    float: left;
    margin-right: -100%;
    margin-left: 35.71429%;
    clear: none
  }
  .module-meeting li:nth-child(3n+3) {
    width: 28.57143%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none
  }
}

.module-contact ul {
  list-style: none;
  margin-bottom: 0;
  padding-left: 0
}

.module-contact ul:before, .module-contact ul:after {
  content: " ";
  display: table
}

.module-contact ul:after {
  clear: both
}

.module-contact .contact__request {
  width: 48.68421%;
  float: left;
  margin-right: -100%;
  margin-left: 0%;
  clear: none
}

.module-contact .contact__faq {
  width: 48.68421%;
  float: right;
  margin-left: 0;
  margin-right: 0;
  clear: none
}

@media (min-width: 768px) {
  .module-contact .contact__request {
    width: 48.33333%;
    float: left;
    margin-right: -100%;
    margin-left: 0%;
    clear: none
  }
  .module-contact .contact__faq {
    width: 48.33333%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
    padding-left: 1px
  }
}

@media (min-width: 1024px) {
  .module-contact .contact__request {
    width: 46.42857%;
    float: left;
    margin-right: -100%;
    margin-left: 0%;
    clear: none
  }
  .module-contact .contact__faq {
    width: 46.42857%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
    padding-left: 0
  }
}

.module-curriculum ul {
  list-style: none;
  margin-bottom: 0;
  padding-left: 0
}

.module-curriculum ul:before, .module-curriculum ul:after {
  content: " ";
  display: table
}

.module-curriculum ul:after {
  clear: both
}

.module-curriculum li {
  margin-top: 2.63158%
}

.module-curriculum li:nth-child(3n+1) {
  width: 31.57895%;
  float: left;
  margin-right: -100%;
  margin-left: 0%;
  clear: both
}

.module-curriculum li:nth-child(3n+2) {
  width: 31.57895%;
  float: left;
  margin-right: -100%;
  margin-left: 34.21053%;
  clear: none
}

.module-curriculum li:nth-child(3n+3) {
  width: 31.57895%;
  float: right;
  margin-left: 0;
  margin-right: 0;
  clear: none
}

.module-curriculum li:nth-child(-n+3) {
  margin-top: 0
}

@media (min-width: 768px) {
  .module-curriculum li {
    margin-top: 9px;
    margin-top: 0.5625rem
  }
  .module-curriculum li:nth-child(3n+1) {
    width: 30.83333%;
    float: left;
    margin-right: -100%;
    margin-left: 0%;
    clear: both
  }
  .module-curriculum li:nth-child(3n+2) {
    width: 30.83333%;
    float: left;
    margin-right: -100%;
    margin-left: 34.58333%;
    clear: none
  }
  .module-curriculum li:nth-child(3n+3) {
    width: 30.83333%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none
  }
}

@media (min-width: 1024px) {
  .module-curriculum li {
    margin-top: 16px;
    margin-top: 1rem
  }
  .module-curriculum li:nth-child(3n+1) {
    width: 28.57143%;
    float: left;
    margin-right: -100%;
    margin-left: 0%;
    clear: both
  }
  .module-curriculum li:nth-child(3n+2) {
    width: 28.57143%;
    float: left;
    margin-right: -100%;
    margin-left: 35.71429%;
    clear: none
  }
  .module-curriculum li:nth-child(3n+3) {
    width: 28.57143%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none
  }
}

.module-corporate ul {
  list-style: none;
  margin-bottom: 0;
  padding-left: 0;
  margin-bottom: 32px;
  margin-bottom: 2rem
}

.module-corporate ul:before, .module-corporate ul:after {
  content: " ";
  display: table
}

.module-corporate ul:after {
  clear: both
}

.module-corporate .btn-external+.btn-external {
  margin-top: 2.63158%
}

@media (min-width: 768px) {
  .module-corporate ul {
    margin-bottom: 24px;
    margin-bottom: 1.5rem
  }
  .module-corporate .btn-external+.btn-external {
    margin-top: 9px;
    margin-top: 0.5625rem
  }
}

@media (min-width: 1024px) {
  .module-corporate .btn-external+.btn-external {
    margin-top: 16px;
    margin-top: 1rem
  }
}

.module-news {
  background: white
}

.module-news dl {
  font-size: 12px;
  font-size: 0.75rem
}

.module-news dl dt {
  font-family: "Montserrat", "lucida grande", "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin-bottom: 4px;
  margin-bottom: 0.25rem;
  line-height: 19px;
  line-height: 1.2rem;
  font-weight: 400;
  padding-top: 12px;
  padding-top: 0.75rem;
  border-top: 1px solid #f7f9fc
}

.module-news dl dt i {
  color: #f26964
}

.module-news dl dt time {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 19px;
  line-height: 1.2rem
}

.module-news dl dt+dd {
  margin-bottom: 16px;
  margin-bottom: 1rem
}

.module-news dl dd {
  clear: both
}

.module-news dl dd h4 {
  margin-top: 0;
  margin-bottom: 8px;
  margin-bottom: 0.5rem;
  font-size: 16px;
  font-size: 1rem;
  line-height: 22px;
  line-height: 1.4rem;
  font-weight: bold
}

.module-news dl dd h4 small {
  display: block;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 22px;
  line-height: 1.4rem;
  font-weight: normal
}

.module-news dl dd p {
  margin-bottom: 0
}

@media (min-width: 768px) {
  .module-news dl dd h4 {
    font-size: 14px;
    font-size: 0.875rem
  }
  .module-news dl dd h4 small {
    font-size: 12px;
    font-size: 0.75rem
  }
}

@media (min-width: 1024px) {
  .module-news dl dt time {
    font-size: 12px;
    font-size: 0.75rem
  }
  .module-news dl dd h4 {
    margin-bottom: 4px;
    margin-bottom: 0.25rem;
    line-height: 19px;
    line-height: 1.2rem
  }
  .module-news dl dd h4 small {
    line-height: 19px;
    line-height: 1.2rem
  }
}

.module-famous {
  background: white
}

.module-famous dl {
  font-size: 12px;
  font-size: 0.75rem
}

.module-famous dl dt {
  font-family: "Montserrat", "lucida grande", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  margin-bottom: 4px;
  margin-bottom: 0.25rem;
  line-height: 19px;
  line-height: 1.2rem;
  padding-top: 12px;
  padding-top: 0.75rem;
  border-top: 1px solid #f7f9fc
}

.module-famous dl dt i {
  color: #f26964
}

.module-famous dl dt time {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 19px;
  line-height: 1.2rem
}

.module-famous dl dt+dd {
  margin-bottom: 16px;
  margin-bottom: 1rem
}

.module-famous dl dd {
  clear: both
}

.module-famous dl dd h4 {
  margin-top: 0;
  margin-bottom: 8px;
  margin-bottom: 0.5rem;
  font-size: 16px;
  font-size: 1rem;
  line-height: 22px;
  line-height: 1.4rem;
  font-weight: bold
}

.module-famous dl dd h4 small {
  display: block;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 22px;
  line-height: 1.4rem;
  font-weight: normal
}

.module-famous dl dd p {
  margin-bottom: 0
}

@media (min-width: 768px) {
  .module-famous dl dd h4 {
    font-size: 14px;
    font-size: 0.875rem
  }
  .module-famous dl dd h4 small {
    font-size: 12px;
    font-size: 0.75rem
  }
}

@media (min-width: 1024px) {
  .module-famous dl dt time {
    font-size: 12px;
    font-size: 0.75rem
  }
  .module-famous dl dd h4 {
    margin-bottom: 4px;
    margin-bottom: 0.25rem;
    line-height: 19px;
    line-height: 1.2rem
  }
  .module-famous dl dd h4 small {
    line-height: 19px;
    line-height: 1.2rem
  }
}

.module-pr {
  background: white
}

.module-pr dl {
  font-size: 12px;
  font-size: 0.75rem
}

.module-pr dl dt {
  font-family: "Montserrat", "lucida grande", "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin-bottom: 4px;
  margin-bottom: 0.25rem;
  line-height: 19px;
  line-height: 1.2rem;
  font-weight: 400;
  padding-top: 12px;
  padding-top: 0.75rem;
  border-top: 1px solid #f7f9fc
}

.module-pr dl dt i {
  color: #f26964
}

.module-pr dl dt time {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 19px;
  line-height: 1.2rem
}

.module-pr dl dt+dd {
  margin-bottom: 16px;
  margin-bottom: 1rem
}

.module-pr dl dd {
  clear: both
}

.module-pr dl dd h4 {
  margin-top: 0;
  margin-bottom: 8px;
  margin-bottom: 0.5rem;
  font-size: 16px;
  font-size: 1rem;
  line-height: 22px;
  line-height: 1.4rem;
  font-weight: bold
}

.module-pr dl dd h4 small {
  display: block;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 22px;
  line-height: 1.4rem;
  font-weight: normal
}

.module-pr dl dd p {
  margin-bottom: 0
}

@media (min-width: 768px) {
  .module-pr dl dd h4 {
    font-size: 14px;
    font-size: 0.875rem
  }
  .module-pr dl dd h4 small {
    font-size: 12px;
    font-size: 0.75rem
  }
}

@media (min-width: 1024px) {
  .module-pr dl dt time {
    font-size: 12px;
    font-size: 0.75rem
  }
  .module-pr dl dd h4 {
    margin-bottom: 4px;
    margin-bottom: 0.25rem;
    line-height: 19px;
    line-height: 1.2rem
  }
  .module-pr dl dd h4 small {
    line-height: 19px;
    line-height: 1.2rem
  }
}


/*! /corporate/message */

.corporate_message_index .pic--president {
  width: 75%;
  margin-bottom: 1em;
  margin-left: auto;
  margin-right: auto
}

@media (min-width: 768px) {
  .corporate_message_index .pic--president {
    float: left;
    width: 47.58065%;
    margin-right: 26px
  }
}

@media (min-width: 1024px) {
  .corporate_message_index .pic--president {
    width: 47.87234%;
    margin-bottom: 14px
  }
}

.corporate_message_index .sign--message {
  text-align: right;
  color: #2e3b4e
}

.corporate_message_index .sign--message:before, .corporate_message_index .sign--message:after {
  content: " ";
  display: table
}

.corporate_message_index .sign--message:after {
  clear: both
}

.corporate_message_index .sign--message .sapix-red {
  color: #db181e
}

.corporate_message_index .sign--message .sapix-primary {
  color: #1253a4
}

.corporate_message_index .sign--message dt {
  font-size: 12px;
  font-size: 0.75rem;
  font-family: "Montserrat", sans-serif;
  font-weight: normal
}

.corporate_message_index .sign--message dt em {
  font-style: normal
}

.corporate_message_index .sign--message dd {
  font-size: 24px;
  font-size: 1.5rem
}


/*! /corporate/outline */

.corporate_outline_index .table tbody th {
  padding-left: 0;
  color: #2e3b4e
}

.corporate_outline_index .table .dl-horizontal {
  margin-bottom: 0.5em
}

.corporate_outline_index .table .dl-horizontal:last-child {
  margin-bottom: 0
}

.corporate_outline_index .table .dl-horizontal dd {
  font-size: 14px;
  font-size: 0.875rem
}

.corporate_outline_index .table .list-dot {
  margin-bottom: 0
}

@media (min-width: 1024px) {
  .corporate_outline_index .president .dl-horizontal dt {
    width: 120px
  }
  .corporate_outline_index .president .dl-horizontal dd {
    margin-left: 140px
  }
  .corporate_outline_index .division .dl-horizontal dt {
    width: 208px
  }
  .corporate_outline_index .division .dl-horizontal dd {
    margin-left: 228px
  }
}

.corporate_business_index .business__wrap {
  border-bottom: 1px solid #dbe5f1
}


/*! /corporate/law */

.sapix_index .section-first, .sapix_index .section-second, .sapix_index .section-third, .sapix_index .section-fourth, .sapix_index .section-fifth, .sapix_index .section-sixth, .sapix_index .section-seventh, .sapix_index .section-eighth, .sapix_index .section-ninth {
  margin-bottom: 16px;
  margin-bottom: 1rem
}

@media (min-width: 768px) {
  .sapix_index .section-first, .sapix_index .section-second, .sapix_index .section-third, .sapix_index .section-fourth, .sapix_index .section-fifth, .sapix_index .section-sixth, .sapix_index .section-seventh, .sapix_index .section-eighth, .sapix_index .section-ninth {
    padding: 16px;
    padding: 1rem;
    border: 4px solid #1253a4
  }
  .sapix_index .section-first p, .sapix_index .section-second p, .sapix_index .section-third p, .sapix_index .section-fourth p, .sapix_index .section-fifth p, .sapix_index .section-sixth p, .sapix_index .section-seventh p, .sapix_index .section-eighth p, .sapix_index .section-ninth p {
    line-height: 24px;
    line-height: 1.5rem
  }
  .sapix_index .section-first ul, .sapix_index .section-second ul, .sapix_index .section-third ul, .sapix_index .section-fourth ul, .sapix_index .section-fifth ul, .sapix_index .section-sixth ul, .sapix_index .section-seventh ul, .sapix_index .section-eighth ul, .sapix_index .section-ninth ul {
    margin-bottom: 0
  }
  .sapix_index .section-first ul a, .sapix_index .section-second ul a, .sapix_index .section-third ul a, .sapix_index .section-fourth ul a, .sapix_index .section-fifth ul a, .sapix_index .section-sixth ul a, .sapix_index .section-seventh ul a, .sapix_index .section-eighth ul a, .sapix_index .section-ninth ul a {
    padding-left: 24px;
    padding-left: 1.5rem;
    padding-right: 24px;
    padding-right: 1.5rem;
    font-size: 12px;
    font-size: 0.75rem
  }
  .sapix_index .section-first section, .sapix_index .section-second section, .sapix_index .section-third section, .sapix_index .section-fourth section, .sapix_index .section-fifth section, .sapix_index .section-sixth section, .sapix_index .section-seventh section, .sapix_index .section-eighth section, .sapix_index .section-ninth section {
    margin-bottom: 0;
    cursor: pointer
  }
  .sapix_index .section-first .h-secondary, .sapix_index .section-second .h-secondary, .sapix_index .section-third .h-secondary, .sapix_index .section-fourth .h-secondary, .sapix_index .section-fifth .h-secondary, .sapix_index .section-sixth .h-secondary, .sapix_index .section-seventh .h-secondary, .sapix_index .section-eighth .h-secondary, .sapix_index .section-ninth .h-secondary {
    margin-bottom: 16px;
    margin-bottom: 1rem;
    border-top: 0
  }
}

@media (min-width: 1024px) {
  .sapix_index .section-first {
    width: 31.91489%;
    float: left;
    margin-right: -100%;
    margin-left: 0%;
    clear: none
  }
}

@media (min-width: 1024px) {
  .sapix_index .section-second {
    width: 31.91489%;
    float: left;
    margin-right: -100%;
    margin-left: 34.04255%;
    clear: none
  }
}

@media (min-width: 1024px) {
  .sapix_index .section-third {
    width: 31.91489%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none
  }
}

@media (min-width: 1024px) {
  .sapix_index .section-fourth {
    width: 31.91489%;
    float: left;
    margin-right: -100%;
    margin-left: 0%;
    clear: both
  }
}

@media (min-width: 1024px) {
  .sapix_index .section-fifth {
    width: 31.91489%;
    float: left;
    margin-right: -100%;
    margin-left: 34.04255%;
    clear: none
  }
}

@media (min-width: 1024px) {
  .sapix_index .section-sixth {
    width: 31.91489%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none
  }
}

@media (min-width: 1024px) {
  .sapix_index .section-seventh {
    width: 31.91489%;
    float: left;
    margin-right: -100%;
    margin-left: 0%;
    clear: both
  }
}

@media (min-width: 1024px) {
  .sapix_index .section-eighth {
    width: 31.91489%;
    float: left;
    margin-right: -100%;
    margin-left: 34.04255%;
    clear: none
  }
}

@media (min-width: 1024px) {
  .sapix_index .section-ninth {
    width: 31.91489%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none
  }
}


/*! /sapix/message */

.sapix_message .pic--president {
  width: 75%;
  margin-bottom: 1em;
  margin-left: auto;
  margin-right: auto
}

@media (min-width: 768px) {
  .sapix_message .pic--president {
    float: left;
    width: 47.58065%;
    margin-right: 26px
  }
}

@media (min-width: 1024px) {
  .sapix_message .pic--president {
    width: 47.87234%;
    margin-bottom: 14px
  }
}

.sapix_message .sign--message {
  text-align: right;
  color: #2e3b4e
}

.sapix_message .sign--message:before, .sapix_message .sign--message:after {
  content: " ";
  display: table
}

.sapix_message .sign--message:after {
  clear: both
}

.sapix_message .sign--message .sapix-red {
  color: #db181e
}

.sapix_message .sign--message .sapix-primary {
  color: #1253a4
}

.sapix_message .sign--message dt {
  font-size: 12px;
  font-size: 0.75rem;
  font-family: "Montserrat", sans-serif;
  font-weight: normal
}

.sapix_message .sign--message dt em {
  font-style: normal
}

.sapix_message .sign--message dd {
  font-size: 24px;
  font-size: 1.5rem
}


/*! /sapix/philosophy */

.sapix_philosophy .spxrow .spxgrid-sapix {
  margin-top: 0
}

.sapix_philosophy .spxrow .spxgrid-sapix-txt {
  margin-top: 2.63158%
}

@media (min-width: 768px) {
  .sapix_philosophy .spxrow p {
    margin-bottom: 0.5em
  }
  .sapix_philosophy .spxrow .spxgrid-sapix {
    text-align: center;
    margin-top: 0;
    width: 22.58065%;
    float: left;
    margin-right: -100%;
    margin-left: 0%;
    clear: none
  }
  .sapix_philosophy .spxrow .spxgrid-sapix-txt {
    margin-top: 0;
    width: 74.19355%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none
  }
}

@media (min-width: 1024px) {
  .sapix_philosophy .spxrow .spxgrid-sapix {
    width: 14.89362%;
    float: left;
    margin-right: -100%;
    margin-left: 0%;
    clear: none
  }
  .sapix_philosophy .spxrow .spxgrid-sapix-txt {
    width: 82.97872%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none
  }
}

.sapix_curriculum_index .h-secondary {
  margin-bottom: 16px;
  margin-bottom: 1rem
}

.sapix_curriculum_index .dl-tag {
  margin-bottom: 16px;
  margin-bottom: 1rem
}

.sapix_curriculum .alert .dl-tag {
  margin-bottom: 0
}

.sapix_curriculum .nav-tabs>li.subject__kantou.active>a {
  background-color: #1253a4
}

.sapix_curriculum .nav-tabs>li.subject__kansai.active>a {
  background-color: #f68847
}

.sapix_curriculum .curriculum-flow {
  margin-bottom: 16px;
  margin-bottom: 1rem
}