@charset "UTF-8";
@import url("../fonts/Kameron.css");
@import url("../fonts/Encode+Sans.css");
html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

body {
  margin: 0;
}

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

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

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

[hidden],
template {
  display: none;
}

a {
  background-color: transparent;
}

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

b,
strong {
  font-weight: 700;
}

dfn {
  font-style: italic;
}

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

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

small {
  font-size: 80%;
}

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

sup {
  top: -.5em;
}

sub {
  bottom: -.25em;
}

img {
  border: 0;
}

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

figure {
  margin: 1em 40px;
}

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

pre {
  overflow: auto;
}

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

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

button {
  overflow: visible;
}

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;
}

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

input {
  line-height: normal;
}

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

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

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

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

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

legend {
  padding: 0;
  border: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: 700;
}

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

td,
th {
  padding: 0;
}

@media print {
  *,
  :after,
  :before {
    color: #000 !important;
    text-shadow: none !important;
    background: 0 0 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  blockquote,
  pre {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  img,
  tr {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  h2,
  h3,
  p {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  select {
    background: #fff !important;
  }
  .navbar {
    display: none;
  }
  .btn > .caret,
  .dropup > .btn > .caret {
    border-top-color: #000 !important;
  }
  .label {
    border: 1px solid #000;
  }
  .table {
    border-collapse: collapse !important;
  }
  .table td,
  .table th {
    background-color: #fff !important;
  }
  .table-bordered td,
  .table-bordered th {
    border: 1px solid #ddd !important;
  }
}

@font-face {
  font-family: 'Glyphicons Halflings';
  src: url(../fonts/glyphicons-halflings-regular.eot);
  src: url(../fonts/glyphicons-halflings-regular.eot?#iefix) format("embedded-opentype"), url(../fonts/glyphicons-halflings-regular.woff2) format("woff2"), url(../fonts/glyphicons-halflings-regular.woff) format("woff"), url(../fonts/glyphicons-halflings-regular.ttf) format("truetype"), url(../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format("svg");
}

.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.glyphicon-asterisk:before {
  content: "\2a";
}

.glyphicon-plus:before {
  content: "\2b";
}

.glyphicon-eur:before,
.glyphicon-euro:before {
  content: "\20ac";
}

.glyphicon-minus:before {
  content: "\2212";
}

.glyphicon-cloud:before {
  content: "\2601";
}

.glyphicon-envelope:before {
  content: "\2709";
}

.glyphicon-pencil:before {
  content: "\270f";
}

.glyphicon-glass:before {
  content: "\e001";
}

.glyphicon-music:before {
  content: "\e002";
}

.glyphicon-search:before {
  content: "\e003";
}

.glyphicon-heart:before {
  content: "\e005";
}

.glyphicon-star:before {
  content: "\e006";
}

.glyphicon-star-empty:before {
  content: "\e007";
}

.glyphicon-user:before {
  content: "\e008";
}

.glyphicon-film:before {
  content: "\e009";
}

.glyphicon-th-large:before {
  content: "\e010";
}

.glyphicon-th:before {
  content: "\e011";
}

.glyphicon-th-list:before {
  content: "\e012";
}

.glyphicon-ok:before {
  content: "\e013";
}

.glyphicon-remove:before {
  content: "\e014";
}

.glyphicon-zoom-in:before {
  content: "\e015";
}

.glyphicon-zoom-out:before {
  content: "\e016";
}

.glyphicon-off:before {
  content: "\e017";
}

.glyphicon-signal:before {
  content: "\e018";
}

.glyphicon-cog:before {
  content: "\e019";
}

.glyphicon-trash:before {
  content: "\e020";
}

.glyphicon-home:before {
  content: "\e021";
}

.glyphicon-file:before {
  content: "\e022";
}

.glyphicon-time:before {
  content: "\e023";
}

.glyphicon-road:before {
  content: "\e024";
}

.glyphicon-download-alt:before {
  content: "\e025";
}

.glyphicon-download:before {
  content: "\e026";
}

.glyphicon-upload:before {
  content: "\e027";
}

.glyphicon-inbox:before {
  content: "\e028";
}

.glyphicon-play-circle:before {
  content: "\e029";
}

.glyphicon-repeat:before {
  content: "\e030";
}

.glyphicon-refresh:before {
  content: "\e031";
}

.glyphicon-list-alt:before {
  content: "\e032";
}

.glyphicon-lock:before {
  content: "\e033";
}

.glyphicon-flag:before {
  content: "\e034";
}

.glyphicon-headphones:before {
  content: "\e035";
}

.glyphicon-volume-off:before {
  content: "\e036";
}

.glyphicon-volume-down:before {
  content: "\e037";
}

.glyphicon-volume-up:before {
  content: "\e038";
}

.glyphicon-qrcode:before {
  content: "\e039";
}

.glyphicon-barcode:before {
  content: "\e040";
}

.glyphicon-tag:before {
  content: "\e041";
}

.glyphicon-tags:before {
  content: "\e042";
}

.glyphicon-book:before {
  content: "\e043";
}

.glyphicon-bookmark:before {
  content: "\e044";
}

.glyphicon-print:before {
  content: "\e045";
}

.glyphicon-camera:before {
  content: "\e046";
}

.glyphicon-font:before {
  content: "\e047";
}

.glyphicon-bold:before {
  content: "\e048";
}

.glyphicon-italic:before {
  content: "\e049";
}

.glyphicon-text-height:before {
  content: "\e050";
}

.glyphicon-text-width:before {
  content: "\e051";
}

.glyphicon-align-left:before {
  content: "\e052";
}

.glyphicon-align-center:before {
  content: "\e053";
}

.glyphicon-align-right:before {
  content: "\e054";
}

.glyphicon-align-justify:before {
  content: "\e055";
}

.glyphicon-list:before {
  content: "\e056";
}

.glyphicon-indent-left:before {
  content: "\e057";
}

.glyphicon-indent-right:before {
  content: "\e058";
}

.glyphicon-facetime-video:before {
  content: "\e059";
}

.glyphicon-picture:before {
  content: "\e060";
}

.glyphicon-map-marker:before {
  content: "\e062";
}

.glyphicon-adjust:before {
  content: "\e063";
}

.glyphicon-tint:before {
  content: "\e064";
}

.glyphicon-edit:before {
  content: "\e065";
}

.glyphicon-share:before {
  content: "\e066";
}

.glyphicon-check:before {
  content: "\e067";
}

.glyphicon-move:before {
  content: "\e068";
}

.glyphicon-step-backward:before {
  content: "\e069";
}

.glyphicon-fast-backward:before {
  content: "\e070";
}

.glyphicon-backward:before {
  content: "\e071";
}

.glyphicon-play:before {
  content: "\e072";
}

.glyphicon-pause:before {
  content: "\e073";
}

.glyphicon-stop:before {
  content: "\e074";
}

.glyphicon-forward:before {
  content: "\e075";
}

.glyphicon-fast-forward:before {
  content: "\e076";
}

.glyphicon-step-forward:before {
  content: "\e077";
}

.glyphicon-eject:before {
  content: "\e078";
}

.glyphicon-chevron-left:before {
  content: "\e079";
}

.glyphicon-chevron-right:before {
  content: "\e080";
}

.glyphicon-plus-sign:before {
  content: "\e081";
}

.glyphicon-minus-sign:before {
  content: "\e082";
}

.glyphicon-remove-sign:before {
  content: "\e083";
}

.glyphicon-ok-sign:before {
  content: "\e084";
}

.glyphicon-question-sign:before {
  content: "\e085";
}

.glyphicon-info-sign:before {
  content: "\e086";
}

.glyphicon-screenshot:before {
  content: "\e087";
}

.glyphicon-remove-circle:before {
  content: "\e088";
}

.glyphicon-ok-circle:before {
  content: "\e089";
}

.glyphicon-ban-circle:before {
  content: "\e090";
}

.glyphicon-arrow-left:before {
  content: "\e091";
}

.glyphicon-arrow-right:before {
  content: "\e092";
}

.glyphicon-arrow-up:before {
  content: "\e093";
}

.glyphicon-arrow-down:before {
  content: "\e094";
}

.glyphicon-share-alt:before {
  content: "\e095";
}

.glyphicon-resize-full:before {
  content: "\e096";
}

.glyphicon-resize-small:before {
  content: "\e097";
}

.glyphicon-exclamation-sign:before {
  content: "\e101";
}

.glyphicon-gift:before {
  content: "\e102";
}

.glyphicon-leaf:before {
  content: "\e103";
}

.glyphicon-fire:before {
  content: "\e104";
}

.glyphicon-eye-open:before {
  content: "\e105";
}

.glyphicon-eye-close:before {
  content: "\e106";
}

.glyphicon-warning-sign:before {
  content: "\e107";
}

.glyphicon-plane:before {
  content: "\e108";
}

.glyphicon-calendar:before {
  content: "\e109";
}

.glyphicon-random:before {
  content: "\e110";
}

.glyphicon-comment:before {
  content: "\e111";
}

.glyphicon-magnet:before {
  content: "\e112";
}

.glyphicon-chevron-up:before {
  content: "\e113";
}

.glyphicon-chevron-down:before {
  content: "\e114";
}

.glyphicon-retweet:before {
  content: "\e115";
}

.glyphicon-shopping-cart:before {
  content: "\e116";
}

.glyphicon-folder-close:before {
  content: "\e117";
}

.glyphicon-folder-open:before {
  content: "\e118";
}

.glyphicon-resize-vertical:before {
  content: "\e119";
}

.glyphicon-resize-horizontal:before {
  content: "\e120";
}

.glyphicon-hdd:before {
  content: "\e121";
}

.glyphicon-bullhorn:before {
  content: "\e122";
}

.glyphicon-bell:before {
  content: "\e123";
}

.glyphicon-certificate:before {
  content: "\e124";
}

.glyphicon-thumbs-up:before {
  content: "\e125";
}

.glyphicon-thumbs-down:before {
  content: "\e126";
}

.glyphicon-hand-right:before {
  content: "\e127";
}

.glyphicon-hand-left:before {
  content: "\e128";
}

.glyphicon-hand-up:before {
  content: "\e129";
}

.glyphicon-hand-down:before {
  content: "\e130";
}

.glyphicon-circle-arrow-right:before {
  content: "\e131";
}

.glyphicon-circle-arrow-left:before {
  content: "\e132";
}

.glyphicon-circle-arrow-up:before {
  content: "\e133";
}

.glyphicon-circle-arrow-down:before {
  content: "\e134";
}

.glyphicon-globe:before {
  content: "\e135";
}

.glyphicon-wrench:before {
  content: "\e136";
}

.glyphicon-tasks:before {
  content: "\e137";
}

.glyphicon-filter:before {
  content: "\e138";
}

.glyphicon-briefcase:before {
  content: "\e139";
}

.glyphicon-fullscreen:before {
  content: "\e140";
}

.glyphicon-dashboard:before {
  content: "\e141";
}

.glyphicon-paperclip:before {
  content: "\e142";
}

.glyphicon-heart-empty:before {
  content: "\e143";
}

.glyphicon-link:before {
  content: "\e144";
}

.glyphicon-phone:before {
  content: "\e145";
}

.glyphicon-pushpin:before {
  content: "\e146";
}

.glyphicon-usd:before {
  content: "\e148";
}

.glyphicon-gbp:before {
  content: "\e149";
}

.glyphicon-sort:before {
  content: "\e150";
}

.glyphicon-sort-by-alphabet:before {
  content: "\e151";
}

.glyphicon-sort-by-alphabet-alt:before {
  content: "\e152";
}

.glyphicon-sort-by-order:before {
  content: "\e153";
}

.glyphicon-sort-by-order-alt:before {
  content: "\e154";
}

.glyphicon-sort-by-attributes:before {
  content: "\e155";
}

.glyphicon-sort-by-attributes-alt:before {
  content: "\e156";
}

.glyphicon-unchecked:before {
  content: "\e157";
}

.glyphicon-expand:before {
  content: "\e158";
}

.glyphicon-collapse-down:before {
  content: "\e159";
}

.glyphicon-collapse-up:before {
  content: "\e160";
}

.glyphicon-log-in:before {
  content: "\e161";
}

.glyphicon-flash:before {
  content: "\e162";
}

.glyphicon-log-out:before {
  content: "\e163";
}

.glyphicon-new-window:before {
  content: "\e164";
}

.glyphicon-record:before {
  content: "\e165";
}

.glyphicon-save:before {
  content: "\e166";
}

.glyphicon-open:before {
  content: "\e167";
}

.glyphicon-saved:before {
  content: "\e168";
}

.glyphicon-import:before {
  content: "\e169";
}

.glyphicon-export:before {
  content: "\e170";
}

.glyphicon-send:before {
  content: "\e171";
}

.glyphicon-floppy-disk:before {
  content: "\e172";
}

.glyphicon-floppy-saved:before {
  content: "\e173";
}

.glyphicon-floppy-remove:before {
  content: "\e174";
}

.glyphicon-floppy-save:before {
  content: "\e175";
}

.glyphicon-floppy-open:before {
  content: "\e176";
}

.glyphicon-credit-card:before {
  content: "\e177";
}

.glyphicon-transfer:before {
  content: "\e178";
}

.glyphicon-cutlery:before {
  content: "\e179";
}

.glyphicon-header:before {
  content: "\e180";
}

.glyphicon-compressed:before {
  content: "\e181";
}

.glyphicon-earphone:before {
  content: "\e182";
}

.glyphicon-phone-alt:before {
  content: "\e183";
}

.glyphicon-tower:before {
  content: "\e184";
}

.glyphicon-stats:before {
  content: "\e185";
}

.glyphicon-sd-video:before {
  content: "\e186";
}

.glyphicon-hd-video:before {
  content: "\e187";
}

.glyphicon-subtitles:before {
  content: "\e188";
}

.glyphicon-sound-stereo:before {
  content: "\e189";
}

.glyphicon-sound-dolby:before {
  content: "\e190";
}

.glyphicon-sound-5-1:before {
  content: "\e191";
}

.glyphicon-sound-6-1:before {
  content: "\e192";
}

.glyphicon-sound-7-1:before {
  content: "\e193";
}

.glyphicon-copyright-mark:before {
  content: "\e194";
}

.glyphicon-registration-mark:before {
  content: "\e195";
}

.glyphicon-cloud-download:before {
  content: "\e197";
}

.glyphicon-cloud-upload:before {
  content: "\e198";
}

.glyphicon-tree-conifer:before {
  content: "\e199";
}

.glyphicon-tree-deciduous:before {
  content: "\e200";
}

.glyphicon-cd:before {
  content: "\e201";
}

.glyphicon-save-file:before {
  content: "\e202";
}

.glyphicon-open-file:before {
  content: "\e203";
}

.glyphicon-level-up:before {
  content: "\e204";
}

.glyphicon-copy:before {
  content: "\e205";
}

.glyphicon-paste:before {
  content: "\e206";
}

.glyphicon-alert:before {
  content: "\e209";
}

.glyphicon-equalizer:before {
  content: "\e210";
}

.glyphicon-king:before {
  content: "\e211";
}

.glyphicon-queen:before {
  content: "\e212";
}

.glyphicon-pawn:before {
  content: "\e213";
}

.glyphicon-bishop:before {
  content: "\e214";
}

.glyphicon-knight:before {
  content: "\e215";
}

.glyphicon-baby-formula:before {
  content: "\e216";
}

.glyphicon-tent:before {
  content: "\26fa";
}

.glyphicon-blackboard:before {
  content: "\e218";
}

.glyphicon-bed:before {
  content: "\e219";
}

.glyphicon-apple:before {
  content: "\f8ff";
}

.glyphicon-erase:before {
  content: "\e221";
}

.glyphicon-hourglass:before {
  content: "\231b";
}

.glyphicon-lamp:before {
  content: "\e223";
}

.glyphicon-duplicate:before {
  content: "\e224";
}

.glyphicon-piggy-bank:before {
  content: "\e225";
}

.glyphicon-scissors:before {
  content: "\e226";
}

.glyphicon-bitcoin:before {
  content: "\e227";
}

.glyphicon-btc:before {
  content: "\e227";
}

.glyphicon-xbt:before {
  content: "\e227";
}

.glyphicon-yen:before {
  content: "\00a5";
}

.glyphicon-jpy:before {
  content: "\00a5";
}

.glyphicon-ruble:before {
  content: "\20bd";
}

.glyphicon-rub:before {
  content: "\20bd";
}

.glyphicon-scale:before {
  content: "\e230";
}

.glyphicon-ice-lolly:before {
  content: "\e231";
}

.glyphicon-ice-lolly-tasted:before {
  content: "\e232";
}

.glyphicon-education:before {
  content: "\e233";
}

.glyphicon-option-horizontal:before {
  content: "\e234";
}

.glyphicon-option-vertical:before {
  content: "\e235";
}

.glyphicon-menu-hamburger:before {
  content: "\e236";
}

.glyphicon-modal-window:before {
  content: "\e237";
}

.glyphicon-oil:before {
  content: "\e238";
}

.glyphicon-grain:before {
  content: "\e239";
}

.glyphicon-sunglasses:before {
  content: "\e240";
}

.glyphicon-text-size:before {
  content: "\e241";
}

.glyphicon-text-color:before {
  content: "\e242";
}

.glyphicon-text-background:before {
  content: "\e243";
}

.glyphicon-object-align-top:before {
  content: "\e244";
}

.glyphicon-object-align-bottom:before {
  content: "\e245";
}

.glyphicon-object-align-horizontal:before {
  content: "\e246";
}

.glyphicon-object-align-left:before {
  content: "\e247";
}

.glyphicon-object-align-vertical:before {
  content: "\e248";
}

.glyphicon-object-align-right:before {
  content: "\e249";
}

.glyphicon-triangle-right:before {
  content: "\e250";
}

.glyphicon-triangle-left:before {
  content: "\e251";
}

.glyphicon-triangle-bottom:before {
  content: "\e252";
}

.glyphicon-triangle-top:before {
  content: "\e253";
}

.glyphicon-console:before {
  content: "\e254";
}

.glyphicon-superscript:before {
  content: "\e255";
}

.glyphicon-subscript:before {
  content: "\e256";
}

.glyphicon-menu-left:before {
  content: "\e257";
}

.glyphicon-menu-right:before {
  content: "\e258";
}

.glyphicon-menu-down:before {
  content: "\e259";
}

.glyphicon-menu-up:before {
  content: "\e260";
}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

:after,
:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  font-size: 10px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.42857143;
  color: #333;
  background-color: #fff;
}

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

a {
  text-decoration: none;
}

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

figure {
  margin: 0;
}

img {
  vertical-align: middle;
}

.carousel-inner > .item > a > img,
.carousel-inner > .item > img,
.img-responsive,
.thumbnail a > img,
.thumbnail > img {
  display: block;
  max-width: 100%;
  height: auto;
}

.img-rounded {
  border-radius: 6px;
}

.img-thumbnail {
  display: inline-block;
  max-width: 100%;
  height: auto;
  padding: 4px;
  line-height: 1.42857143;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.img-circle {
  border-radius: 50%;
}

hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eee;
}

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

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

[role=button] {
  cursor: pointer;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: inherit;
  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: 400;
  line-height: 1;
  color: #777;
}

.h1,
.h2,
.h3,
h1,
h2,
h3 {
  margin-top: 20px;
  margin-bottom: 10px;
}

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

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

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

.h1,
h1 {
  font-size: 36px;
}

.h2,
h2 {
  font-size: 30px;
}

.h3,
h3 {
  font-size: 24px;
}

.h4,
h4 {
  font-size: 18px;
}

.h5,
h5 {
  font-size: 14px;
}

.h6,
h6 {
  font-size: 12px;
}

p {
  margin: 0 0 10px;
}

.lead {
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4;
}

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

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

.mark,
mark {
  padding: .2em;
  background-color: #fcf8e3;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.text-center {
  text-align: center;
}

.text-justify {
  text-align: justify;
}

.text-nowrap {
  white-space: nowrap;
}

.text-lowercase {
  text-transform: lowercase;
}

.text-uppercase {
  text-transform: uppercase;
}

.text-capitalize {
  text-transform: capitalize;
}

.text-muted {
  color: #777;
}

.text-primary {
  color: #337ab7;
}

a.text-primary:hover {
  color: #286090;
}

.text-success {
  color: #3c763d;
}

a.text-success:hover {
  color: #2b542c;
}

.text-info {
  color: #31708f;
}

a.text-info:hover {
  color: #245269;
}

.text-warning {
  color: #8a6d3b;
}

a.text-warning:hover {
  color: #66512c;
}

.text-danger {
  color: #a94442;
}

a.text-danger:hover {
  color: #843534;
}

.bg-primary {
  color: #fff;
  background-color: #337ab7;
}

a.bg-primary:hover {
  background-color: #286090;
}

.bg-success {
  background-color: #dff0d8;
}

a.bg-success:hover {
  background-color: #c1e2b3;
}

.bg-info {
  background-color: #d9edf7;
}

a.bg-info:hover {
  background-color: #afd9ee;
}

.bg-warning {
  background-color: #fcf8e3;
}

a.bg-warning:hover {
  background-color: #f7ecb5;
}

.bg-danger {
  background-color: #f2dede;
}

a.bg-danger:hover {
  background-color: #e4b9b9;
}

.page-header {
  padding-bottom: 9px;
  margin: 40px 0 20px;
  border-bottom: 1px solid #eee;
}

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

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

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

.list-inline {
  padding-left: 0;
  margin-left: -5px;
  list-style: none;
}

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

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

dd,
dt {
  line-height: 1.42857143;
}

dt {
  font-weight: 700;
}

dd {
  margin-left: 0;
}

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

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

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

blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
  font-size: 17.5px;
}

blockquote ol:last-child,
blockquote p:last-child,
blockquote ul:last-child {
  margin-bottom: 0;
}

blockquote .small,
blockquote footer,
blockquote small {
  display: block;
  font-size: 80%;
  line-height: 1.42857143;
  color: #777;
}

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

.blockquote-reverse,
blockquote.pull-right {
  padding-right: 15px;
  padding-left: 0;
  text-align: right;
  border-right: 5px solid #eee;
  border-left: 0;
}

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

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

address {
  margin-bottom: 20px;
  font-style: normal;
  line-height: 1.42857143;
}

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

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

kbd {
  padding: 2px 4px;
  font-size: 90%;
  color: #fff;
  background-color: #333;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
}

kbd kbd {
  padding: 0;
  font-size: 100%;
  font-weight: 700;
  -webkit-box-shadow: none;
  box-shadow: none;
}

pre {
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.42857143;
  color: #333;
  word-break: break-all;
  word-wrap: break-word;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 4px;
}

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;
}

.container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

.container.nop {
  padding-left: 0;
  padding-right: 0;
}

@media (min-width: 768px) {
  .container {
    width: 720px;
  }
  .container.wid {
    width: 750px;
  }
  /* .stickys{
    padding: 0 !important;
  }
  .productList .cn{
    font-size: 1rem !important;
    margin-bottom: 0 !important;
  }
  .productList .en{
    font-size: 0.8rem !important;
  }
  .productSection{
    margin-bottom: 0 !important;
  }
  .centerTitle2{
    margin: 30px 0 !important;
  }
  .textContain>h3{
    font-size: 1.4rem !important;
    margin-top: 30px !important;
    margin-bottom: 10px !important;
  }
  .textContain>p{
    font-size: 0.8rem !important;
    line-height: 1.4rem !important;
  }
  .textContain>.pra{
    margin-top: 50px !important;
  }
  .shijian{
    height: 428px !important;
  }
  .shijian .textContain{
    margin-top: 0 !important;
    width: 300px !important;
  }
  .blog-posts{
    margin-top: 30px !important;
  }
  .sectionQaunjia p{
    line-height: 2.2rem !important;
  }
  .sectionQaunjia h3{
    line-height: 2rem !important;
    font-size: 1.4rem !important;
    margin: 0 !important;
  }
  .returnHomeBtn{
    margin: 20px auto 50px !important;
    font-size: 0.8rem !important;
    line-height: 1.5rem !important;
  }
  .sectionQaunjia{
    height: 428px !important;
  } */
}

@media (min-width: 992px) {
  .container {
    width: 980px;
  }
  .container.wid {
    width: 980px;
  }
}

@media (min-width: 1200px) {
  .container {
    width: 1200px;
  }
  .container.wid {
    width: 1200px;
  }
  .header-container{
    width: 650px;
    margin: 0 !important;
    float: left;
  }
}

.container-fluid {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

.row {
  margin-right: -15px;
  margin-left: -15px;
}

.home .row {
  padding-left: -7px;
  padding-right: -7px;
}

.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

.home .col-sm-4 {
  padding-left: 7px;
  padding-right: 7px;
}

.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
  float: left;
}

.col-xs-12 {
  width: 100%;
}

.col-xs-11 {
  width: 91.66666667%;
}

.col-xs-10 {
  width: 83.33333333%;
}

.col-xs-9 {
  width: 75%;
}

.col-xs-8 {
  width: 66.66666667%;
}

.col-xs-7 {
  width: 58.33333333%;
}

.col-xs-6 {
  width: 50%;
}

.col-xs-5 {
  width: 41.66666667%;
}

.col-xs-4 {
  width: 33.33333333%;
}

.col-xs-3 {
  width: 25%;
}

.col-xs-2 {
  width: 16.66666667%;
}

.col-xs-1 {
  width: 8.33333333%;
}

.col-xs-pull-12 {
  right: 100%;
}

.col-xs-pull-11 {
  right: 91.66666667%;
}

.col-xs-pull-10 {
  right: 83.33333333%;
}

.col-xs-pull-9 {
  right: 75%;
}

.col-xs-pull-8 {
  right: 66.66666667%;
}

.col-xs-pull-7 {
  right: 58.33333333%;
}

.col-xs-pull-6 {
  right: 50%;
}

.col-xs-pull-5 {
  right: 41.66666667%;
}

.col-xs-pull-4 {
  right: 33.33333333%;
}

.col-xs-pull-3 {
  right: 25%;
}

.col-xs-pull-2 {
  right: 16.66666667%;
}

.col-xs-pull-1 {
  right: 8.33333333%;
}

.col-xs-pull-0 {
  right: auto;
}

.col-xs-push-12 {
  left: 100%;
}

.col-xs-push-11 {
  left: 91.66666667%;
}

.col-xs-push-10 {
  left: 83.33333333%;
}

.col-xs-push-9 {
  left: 75%;
}

.col-xs-push-8 {
  left: 66.66666667%;
}

.col-xs-push-7 {
  left: 58.33333333%;
}

.col-xs-push-6 {
  left: 50%;
}

.col-xs-push-5 {
  left: 41.66666667%;
}

.col-xs-push-4 {
  left: 33.33333333%;
}

.col-xs-push-3 {
  left: 25%;
}

.col-xs-push-2 {
  left: 16.66666667%;
}

.col-xs-push-1 {
  left: 8.33333333%;
}

.col-xs-push-0 {
  left: auto;
}

.col-xs-offset-12 {
  margin-left: 100%;
}

.col-xs-offset-11 {
  margin-left: 91.66666667%;
}

.col-xs-offset-10 {
  margin-left: 83.33333333%;
}

.col-xs-offset-9 {
  margin-left: 75%;
}

.col-xs-offset-8 {
  margin-left: 66.66666667%;
}

.col-xs-offset-7 {
  margin-left: 58.33333333%;
}

.col-xs-offset-6 {
  margin-left: 50%;
}

.col-xs-offset-5 {
  margin-left: 41.66666667%;
}

.col-xs-offset-4 {
  margin-left: 33.33333333%;
}

.col-xs-offset-3 {
  margin-left: 25%;
}

.col-xs-offset-2 {
  margin-left: 16.66666667%;
}

.col-xs-offset-1 {
  margin-left: 8.33333333%;
}

.col-xs-offset-0 {
  margin-left: 0;
}

@media (min-width: 768px) {
  .col-sm-1,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0;
  }
}

@media (min-width: 992px) {
  .col-md-1,
  .col-md-10,
  .col-md-11,
  .col-md-12,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-push-10 {
    left: 83.33333333%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0;
  }
}

@media (min-width: 1200px) {
  .col-lg-1,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9 {
    float: left;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-pull-11 {
    right: 91.66666667%;
  }
  .col-lg-pull-10 {
    right: 83.33333333%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-8 {
    right: 66.66666667%;
  }
  .col-lg-pull-7 {
    right: 58.33333333%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-5 {
    right: 41.66666667%;
  }
  .col-lg-pull-4 {
    right: 33.33333333%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-2 {
    right: 16.66666667%;
  }
  .col-lg-pull-1 {
    right: 8.33333333%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-push-11 {
    left: 91.66666667%;
  }
  .col-lg-push-10 {
    left: 83.33333333%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-8 {
    left: 66.66666667%;
  }
  .col-lg-push-7 {
    left: 58.33333333%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-5 {
    left: 41.66666667%;
  }
  .col-lg-push-4 {
    left: 33.33333333%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-2 {
    left: 16.66666667%;
  }
  .col-lg-push-1 {
    left: 8.33333333%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-lg-offset-0 {
    margin-left: 0;
  }
}

table {
  background-color: transparent;
}

caption {
  padding-top: 8px;
  padding-bottom: 8px;
  color: #777;
  text-align: left;
}

th {
  text-align: left;
}

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

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

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

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

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

.table .table {
  background-color: #fff;
}

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

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

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

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

.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #f9f9f9;
}

.table-hover > tbody > tr:hover {
  background-color: #f5f5f5;
}

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

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

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

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

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

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

.table > tbody > tr.info > td,
.table > tbody > tr.info > th,
.table > tbody > tr > td.info,
.table > tbody > tr > th.info,
.table > tfoot > tr.info > td,
.table > tfoot > tr.info > th,
.table > tfoot > tr > td.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > thead > tr.info > th,
.table > thead > tr > td.info,
.table > thead > tr > th.info {
  background-color: #d9edf7;
}

.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr.info:hover > th,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover {
  background-color: #c4e3f3;
}

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

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

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

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

.table-responsive {
  min-height: .01%;
  overflow-x: auto;
}

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

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

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

label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: 700;
}

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

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

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

input[type=range] {
  display: block;
  width: 100%;
}

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

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

output {
  display: block;
  padding-top: 7px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
}

.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -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 .15s, -webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .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: #999;
  opacity: 1;
}

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

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

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  background-color: #eee;
  opacity: 1;
}

.form-control[disabled],
fieldset[disabled] .form-control {
  cursor: not-allowed;
}

textarea.form-control {
  height: auto;
}

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

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  input[type=date],
  input[type=time],
  input[type=datetime-local],
  input[type=month] {
    line-height: 34px;
  }
  .input-group-sm input[type=date],
  .input-group-sm input[type=time],
  .input-group-sm input[type=datetime-local],
  .input-group-sm input[type=month],
  input[type=date].input-sm,
  input[type=time].input-sm,
  input[type=datetime-local].input-sm,
  input[type=month].input-sm {
    line-height: 30px;
  }
  .input-group-lg input[type=date],
  .input-group-lg input[type=time],
  .input-group-lg input[type=datetime-local],
  .input-group-lg input[type=month],
  input[type=date].input-lg,
  input[type=time].input-lg,
  input[type=datetime-local].input-lg,
  input[type=month].input-lg {
    line-height: 46px;
  }
}

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

.checkbox,
.radio {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
}

.checkbox label,
.radio label {
  min-height: 20px;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: 400;
  cursor: pointer;
}

.checkbox input[type=checkbox],
.checkbox-inline input[type=checkbox],
.radio input[type=radio],
.radio-inline input[type=radio] {
  position: absolute;
  margin-top: 4px \9;
  margin-left: -20px;
}

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

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

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

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

.checkbox-inline.disabled,
.radio-inline.disabled,
fieldset[disabled] .checkbox-inline,
fieldset[disabled] .radio-inline {
  cursor: not-allowed;
}

.checkbox.disabled label,
.radio.disabled label,
fieldset[disabled] .checkbox label,
fieldset[disabled] .radio label {
  cursor: not-allowed;
}

.form-control-static {
  min-height: 34px;
  padding-top: 7px;
  padding-bottom: 7px;
  margin-bottom: 0;
}

.form-control-static.input-lg,
.form-control-static.input-sm {
  padding-right: 0;
  padding-left: 0;
}

.input-sm {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

select.input-sm {
  height: 30px;
  line-height: 30px;
}

select[multiple].input-sm,
textarea.input-sm {
  height: auto;
}

.form-group-sm .form-control {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

select.form-group-sm .form-control {
  height: 30px;
  line-height: 30px;
}

select[multiple].form-group-sm .form-control,
textarea.form-group-sm .form-control {
  height: auto;
}

.form-group-sm .form-control-static {
  height: 30px;
  min-height: 32px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
}

.input-lg {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}

select.input-lg {
  height: 46px;
  line-height: 46px;
}

select[multiple].input-lg,
textarea.input-lg {
  height: auto;
}

.form-group-lg .form-control {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}

select.form-group-lg .form-control {
  height: 46px;
  line-height: 46px;
}

select[multiple].form-group-lg .form-control,
textarea.form-group-lg .form-control {
  height: auto;
}

.form-group-lg .form-control-static {
  height: 46px;
  min-height: 38px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
}

.has-feedback {
  position: relative;
}

.has-feedback .form-control {
  padding-right: 42.5px;
}

.form-control-feedback {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  display: block;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  pointer-events: none;
}

.input-lg + .form-control-feedback {
  width: 46px;
  height: 46px;
  line-height: 46px;
}

.input-sm + .form-control-feedback {
  width: 30px;
  height: 30px;
  line-height: 30px;
}

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

.has-success .form-control {
  border-color: #3c763d;
  -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: #2b542c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
}

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

.has-success .form-control-feedback {
  color: #3c763d;
}

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

.has-warning .form-control {
  border-color: #8a6d3b;
  -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: #66512c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
}

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

.has-warning .form-control-feedback {
  color: #8a6d3b;
}

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

.has-error .form-control {
  border-color: #a94442;
  -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: #843534;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
}

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

.has-error .form-control-feedback {
  color: #a94442;
}

.has-feedback label ~ .form-control-feedback {
  top: 25px;
}

.has-feedback label.sr-only ~ .form-control-feedback {
  top: 0;
}

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

@media (min-width: 768px) {
  .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .form-inline .form-control-static {
    display: inline-block;
  }
  .form-inline .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .form-inline .input-group .form-control,
  .form-inline .input-group .input-group-addon,
  .form-inline .input-group .input-group-btn {
    width: auto;
  }
  .form-inline .input-group > .form-control {
    width: 100%;
  }
  .form-inline .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .checkbox,
  .form-inline .radio {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .checkbox label,
  .form-inline .radio label {
    padding-left: 0;
  }
  .form-inline .checkbox input[type=checkbox],
  .form-inline .radio input[type=radio] {
    position: relative;
    margin-left: 0;
  }
  .form-inline .has-feedback .form-control-feedback {
    top: 0;
  }
}

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

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

.form-horizontal .form-group {
  margin-right: -15px;
  margin-left: -15px;
}

@media (min-width: 768px) {
  .form-horizontal .control-label {
    padding-top: 7px;
    margin-bottom: 0;
    text-align: right;
  }
}

.form-horizontal .has-feedback .form-control-feedback {
  right: 15px;
}

@media (min-width: 768px) {
  .form-horizontal .form-group-lg .control-label {
    padding-top: 14.33px;
  }
}

@media (min-width: 768px) {
  .form-horizontal .form-group-sm .control-label {
    padding-top: 6px;
  }
}

.btn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}

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

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

.btn.active,
.btn:active {
  background-image: none;
  outline: 0;
  -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.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  pointer-events: none;
  cursor: not-allowed;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
  opacity: .65;
}

.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}

.btn-default.active,
.btn-default.focus,
.btn-default:active,
.btn-default:focus,
.btn-default:hover,
.open > .dropdown-toggle.btn-default {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}

.btn-default.active,
.btn-default:active,
.open > .dropdown-toggle.btn-default {
  background-image: none;
}

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

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

.btn-primary {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4;
}

.btn-primary.active,
.btn-primary.focus,
.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover,
.open > .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}

.btn-primary.active,
.btn-primary:active,
.open > .dropdown-toggle.btn-primary {
  background-image: none;
}

.btn-primary.disabled,
.btn-primary.disabled.active,
.btn-primary.disabled.focus,
.btn-primary.disabled:active,
.btn-primary.disabled:focus,
.btn-primary.disabled:hover,
.btn-primary[disabled],
.btn-primary[disabled].active,
.btn-primary[disabled].focus,
.btn-primary[disabled]:active,
.btn-primary[disabled]:focus,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary,
fieldset[disabled] .btn-primary.active,
fieldset[disabled] .btn-primary.focus,
fieldset[disabled] .btn-primary:active,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary:hover {
  background-color: #337ab7;
  border-color: #2e6da4;
}

.btn-primary .badge {
  color: #337ab7;
  background-color: #fff;
}

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

.btn-success.active,
.btn-success.focus,
.btn-success:active,
.btn-success:focus,
.btn-success:hover,
.open > .dropdown-toggle.btn-success {
  color: #fff;
  background-color: #449d44;
  border-color: #398439;
}

.btn-success.active,
.btn-success:active,
.open > .dropdown-toggle.btn-success {
  background-image: none;
}

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

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

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

.btn-info.active,
.btn-info.focus,
.btn-info:active,
.btn-info:focus,
.btn-info:hover,
.open > .dropdown-toggle.btn-info {
  color: #fff;
  background-color: #31b0d5;
  border-color: #269abc;
}

.btn-info.active,
.btn-info:active,
.open > .dropdown-toggle.btn-info {
  background-image: none;
}

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

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

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

.btn-warning.active,
.btn-warning.focus,
.btn-warning:active,
.btn-warning:focus,
.btn-warning:hover,
.open > .dropdown-toggle.btn-warning {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512;
}

.btn-warning.active,
.btn-warning:active,
.open > .dropdown-toggle.btn-warning {
  background-image: none;
}

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

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

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

.btn-danger.active,
.btn-danger.focus,
.btn-danger:active,
.btn-danger:focus,
.btn-danger:hover,
.open > .dropdown-toggle.btn-danger {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925;
}

.btn-danger.active,
.btn-danger:active,
.open > .dropdown-toggle.btn-danger {
  background-image: none;
}

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

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

.btn-link {
  font-weight: 400;
  color: #337ab7;
  border-radius: 0;
}

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

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

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

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

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

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

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

.btn-block {
  display: block;
  width: 100%;
}

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

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

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

.fade.in {
  opacity: 1;
}

.collapse {
  display: none;
}

.collapse.in {
  display: block;
}

tr.collapse.in {
  display: table-row;
}

tbody.collapse.in {
  display: table-row-group;
}

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-transition-duration: .35s;
  -o-transition-duration: .35s;
  transition-duration: .35s;
  -webkit-transition-property: height, visibility;
  -o-transition-property: height, visibility;
  transition-property: height, visibility;
}

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

.dropdown,
.dropup {
  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;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}

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

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

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

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

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:focus,
.dropdown-menu > .active > a:hover {
  color: #fff;
  text-decoration: none;
  background-color: #337ab7;
  outline: 0;
}

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

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

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

.open > a {
  outline: 0;
}

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

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

.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 12px;
  line-height: 1.42857143;
  color: #777;
  white-space: nowrap;
}

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

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

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

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

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

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

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

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

.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 {
  margin-left: -5px;
}

.btn-toolbar .btn-group,
.btn-toolbar .input-group {
  float: left;
}

.btn-toolbar > .btn,
.btn-toolbar > .btn-group,
.btn-toolbar > .input-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-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-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:not(:last-child) > .btn:last-child,
.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

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

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

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

.btn-group > .btn-lg + .dropdown-toggle {
  padding-right: 12px;
  padding-left: 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 {
  border-width: 5px 5px 0;
  border-bottom-width: 0;
}

.dropup .btn-lg .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 > .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: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

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

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

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

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

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

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

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

.btn-group-justified > .btn-group .dropdown-menu {
  left: auto;
}

[data-toggle=buttons] > .btn input[type=checkbox],
[data-toggle=buttons] > .btn input[type=radio],
[data-toggle=buttons] > .btn-group > .btn input[type=checkbox],
[data-toggle=buttons] > .btn-group > .btn input[type=radio] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}

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

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

.input-group .form-control {
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 0;
}

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

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

select[multiple].input-group-lg > .form-control,
select[multiple].input-group-lg > .input-group-addon,
select[multiple].input-group-lg > .input-group-btn > .btn,
textarea.input-group-lg > .form-control,
textarea.input-group-lg > .input-group-addon,
textarea.input-group-lg > .input-group-btn > .btn {
  height: auto;
}

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

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

select[multiple].input-group-sm > .form-control,
select[multiple].input-group-sm > .input-group-addon,
select[multiple].input-group-sm > .input-group-btn > .btn,
textarea.input-group-sm > .form-control,
textarea.input-group-sm > .input-group-addon,
textarea.input-group-sm > .input-group-btn > .btn {
  height: auto;
}

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

.input-group .form-control:not(:first-child):not(:last-child),
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn: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: 6px 12px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  color: #555;
  text-align: center;
  background-color: #eee;
  border: 1px solid #ccc;
  border-radius: 4px;
}

.input-group-addon.input-sm {
  padding: 5px 10px;
  font-size: 12px;
  border-radius: 3px;
}

.input-group-addon.input-lg {
  padding: 10px 16px;
  font-size: 18px;
  border-radius: 6px;
}

.input-group-addon input[type=checkbox],
.input-group-addon input[type=radio] {
  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 > .btn-group > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) {
  border-top-right-radius: 0;
  border-bottom-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:first-child > .btn-group:not(:first-child) > .btn,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

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

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

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

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

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

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

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

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

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

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

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

.nav > li.disabled > a {
  color: #777;
}

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

.nav .open > a,
.nav .open > a:focus,
.nav .open > a:hover {
  background-color: #eee;
  border-color: #337ab7;
}

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

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

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

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

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

.nav-tabs > li > a:hover {
  border-color: #eee #eee #ddd;
}

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

.nav-tabs.nav-justified {
  width: 100%;
  border-bottom: 0;
}

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

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

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

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

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

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

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

.nav-pills > li {
  float: left;
}

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

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

.nav-pills > li.active > a,
.nav-pills > li.active > a:focus,
.nav-pills > li.active > a:hover {
  color: #fff;
  background-color: #337ab7;
}

.nav-stacked > li {
  float: none;
}

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

.nav-justified {
  width: 100%;
}

.nav-justified > li {
  float: none;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 768px) {
  .navbar-collapse {
    width: auto;
    border-top: 0;
    -webkit-box-shadow: none;
    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-bottom .navbar-collapse,
  .navbar-fixed-top .navbar-collapse,
  .navbar-static-top .navbar-collapse {
    padding-right: 0;
    padding-left: 0;
  }
}

.navbar-fixed-bottom .navbar-collapse,
.navbar-fixed-top .navbar-collapse {
  max-height: 340px;
}

@media (max-device-width: 480px) and (orientation: landscape) {
  .navbar-fixed-bottom .navbar-collapse,
  .navbar-fixed-top .navbar-collapse {
    max-height: 200px;
  }
}

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

@media (min-width: 768px) {
  .container-fluid > .navbar-collapse,
  .container-fluid > .navbar-header,
  .container > .navbar-collapse,
  .container > .navbar-header {
    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-bottom,
.navbar-fixed-top {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030;
}

@media (min-width: 768px) {
  .navbar-fixed-bottom,
  .navbar-fixed-top {
    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;
  height: 50px;
  padding: 15px;
  font-size: 18px;
  line-height: 20px;
}

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

.navbar-brand > img {
  display: block;
}

@media (min-width: 768px) {
  .navbar > .container .navbar-brand,
  .navbar > .container-fluid .navbar-brand {
    margin-left: -15px;
  }
}

.navbar-toggle {
  position: relative;
  float: right;
  padding: 9px 10px;
  margin-top: 8px;
  margin-right: 15px;
  margin-bottom: 8px;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}

.navbar-toggle:focus {
  outline: 0;
}

.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: 7.5px -15px;
}

.navbar-nav > li > a {
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 20px;
}

@media (max-width: 767px) {
  .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .navbar-nav .open .dropdown-menu .dropdown-header,
  .navbar-nav .open .dropdown-menu > li > a {
    padding: 5px 15px 5px 25px;
  }
  .navbar-nav .open .dropdown-menu > li > a {
    line-height: 20px;
  }
  .navbar-nav .open .dropdown-menu > li > a:focus,
  .navbar-nav .open .dropdown-menu > li > a:hover {
    background-image: none;
  }
}

@media (min-width: 768px) {
  .navbar-nav {
    float: left;
    margin: 0;
  }
  .navbar-nav > li {
    float: left;
  }
  .navbar-nav > li > a {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}

.navbar-form {
  padding: 10px 15px;
  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: 8px -15px;
}

@media (min-width: 768px) {
  .navbar-form .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .navbar-form .form-control-static {
    display: inline-block;
  }
  .navbar-form .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .navbar-form .input-group .form-control,
  .navbar-form .input-group .input-group-addon,
  .navbar-form .input-group .input-group-btn {
    width: auto;
  }
  .navbar-form .input-group > .form-control {
    width: 100%;
  }
  .navbar-form .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .checkbox,
  .navbar-form .radio {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .checkbox label,
  .navbar-form .radio label {
    padding-left: 0;
  }
  .navbar-form .checkbox input[type=checkbox],
  .navbar-form .radio input[type=radio] {
    position: relative;
    margin-left: 0;
  }
  .navbar-form .has-feedback .form-control-feedback {
    top: 0;
  }
}

@media (max-width: 767px) {
  .navbar-form .form-group {
    margin-bottom: 5px;
  }
  .navbar-form .form-group:last-child {
    margin-bottom: 0;
  }
}

@media (min-width: 768px) {
  .navbar-form {
    width: auto;
    padding-top: 0;
    padding-bottom: 0;
    margin-right: 0;
    margin-left: 0;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
}

.navbar-nav > li > .dropdown-menu {
  margin-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
  margin-bottom: 0;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.navbar-btn {
  margin-top: 8px;
  margin-bottom: 8px;
}

.navbar-btn.btn-sm {
  margin-top: 10px;
  margin-bottom: 10px;
}

.navbar-btn.btn-xs {
  margin-top: 14px;
  margin-bottom: 14px;
}

.navbar-text {
  margin-top: 15px;
  margin-bottom: 15px;
}

@media (min-width: 768px) {
  .navbar-text {
    float: left;
    margin-right: 15px;
    margin-left: 15px;
  }
}

@media (min-width: 768px) {
  .navbar-left {
    float: left !important;
  }
  .navbar-right {
    float: right !important;
    margin-right: -15px;
  }
  .navbar-right ~ .navbar-right {
    margin-right: 0;
  }
}

.navbar-default {
  background-color: #f8f8f8;
  border-color: #e7e7e7;
}

.navbar-default .navbar-brand {
  color: #777;
}

.navbar-default .navbar-brand:focus,
.navbar-default .navbar-brand:hover {
  color: #5e5e5e;
  background-color: transparent;
}

.navbar-default .navbar-text {
  color: #777;
}

.navbar-default .navbar-nav > li > a {
  color: #777;
}

.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > a:hover {
  color: #333;
  background-color: transparent;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a:hover {
  color: #555;
  background-color: #e7e7e7;
}

.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:focus,
.navbar-default .navbar-nav > .disabled > a:hover {
  color: #ccc;
  background-color: transparent;
}

.navbar-default .navbar-toggle {
  border-color: #ddd;
}

.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
  background-color: #ddd;
}

.navbar-default .navbar-toggle .icon-bar {
  background-color: #888;
}

.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #e7e7e7;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .open > a:hover {
  color: #555;
  background-color: #e7e7e7;
}

@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #777;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
    color: #333;
    background-color: transparent;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover {
    color: #555;
    background-color: #e7e7e7;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover {
    color: #ccc;
    background-color: transparent;
  }
}

.navbar-default .navbar-link {
  color: #777;
}

.navbar-default .navbar-link:hover {
  color: #333;
}

.navbar-default .btn-link {
  color: #777;
}

.navbar-default .btn-link:focus,
.navbar-default .btn-link:hover {
  color: #333;
}

.navbar-default .btn-link[disabled]:focus,
.navbar-default .btn-link[disabled]:hover,
fieldset[disabled] .navbar-default .btn-link:focus,
fieldset[disabled] .navbar-default .btn-link:hover {
  color: #ccc;
}

.navbar-inverse {
  background-color: #222;
  border-color: #080808;
}

.navbar-inverse .navbar-brand {
  color: #9d9d9d;
}

.navbar-inverse .navbar-brand:focus,
.navbar-inverse .navbar-brand:hover {
  color: #fff;
  background-color: transparent;
}

.navbar-inverse .navbar-text {
  color: #9d9d9d;
}

.navbar-inverse .navbar-nav > li > a {
  color: #9d9d9d;
}

.navbar-inverse .navbar-nav > li > a:focus,
.navbar-inverse .navbar-nav > li > a:hover {
  color: #fff;
  background-color: transparent;
}

.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:focus,
.navbar-inverse .navbar-nav > .active > a:hover {
  color: #fff;
  background-color: #080808;
}

.navbar-inverse .navbar-nav > .disabled > a,
.navbar-inverse .navbar-nav > .disabled > a:focus,
.navbar-inverse .navbar-nav > .disabled > a:hover {
  color: #444;
  background-color: transparent;
}

.navbar-inverse .navbar-toggle {
  border-color: #333;
}

.navbar-inverse .navbar-toggle:focus,
.navbar-inverse .navbar-toggle:hover {
  background-color: #333;
}

.navbar-inverse .navbar-toggle .icon-bar {
  background-color: #fff;
}

.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
  border-color: #101010;
}

.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:focus,
.navbar-inverse .navbar-nav > .open > a:hover {
  color: #fff;
  background-color: #080808;
}

@media (max-width: 767px) {
  .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
    border-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
    background-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #9d9d9d;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus,
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover {
    color: #fff;
    background-color: transparent;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover {
    color: #fff;
    background-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover {
    color: #444;
    background-color: transparent;
  }
}

.navbar-inverse .navbar-link {
  color: #9d9d9d;
}

.navbar-inverse .navbar-link:hover {
  color: #fff;
}

.navbar-inverse .btn-link {
  color: #9d9d9d;
}

.navbar-inverse .btn-link:focus,
.navbar-inverse .btn-link:hover {
  color: #fff;
}

.navbar-inverse .btn-link[disabled]:focus,
.navbar-inverse .btn-link[disabled]:hover,
fieldset[disabled] .navbar-inverse .btn-link:focus,
fieldset[disabled] .navbar-inverse .btn-link:hover {
  color: #444;
}

.breadcrumb {
  padding: 8px 15px;
  margin-bottom: 20px;
  list-style: none;
  background-color: #f5f5f5;
  border-radius: 4px;
}

.breadcrumb > li {
  display: inline-block;
}

.breadcrumb > li + li:before {
  padding: 0 5px;
  color: #ccc;
}

.breadcrumb > .active {
  color: #777;
}

.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
}

.pagination > li {
  display: inline;
}

.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #337ab7;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
}

.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.pagination > li > a:focus,
.pagination > li > a:hover,
.pagination > li > span:focus,
.pagination > li > span:hover {
  color: #23527c;
  background-color: #eee;
  border-color: #ddd;
}

.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
  z-index: 2;
  color: #fff;
  cursor: default;
  background-color: #337ab7;
  border-color: #337ab7;
}

.pagination > .disabled > a,
.pagination > .disabled > a:focus,
.pagination > .disabled > a:hover,
.pagination > .disabled > span,
.pagination > .disabled > span:focus,
.pagination > .disabled > span:hover {
  color: #777;
  cursor: not-allowed;
  background-color: #fff;
  border-color: #ddd;
}

.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px;
}

.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}

.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}

.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
}

.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}

.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.pager {
  padding-left: 0;
  margin: 20px 0;
  text-align: center;
  list-style: none;
}

.pager li {
  display: inline;
}

.pager li > a,
.pager li > span {
  display: inline-block;
  padding: 5px 14px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 15px;
}

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

.pager .next > a,
.pager .next > span {
  float: right;
}

.pager .previous > a,
.pager .previous > span {
  float: left;
}

.pager .disabled > a,
.pager .disabled > a:focus,
.pager .disabled > a:hover,
.pager .disabled > span {
  color: #777;
  cursor: not-allowed;
  background-color: #fff;
}

.label {
  display: inline;
  padding: .2em .6em .3em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25em;
}

a.label:focus,
a.label:hover {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}

.label:empty {
  display: none;
}

.btn .label {
  position: relative;
  top: -1px;
}

.label-default {
  background-color: #777;
}

.label-default[href]:focus,
.label-default[href]:hover {
  background-color: #5e5e5e;
}

.label-primary {
  background-color: #337ab7;
}

.label-primary[href]:focus,
.label-primary[href]:hover {
  background-color: #286090;
}

.label-success {
  background-color: #5cb85c;
}

.label-success[href]:focus,
.label-success[href]:hover {
  background-color: #449d44;
}

.label-info {
  background-color: #5bc0de;
}

.label-info[href]:focus,
.label-info[href]:hover {
  background-color: #31b0d5;
}

.label-warning {
  background-color: #f0ad4e;
}

.label-warning[href]:focus,
.label-warning[href]:hover {
  background-color: #ec971f;
}

.label-danger {
  background-color: #d9534f;
}

.label-danger[href]:focus,
.label-danger[href]:hover {
  background-color: #c9302c;
}

.badge {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  background-color: #777;
  border-radius: 10px;
}

.badge:empty {
  display: none;
}

.btn .badge {
  position: relative;
  top: -1px;
}

.btn-group-xs > .btn .badge,
.btn-xs .badge {
  top: 0;
  padding: 1px 5px;
}

a.badge:focus,
a.badge:hover {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}

.list-group-item.active > .badge,
.nav-pills > .active > a > .badge {
  color: #337ab7;
  background-color: #fff;
}

.list-group-item > .badge {
  float: right;
}

.list-group-item > .badge + .badge {
  margin-right: 5px;
}

.nav-pills > li > a > .badge {
  margin-left: 3px;
}

.jumbotron {
  padding: 30px 15px;
  margin-bottom: 30px;
  color: inherit;
  background-color: #eee;
}

.jumbotron .h1,
.jumbotron h1 {
  color: inherit;
}

.jumbotron p {
  margin-bottom: 15px;
  font-size: 21px;
  font-weight: 200;
}

.jumbotron > hr {
  border-top-color: #d5d5d5;
}

.container .jumbotron,
.container-fluid .jumbotron {
  border-radius: 6px;
}

.jumbotron .container {
  max-width: 100%;
}

@media screen and (min-width: 768px) {
  .jumbotron {
    padding: 48px 0;
  }
  .container .jumbotron,
  .container-fluid .jumbotron {
    padding-right: 60px;
    padding-left: 60px;
  }
  .jumbotron .h1,
  .jumbotron h1 {
    font-size: 63px;
  }
}

.thumbnail {
  display: block;
  padding: 4px;
  margin-bottom: 20px;
  line-height: 1.42857143;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: border .2s ease-in-out;
  -o-transition: border .2s ease-in-out;
  transition: border .2s ease-in-out;
}

.thumbnail a > img,
.thumbnail > img {
  margin-right: auto;
  margin-left: auto;
}

a.thumbnail.active,
a.thumbnail:focus,
a.thumbnail:hover {
  border-color: #337ab7;
}

.thumbnail .caption {
  padding: 9px;
  color: #333;
}

.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}

.alert h4 {
  margin-top: 0;
  color: inherit;
}

.alert .alert-link {
  font-weight: 700;
}

.alert > p,
.alert > ul {
  margin-bottom: 0;
}

.alert > p + p {
  margin-top: 5px;
}

.alert-dismissable,
.alert-dismissible {
  padding-right: 35px;
}

.alert-dismissable .close,
.alert-dismissible .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit;
}

.alert-success {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}

.alert-success hr {
  border-top-color: #c9e2b3;
}

.alert-success .alert-link {
  color: #2b542c;
}

.alert-info {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}

.alert-info hr {
  border-top-color: #a6e1ec;
}

.alert-info .alert-link {
  color: #245269;
}

.alert-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}

.alert-warning hr {
  border-top-color: #f7e1b5;
}

.alert-warning .alert-link {
  color: #66512c;
}

.alert-danger {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}

.alert-danger hr {
  border-top-color: #e4b9c0;
}

.alert-danger .alert-link {
  color: #843534;
}

@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}

@-o-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}

@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}

.progress {
  height: 20px;
  margin-bottom: 20px;
  overflow: hidden;
  background-color: #f5f5f5;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

.progress-bar {
  float: left;
  width: 0;
  height: 100%;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  background-color: #337ab7;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-transition: width .6s ease;
  -o-transition: width .6s ease;
  transition: width .6s ease;
}

.progress-bar-striped,
.progress-striped .progress-bar {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  -webkit-background-size: 40px 40px;
  background-size: 40px 40px;
}

.progress-bar.active,
.progress.active .progress-bar {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  -o-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite;
}

.progress-bar-success {
  background-color: #5cb85c;
}

.progress-striped .progress-bar-success {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-bar-info {
  background-color: #5bc0de;
}

.progress-striped .progress-bar-info {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-bar-warning {
  background-color: #f0ad4e;
}

.progress-striped .progress-bar-warning {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-bar-danger {
  background-color: #d9534f;
}

.progress-striped .progress-bar-danger {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.media {
  margin-top: 15px;
}

.media:first-child {
  margin-top: 0;
}

.media,
.media-body {
  overflow: hidden;
  zoom: 1;
}

.media-body {
  width: 10000px;
}

.media-object {
  display: block;
}

.media-right,
.media > .pull-right {
  padding-left: 10px;
}

.media-left,
.media > .pull-left {
  padding-right: 10px;
}

.media-body,
.media-left,
.media-right {
  display: table-cell;
  vertical-align: top;
}

.media-middle {
  vertical-align: middle;
}

.media-bottom {
  vertical-align: bottom;
}

.media-heading {
  margin-top: 0;
  margin-bottom: 5px;
}

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

.list-group {
  padding-left: 0;
  margin-bottom: 20px;
}

.list-group-item {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid #ddd;
}

.list-group-item:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}

a.list-group-item {
  color: #555;
}

a.list-group-item .list-group-item-heading {
  color: #333;
}

a.list-group-item:focus,
a.list-group-item:hover {
  color: #555;
  text-decoration: none;
  background-color: #f5f5f5;
}

.list-group-item.disabled,
.list-group-item.disabled:focus,
.list-group-item.disabled:hover {
  color: #777;
  cursor: not-allowed;
  background-color: #eee;
}

.list-group-item.disabled .list-group-item-heading,
.list-group-item.disabled:focus .list-group-item-heading,
.list-group-item.disabled:hover .list-group-item-heading {
  color: inherit;
}

.list-group-item.disabled .list-group-item-text,
.list-group-item.disabled:focus .list-group-item-text,
.list-group-item.disabled:hover .list-group-item-text {
  color: #777;
}

.list-group-item.active,
.list-group-item.active:focus,
.list-group-item.active:hover {
  z-index: 2;
  color: #fff;
  background-color: #337ab7;
  border-color: #337ab7;
}

.list-group-item.active .list-group-item-heading,
.list-group-item.active .list-group-item-heading > .small,
.list-group-item.active .list-group-item-heading > small,
.list-group-item.active:focus .list-group-item-heading,
.list-group-item.active:focus .list-group-item-heading > .small,
.list-group-item.active:focus .list-group-item-heading > small,
.list-group-item.active:hover .list-group-item-heading,
.list-group-item.active:hover .list-group-item-heading > .small,
.list-group-item.active:hover .list-group-item-heading > small {
  color: inherit;
}

.list-group-item.active .list-group-item-text,
.list-group-item.active:focus .list-group-item-text,
.list-group-item.active:hover .list-group-item-text {
  color: #c7ddef;
}

.list-group-item-success {
  color: #3c763d;
  background-color: #dff0d8;
}

a.list-group-item-success {
  color: #3c763d;
}

a.list-group-item-success .list-group-item-heading {
  color: inherit;
}

a.list-group-item-success:focus,
a.list-group-item-success:hover {
  color: #3c763d;
  background-color: #d0e9c6;
}

a.list-group-item-success.active,
a.list-group-item-success.active:focus,
a.list-group-item-success.active:hover {
  color: #fff;
  background-color: #3c763d;
  border-color: #3c763d;
}

.list-group-item-info {
  color: #31708f;
  background-color: #d9edf7;
}

a.list-group-item-info {
  color: #31708f;
}

a.list-group-item-info .list-group-item-heading {
  color: inherit;
}

a.list-group-item-info:focus,
a.list-group-item-info:hover {
  color: #31708f;
  background-color: #c4e3f3;
}

a.list-group-item-info.active,
a.list-group-item-info.active:focus,
a.list-group-item-info.active:hover {
  color: #fff;
  background-color: #31708f;
  border-color: #31708f;
}

.list-group-item-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
}

a.list-group-item-warning {
  color: #8a6d3b;
}

a.list-group-item-warning .list-group-item-heading {
  color: inherit;
}

a.list-group-item-warning:focus,
a.list-group-item-warning:hover {
  color: #8a6d3b;
  background-color: #faf2cc;
}

a.list-group-item-warning.active,
a.list-group-item-warning.active:focus,
a.list-group-item-warning.active:hover {
  color: #fff;
  background-color: #8a6d3b;
  border-color: #8a6d3b;
}

.list-group-item-danger {
  color: #a94442;
  background-color: #f2dede;
}

a.list-group-item-danger {
  color: #a94442;
}

a.list-group-item-danger .list-group-item-heading {
  color: inherit;
}

a.list-group-item-danger:focus,
a.list-group-item-danger:hover {
  color: #a94442;
  background-color: #ebcccc;
}

a.list-group-item-danger.active,
a.list-group-item-danger.active:focus,
a.list-group-item-danger.active:hover {
  color: #fff;
  background-color: #a94442;
  border-color: #a94442;
}

.list-group-item-heading {
  margin-top: 0;
  margin-bottom: 5px;
}

.list-group-item-text {
  margin-bottom: 0;
  line-height: 1.3;
}

.panel {
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid transparent;
  border-left: 0;
  border-right: 0;
  border-top: 0;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

.panel-body {
  padding: 15px;
}

.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

.panel-heading > .dropdown .dropdown-toggle {
  color: inherit;
}

/* .panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  color: inherit;
  display: block;
  min-height: 83px;
  padding: 0 20px 0 80px;
  text-decoration: none;
  background: url(../images/PostLink.png) no-repeat 20px 22px;
}

.panel-title > .small,
.panel-title > .small > a,
.panel-title > a,
.panel-title > small,
.panel-title > small > a {
  color: inherit;
} */

.panel-footer {
  padding: 10px 15px;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

.panel > .list-group,
.panel > .panel-collapse > .list-group {
  margin-bottom: 0;
}

.panel > .list-group .list-group-item,
.panel > .panel-collapse > .list-group .list-group-item {
  border-width: 1px 0;
  border-radius: 0;
}

.panel > .list-group:first-child .list-group-item:first-child,
.panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
  border-top: 0;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

.panel > .list-group:last-child .list-group-item:last-child,
.panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
  border-bottom: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

.panel-heading + .list-group .list-group-item:first-child {
  border-top-width: 0;
}

.list-group + .panel-footer {
  border-top-width: 0;
}

.panel > .panel-collapse > .table,
.panel > .table,
.panel > .table-responsive > .table {
  margin-bottom: 0;
}

.panel > .panel-collapse > .table caption,
.panel > .table caption,
.panel > .table-responsive > .table caption {
  padding-right: 15px;
  padding-left: 15px;
}

.panel > .table-responsive:first-child > .table:first-child,
.panel > .table:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child,
.panel > .table:first-child > thead:first-child > tr:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
.panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:first-child {
  border-top-left-radius: 3px;
}

.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
.panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:last-child {
  border-top-right-radius: 3px;
}

.panel > .table-responsive:last-child > .table:last-child,
.panel > .table:last-child {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child,
.panel > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
  border-bottom-left-radius: 3px;
}

.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
  border-bottom-right-radius: 3px;
}

.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive,
.panel > .table + .panel-body,
.panel > .table-responsive + .panel-body {
  border-top: 1px solid #ddd;
}

.panel > .table > tbody:first-child > tr:first-child td,
.panel > .table > tbody:first-child > tr:first-child th {
  border-top: 0;
}

.panel > .table-bordered,
.panel > .table-responsive > .table-bordered {
  border: 0;
}

.panel > .table-bordered > tbody > tr > td:first-child,
.panel > .table-bordered > tbody > tr > th:first-child,
.panel > .table-bordered > tfoot > tr > td:first-child,
.panel > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-bordered > thead > tr > td:first-child,
.panel > .table-bordered > thead > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:first-child {
  border-left: 0;
}

.panel > .table-bordered > tbody > tr > td:last-child,
.panel > .table-bordered > tbody > tr > th:last-child,
.panel > .table-bordered > tfoot > tr > td:last-child,
.panel > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-bordered > thead > tr > td:last-child,
.panel > .table-bordered > thead > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:last-child {
  border-right: 0;
}

.panel > .table-bordered > tbody > tr:first-child > td,
.panel > .table-bordered > tbody > tr:first-child > th,
.panel > .table-bordered > thead > tr:first-child > td,
.panel > .table-bordered > thead > tr:first-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > th {
  border-bottom: 0;
}

.panel > .table-bordered > tbody > tr:last-child > td,
.panel > .table-bordered > tbody > tr:last-child > th,
.panel > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-bordered > tfoot > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
  border-bottom: 0;
}

.panel > .table-responsive {
  margin-bottom: 0;
  border: 0;
}

.panel-group {
  margin-bottom: 100px !important;
}

.panel-group .panel {
  margin-bottom: 0;
  border-radius: 4px;
}

.panel-group .panel + .panel {
  margin-top: 5px;
}

.panel-group .panel-heading {
  border-bottom: 0;
}

.panel-group .panel-heading + .panel-collapse > .list-group,
.panel-group .panel-heading + .panel-collapse > .panel-body {
  border-top: 1px solid #ddd;
}

.panel-group .panel-footer {
  border-top: 0;
}

.panel-group .panel-footer + .panel-collapse .panel-body {
  border-bottom: 1px solid #ddd;
}

.panel-default {
  border-color: #ddd;
}

.panel-default > .panel-heading {
  color: #333;
  background-color: #f5f5f5;
}

.panel-default > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ddd;
}

.panel-default > .panel-heading .badge {
  color: #f5f5f5;
  background-color: #333;
}

.panel-default > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ddd;
}

.panel-primary {
  border-color: #337ab7;
}

.panel-primary > .panel-heading {
  color: #fff;
  background-color: #337ab7;
  border-color: #337ab7;
}

.panel-primary > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #337ab7;
}

.panel-primary > .panel-heading .badge {
  color: #337ab7;
  background-color: #fff;
}

.panel-primary > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #337ab7;
}

.panel-success {
  border-color: #d6e9c6;
}

.panel-success > .panel-heading {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}

.panel-success > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #d6e9c6;
}

.panel-success > .panel-heading .badge {
  color: #dff0d8;
  background-color: #3c763d;
}

.panel-success > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #d6e9c6;
}

.panel-info {
  border-color: #bce8f1;
}

.panel-info > .panel-heading {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}

.panel-info > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #bce8f1;
}

.panel-info > .panel-heading .badge {
  color: #d9edf7;
  background-color: #31708f;
}

.panel-info > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #bce8f1;
}

.panel-warning {
  border-color: #faebcc;
}

.panel-warning > .panel-heading {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}

.panel-warning > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #faebcc;
}

.panel-warning > .panel-heading .badge {
  color: #fcf8e3;
  background-color: #8a6d3b;
}

.panel-warning > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #faebcc;
}

.panel-danger {
  border-color: #ebccd1;
}

.panel-danger > .panel-heading {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}

.panel-danger > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ebccd1;
}

.panel-danger > .panel-heading .badge {
  color: #f2dede;
  background-color: #a94442;
}

.panel-danger > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ebccd1;
}

.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
}

.embed-responsive .embed-responsive-item,
.embed-responsive embed,
.embed-responsive iframe,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.embed-responsive-16by9 {
  padding-bottom: 56.25%;
}

.embed-responsive-4by3 {
  padding-bottom: 75%;
}

.well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  -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: 21px;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  filter: alpha(opacity=20);
  opacity: .2;
}

.close:focus,
.close:hover {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  filter: alpha(opacity=50);
  opacity: .5;
}

button.close {
  -webkit-appearance: none;
  padding: 0;
  cursor: pointer;
  background: 0 0;
  border: 0;
}

.modal-open {
  overflow: hidden;
}

.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}

.modal.fade .modal-dialog {
  -webkit-transition: -webkit-transform .3s ease-out;
  -o-transition: -o-transform .3s ease-out;
  transition: -webkit-transform .3s ease-out;
  -o-transition: transform .3s ease-out;
  transition: transform .3s ease-out;
  transition: transform .3s ease-out, -webkit-transform .3s ease-out;
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  -o-transform: translate(0, -25%);
  transform: translate(0, -25%);
}

.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}

.modal-content {
  position: relative;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  outline: 0;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
}

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000;
}

.modal-backdrop.fade {
  filter: alpha(opacity=0);
  opacity: 0;
}

.modal-backdrop.in {
  filter: alpha(opacity=50);
  opacity: .5;
}

.modal-header {
  min-height: 16.43px;
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
}

.modal-header .close {
  margin-top: -2px;
}

.modal-title {
  margin: 0;
  line-height: 1.42857143;
}

.modal-body {
  position: relative;
  padding: 15px;
}

.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}

.modal-footer .btn + .btn {
  margin-bottom: 0;
  margin-left: 5px;
}

.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}

.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}

@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);
  }
  .modal-sm {
    width: 300px;
  }
}

@media (min-width: 992px) {
  .modal-lg {
    width: 900px;
  }
}

.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.4;
  filter: alpha(opacity=0);
  opacity: 0;
}

.tooltip.in {
  filter: alpha(opacity=90);
  opacity: .9;
}

.tooltip.top {
  padding: 5px 0;
  margin-top: -3px;
}

.tooltip.right {
  padding: 0 5px;
  margin-left: 3px;
}

.tooltip.bottom {
  padding: 5px 0;
  margin-top: 3px;
}

.tooltip.left {
  padding: 0 5px;
  margin-left: -3px;
}

.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  text-decoration: none;
  background-color: #000;
  border-radius: 4px;
}

.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: #000;
}

.tooltip.top-left .tooltip-arrow {
  right: 5px;
  bottom: 0;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}

.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  left: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}

.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000;
}

.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000;
}

.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}

.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  right: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}

.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  left: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: none;
  max-width: 276px;
  padding: 1px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: left;
  white-space: normal;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #ccc;
  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);
}

.popover.top {
  margin-top: -10px;
}

.popover.right {
  margin-left: 10px;
}

.popover.bottom {
  margin-top: 10px;
}

.popover.left {
  margin-left: -10px;
}

.popover-title {
  padding: 8px 14px;
  margin: 0;
  font-size: 14px;
  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 {
  content: "";
  border-width: 10px;
}

.popover.top > .arrow {
  bottom: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-color: #999;
  border-top-color: rgba(0, 0, 0, 0.25);
  border-bottom-width: 0;
}

.popover.top > .arrow:after {
  bottom: 1px;
  margin-left: -10px;
  content: " ";
  border-top-color: #fff;
  border-bottom-width: 0;
}

.popover.right > .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-right-color: #999;
  border-right-color: rgba(0, 0, 0, 0.25);
  border-left-width: 0;
}

.popover.right > .arrow:after {
  bottom: -10px;
  left: 1px;
  content: " ";
  border-right-color: #fff;
  border-left-width: 0;
}

.popover.bottom > .arrow {
  top: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
}

.popover.bottom > .arrow:after {
  top: 1px;
  margin-left: -10px;
  content: " ";
  border-top-width: 0;
  border-bottom-color: #fff;
}

.popover.left > .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999;
  border-left-color: rgba(0, 0, 0, 0.25);
}

.popover.left > .arrow:after {
  right: 1px;
  bottom: -10px;
  content: " ";
  border-right-width: 0;
  border-left-color: #fff;
}

.carousel {
  position: relative;
}

.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.carousel-inner > .item {
  position: relative;
  display: none;
  -webkit-transition: .6s ease-in-out left;
  -o-transition: .6s ease-in-out left;
  transition: .6s ease-in-out left;
}

.carousel-inner > .item > a > img,
.carousel-inner > .item > img {
  line-height: 1;
}

@media all and (transform-3d), (-webkit-transform-3d) {
  .carousel-inner > .item {
    -webkit-transition: -webkit-transform .6s ease-in-out;
    -o-transition: -o-transform .6s ease-in-out;
    transition: -webkit-transform .6s ease-in-out;
    -o-transition: transform .6s ease-in-out;
    transition: transform .6s ease-in-out;
    transition: transform .6s ease-in-out, -webkit-transform .6s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    perspective: 1000px;
  }
  .carousel-inner > .item.active.right,
  .carousel-inner > .item.next {
    left: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  .carousel-inner > .item.active.left,
  .carousel-inner > .item.prev {
    left: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  .carousel-inner > .item.active,
  .carousel-inner > .item.next.left,
  .carousel-inner > .item.prev.right {
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
  display: block;
}

.carousel-inner > .active {
  left: 0;
}

.carousel-inner > .next,
.carousel-inner > .prev {
  position: absolute;
  top: 0;
  width: 100%;
}

.carousel-inner > .next {
  left: 100%;
}

.carousel-inner > .prev {
  left: -100%;
}

.carousel-inner > .next.left,
.carousel-inner > .prev.right {
  left: 0;
}

.carousel-inner > .active.left {
  left: -100%;
}

.carousel-inner > .active.right {
  left: 100%;
}

.carousel-control {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 15%;
  font-size: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  filter: alpha(opacity=50);
  opacity: .5;
}

.carousel-control.left {
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.0001) 100%);
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.0001) 100%);
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.0001)));
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.0001)));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.0001) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
  background-repeat: repeat-x;
}

.carousel-control.right {
  right: 0;
  left: auto;
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.5) 100%);
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.5) 100%);
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.0001)), to(rgba(0, 0, 0, 0.5)));
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(0, 0, 0, 0.0001)), to(rgba(0, 0, 0, 0.5)));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.5) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
  background-repeat: repeat-x;
}

.carousel-control:focus,
.carousel-control:hover {
  color: #fff;
  text-decoration: none;
  filter: alpha(opacity=90);
  outline: 0;
  opacity: .9;
}

.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next,
.carousel-control .icon-prev {
  position: absolute;
  top: 50%;
  z-index: 5;
  display: inline-block;
}

.carousel-control .glyphicon-chevron-left,
.carousel-control .icon-prev {
  left: 50%;
  margin-left: -10px;
}

.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next {
  right: 50%;
  margin-right: -10px;
}

.carousel-control .icon-next,
.carousel-control .icon-prev {
  width: 20px;
  height: 20px;
  margin-top: -10px;
  font-family: serif;
  line-height: 1;
}

.carousel-control .icon-prev:before {
  content: '\2039';
}

.carousel-control .icon-next:before {
  content: '\203a';
}

.carousel-indicators {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 15;
  width: 60%;
  padding-left: 0;
  margin-left: -30%;
  text-align: center;
  list-style: none;
}

.carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #000 \9;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #fff;
  border-radius: 10px;
}

.carousel-indicators .active {
  width: 12px;
  height: 12px;
  margin: 0;
  background-color: #fff;
}

.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}

.carousel-caption .btn {
  text-shadow: none;
}

@media screen and (min-width: 768px) {
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-next,
  .carousel-control .icon-prev {
    width: 30px;
    height: 30px;
    margin-top: -15px;
    font-size: 30px;
  }
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .icon-prev {
    margin-left: -15px;
  }
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-next {
    margin-right: -15px;
  }
  .carousel-caption {
    right: 20%;
    left: 20%;
    padding-bottom: 30px;
  }
  .carousel-indicators {
    bottom: 20px;
  }
}

.btn-group-vertical > .btn-group:after,
.btn-group-vertical > .btn-group:before,
.btn-toolbar:after,
.btn-toolbar:before,
.clearfix:after,
.clearfix:before,
.container-fluid:after,
.container-fluid:before,
.container:after,
.container:before,
.dl-horizontal dd:after,
.dl-horizontal dd:before,
.form-horizontal .form-group:after,
.form-horizontal .form-group:before,
.modal-footer:after,
.modal-footer:before,
.nav:after,
.nav:before,
.navbar-collapse:after,
.navbar-collapse:before,
.navbar-header:after,
.navbar-header:before,
.navbar:after,
.navbar:before,
.pager:after,
.pager:before,
.panel-body:after,
.panel-body:before,
.row:after,
.row:before {
  display: table;
  content: " ";
}

.btn-group-vertical > .btn-group:after,
.btn-toolbar:after,
.clearfix:after,
.container-fluid:after,
.container:after,
.dl-horizontal dd:after,
.form-horizontal .form-group:after,
.modal-footer:after,
.nav:after,
.navbar-collapse:after,
.navbar-header:after,
.navbar:after,
.pager:after,
.panel-body:after,
.row:after {
  clear: both;
}

.center-block {
  display: block;
  margin-right: auto;
  margin-left: 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;
}

.affix {
  position: fixed;
}

.visible-lg,
.visible-md,
.visible-sm,
.visible-xs {
  display: none !important;
}

.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block {
  display: none !important;
}

@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }
  table.visible-xs {
    display: table;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  td.visible-xs,
  th.visible-xs {
    display: table-cell !important;
  }
}

@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important;
  }
}

@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important;
  }
}

@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }
  table.visible-sm {
    display: table;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  td.visible-sm,
  th.visible-sm {
    display: table-cell !important;
  }
  .visible-sm-block {
    display: block !important;
  }
  .visible-sm-inline {
    display: inline !important;
  }
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }
  table.visible-md {
    display: table;
  }
  tr.visible-md {
    display: table-row !important;
  }
  td.visible-md,
  th.visible-md {
    display: table-cell !important;
  }
  .visible-md-block {
    display: block !important;
  }
  .visible-md-inline {
    display: inline !important;
  }
  .visible-md-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 1200px) {
  .visible-lg {
    display: block !important;
  }
  table.visible-lg {
    display: table;
  }
  tr.visible-lg {
    display: table-row !important;
  }
  td.visible-lg,
  th.visible-lg {
    display: table-cell !important;
  }
}

@media (min-width: 1200px) {
  .visible-lg-block {
    display: block !important;
  }
}

@media (min-width: 1200px) {
  .visible-lg-inline {
    display: inline !important;
  }
}

@media (min-width: 1200px) {
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}

@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}

@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}

.visible-print {
  display: none !important;
}

@media print {
  .visible-print {
    display: block !important;
  }
  table.visible-print {
    display: table;
  }
  tr.visible-print {
    display: table-row !important;
  }
  td.visible-print,
  th.visible-print {
    display: table-cell !important;
  }
}

.visible-print-block {
  display: none !important;
}

@media print {
  .visible-print-block {
    display: block !important;
  }
}

.visible-print-inline {
  display: none !important;
}

@media print {
  .visible-print-inline {
    display: inline !important;
  }
}

.visible-print-inline-block {
  display: none !important;
}

@media print {
  .visible-print-inline-block {
    display: inline-block !important;
  }
}

@media print {
  .hidden-print {
    display: none !important;
  }
}

/*=======================================================
			Page Loader
========================================================*/
#loader {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: black;
  z-index: 999999;
  opacity: 1;
  text-align: center;
}

.loading {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  width: 100px;
  margin: 0 auto;
  margin-top: 25px;
  position: relative;
  text-indent: -9999em;
}

#loader p {
  font-style: italic;
  margin-top: 20px;
}

.ball {
  border-radius: 50%;
  background: #ccc;
  width: 10px;
  height: 10px;
  position: absolute;
  -webkit-animation: loading 1.2s linear infinite;
  animation: loading 1.2s linear infinite;
}

.ball:nth-of-type(2) {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}

.ball:nth-of-type(3) {
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s;
}

@-webkit-keyframes loading {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }
  20% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  40% {
    -webkit-transform: translate3d(33px, 0, 0);
    transform: translate3d(33px, 0, 0);
  }
  60% {
    -webkit-transform: translate3d(66px, 0, 0);
    transform: translate3d(66px, 0, 0);
  }
  80% {
    -webkit-transform: translate3d(99px, 0, 0);
    transform: translate3d(99px, 0, 0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(99px, 0, 0) scale(0.5);
    transform: translate3d(99px, 0, 0) scale(0.5);
    opacity: 0;
  }
}

@keyframes loading {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }
  20% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  40% {
    -webkit-transform: translate3d(33px, 0, 0);
    transform: translate3d(33px, 0, 0);
  }
  60% {
    -webkit-transform: translate3d(66px, 0, 0);
    transform: translate3d(66px, 0, 0);
  }
  80% {
    -webkit-transform: translate3d(99px, 0, 0);
    transform: translate3d(99px, 0, 0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(99px, 0, 0) scale(0.5);
    transform: translate3d(99px, 0, 0) scale(0.5);
    opacity: 0;
  }
}

/* MENU CONFIGURATION
**********************************************************/
.ownmenu {
  width: auto;
  padding: 0;
  margin: 0 auto;
  position: relative;
  float: none;
  list-style: none;
  text-align: center;
}

ul.ownmenu {
  margin: 0 auto;
  text-align: center;
  float: none;
  width: auto;
  padding-top: 1px;
}

.ownmenu li {
  display: inline-block;
  float: left;
}

.ownmenu a {
  -o-transition: all .3s linear;
  -webkit-transition: all .3s linear;
  -moz-transition: all .3s linear;
  transition: all .3s linear;
  outline: none;
  z-index: 10;
}

/* DROPDOWN CONFIGURATION
**********************************************************/
.ownmenu ul.dropdown,
.ownmenu ul.dropdown li ul.dropdown {
  list-style: none;
  margin: 0;
  padding: 0;
  display: none;
  position: absolute;
  z-index: 99;
  padding-left: 0px;
  width: 250px;
  background: none;
}

.ownmenu ul.dropdown li ul.dropdown {
  left: 100%;
  top: inherit;
  background: #272727;
}

header nav .ownmenu ul.dropdown .indicator {
  display: block;
  left: -15px;
  margin-left: 0px;
}

.ownmenu ul.dropdown li {
  clear: both;
  width: 100%;
}

.ownmenu ul.dropdown li a {
  width: 100%;
  padding: 12px 24px 12px;
  display: inline-block;
  float: left;
  clear: both;
  text-decoration: none;
  color: #999;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.ownmenu ul.dropdown li:hover > a {
  color: #fff !important;
}

/* dropdowns to left side */
.ownmenu ul.dropdown li ul.dropdown.left {
  left: auto;
  right: 100%;
}

/* SUBMENU INDICATORS
**********************************************************/
.ownmenu .indicator {
  position: relative;
  right: 5px;
  font-size: 14px;
  float: right;
}

.ownmenu ul li .indicator {
  font-size: 12px;
  top: 1px;
  left: 10px;
}

.ownmenu ul.dropdown {
  top: 54px;
}

.ownmenu > li > .megamenu {
  top: 54px;
}

/* MEGAMENU
**********************************************************/
.ownmenu > li > .megamenu {
  position: absolute;
  display: none;
  background: #fff;
  width: 25%;
  font-size: 12px;
  color: #999;
  z-index: 99;
  padding: 0 0px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* megamenu list */
.ownmenu li > .megamenu ul {
  margin: 0px;
  float: left;
  padding: 0;
  display: block;
  position: relative;
}

.ownmenu li > .megamenu ul li {
  width: 100%;
  padding: 0px;
}

.ownmenu li > .megamenu ul li.title {
  margin: 0 0 8px;
  padding: 0 0 5px;
  font-size: 14px;
  border-bottom: solid 1px #666;
}

/* megamenu h5 */
.ownmenu li > .megamenu h5 {
  width: 100%;
  margin: 0;
  padding: 0;
}

/* megamenu links */
.ownmenu li > .megamenu a {
  color: #999;
  text-decoration: none;
  font-size: 12px;
  -webkit-transition: color 0.3s linear;
  -moz-transition: color 0.3s linear;
  -o-transition: color 0.3s linear;
  transition: color 0.3s linear;
}

.ownmenu li > .megamenu a:hover {
  color: #dedede;
}

/* megamenu images */
.ownmenu .megamenu img {
  width: 100%;
  -webkit-transition: border 0.3s linear;
  -moz-transition: border 0.3s linear;
  -o-transition: border 0.3s linear;
  transition: border 0.3s linear;
}

/* to fix right attribute on submenus (menu aligned to left (default)) */
.ownmenu > li.fix-sub > .megamenu,
.ownmenu > li.fix-sub > .megamenu.half-width,
.ownmenu > li.fix-sub > .dropdown {
  right: 0;
}

/* MEGAMENU WIDTHS
**********************************************************/
.ownmenu > li > .megamenu.half-width {
  width: 50%;
}

.ownmenu > li > .megamenu.full-width {
  width: 100%;
  left: 0;
  text-align: left;
}

/* MEGAMENU FORM CONFIGURATION
**********************************************************/
.ownmenu li > .megamenu form {
  width: 100%;
}

/* megamenu inputs */
.ownmenu li > .megamenu form input[type="text"],
.ownmenu li > .megamenu form textarea {
  padding: 5px;
  color: #999;
  background: #444;
  font-size: 14px;
  border: solid 1px transparent;
  outline: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: border 0.3s linear;
  -moz-transition: border 0.3s linear;
  -o-transition: border 0.3s linear;
  transition: border 0.3s linear;
}

.ownmenu li > .megamenu form input[type="text"]:focus,
.ownmenu li > .megamenu form textarea:focus {
  border-color: #e0e0e0;
}

.ownmenu li > .megamenu form input[type="text"] {
  width: 100%;
  margin-top: 10px;
}

.ownmenu li > .megamenu form textarea {
  width: 100%;
  margin-top: 10px;
}

.ownmenu li > .megamenu form input[type="submit"] {
  width: 25%;
  float: right;
  height: 30px;
  margin-top: 10px;
  border: none;
  cursor: pointer;
  background: #444;
  color: #777;
  -webkit-transition: background 0.3s linear;
  -moz-transition: background 0.3s linear;
  -o-transition: background 0.3s linear;
  transition: background 0.3s linear;
}

.ownmenu li > .megamenu form input[type="submit"]:hover {
  background: #e0e0e0;
  color: #555;
}

/* MEGAMENU GRID SYSTEM
**********************************************************/
.megamenu .row:first-child {
  margin-top: 0;
}

.megamenu .row:before,
.megamenu .row:after {
  display: table;
  content: "";
  line-height: 0;
}

.megamenu .row:after {
  clear: both;
}

.megamenu .row .col1,
.megamenu .row .col2,
.megamenu .row .col3,
.megamenu .row .col4,
.megamenu .row .col5,
.megamenu .row .col6 {
  display: block;
  width: 100%;
  min-height: 20px;
  float: left;
  margin-left: 2.127659574468085%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.megamenu .row [class*="col"]:first-child {
  margin-left: 0;
}

.megamenu .row .col1 {
  width: 14.893617021276595%;
}

/* RIGHT ALIGNMENT (MENU ITEM)
**********************************************************/
.ownmenu > li.right {
  float: right;
}

.ownmenu > li.right > .megamenu,
.ownmenu > li.right > .megamenu.half-width,
.ownmenu > li.right > .dropdown {
  right: 0;
}

/* to fix right attribute on submenus (menu aligned to right) */
.ownmenu > li.jsright {
  float: right;
}

.ownmenu > li.jsright.last > .megamenu,
.ownmenu > li.jsright.last > .megamenu.half-width,
.ownmenu > li.jsright.last > .dropdown {
  right: 0;
}

/* ICONS (FONT AWESOME)
**********************************************************/
.ownmenu > li > a > i {
  line-height: 23px !important;
  margin-right: 6px;
  font-size: 18px;
  float: left;
}

.ownmenu .cart_header {
  margin: 0;
  float: none;
  font-size: 24px;
  padding-bottom: 2px;
}

/* COLLAPSIBLE MENU
**********************************************************/
.ownmenu > li.showhide {
  display: none;
  width: 100%;
  height: 50px;
  cursor: pointer;
  color: #999;
}

.ownmenu > li.showhide span.title {
  margin: 15px 0 0 25px;
  float: left;
}

.ownmenu > li.showhide span.icon {
  margin: 17px 20px;
  float: right;
}

.ownmenu > li.showhide .icon em {
  margin-bottom: 3px;
  display: block;
  width: 20px;
  height: 2px;
  background: #999;
}

/* RESPONSIVE LAYOUT
**********************************************************/
@media (max-width: 767px) {
  .ownmenu > li {
    display: block;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }
  .ownmenu > li > a {
    padding: 15px 25px;
  }
  .ownmenu a {
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }
  .ownmenu ul.dropdown,
  .ownmenu ul.dropdown li ul.dropdown {
    width: 100% !important;
    left: 0;
    position: static !important;
    border: none;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }
  .ownmenu ul.dropdown li {
    border: none;
  }
  .ownmenu ul.dropdown > li > a {
    padding-left: 40px !important;
  }
  .ownmenu > li > .megamenu {
    width: 100% !important;
    position: static;
    border-top: none;
  }
  .ownmenu > li > .megamenu .row [class*="col"] {
    float: none;
    display: block;
    width: 100% !important;
    margin-left: 0;
    margin-top: 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .ownmenu > li > .megamenu .row:first-child [class*="col"]:first-child {
    margin-top: 0;
  }
  .ownmenu > li > .megamenu .row {
    margin-top: 0;
  }
  .ownmenu > li > ul.dropdown > li > a {
    padding-left: 20px !important;
  }
  .ownmenu > li > ul.dropdown > li > ul.dropdown > li > a {
    padding-left: 60px !important;
  }
  .ownmenu > li > ul.dropdown > li > ul.dropdown > li > ul.dropdown > li > a {
    padding-left: 80px !important;
  }
}

@media (min-width: 767px) and (max-width: 900px) {
  .ownmenu > li > .megamenu {
    width: 100% !important;
    left: 0 !important;
  }
}

/* jQuery Lighter
 * Copyright 2015 Kevin Sylvestre
 * 1.3.4
 */
.lighter {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 4000;
  opacity: 1;
}

.lighter img {
  display: block;
  width: 100%;
  height: 100%;
}

.lighter-fade .lighter-overlay {
  opacity: 0;
}

.lighter-loading .lighter-spinner {
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

.lighter-loading .lighter-container {
  opacity: 0;
  -webkit-transform: scale(0.4);
  -moz-transform: scale(0.4);
  -ms-transform: scale(0.4);
  -o-transform: scale(0.4);
  transform: scale(0.4);
}

.lighter-fetched .lighter-spinner {
  opacity: 0;
  -webkit-transform: scale(0.4);
  -moz-transform: scale(0.4);
  -ms-transform: scale(0.4);
  -o-transform: scale(0.4);
  transform: scale(0.4);
}

.lighter-fetched .lighter-container {
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

.lighter-fade .lighter-container {
  opacity: 0;
  -webkit-transform: scale(0.4);
  -moz-transform: scale(0.4);
  -ms-transform: scale(0.4);
  -o-transform: scale(0.4);
  transform: scale(0.4);
}

.lighter-fade .lighter-spinner {
  opacity: 0;
  -webkit-transform: scale(0.4);
  -moz-transform: scale(0.4);
  -ms-transform: scale(0.4);
  -o-transform: scale(0.4);
  transform: scale(0.4);
}

.lighter-overlay {
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  -webkit-transition-property: opacity, -webkit-transform;
  -moz-transition-property: opacity, -moz-transform;
  transition-property: opacity, -webkit-transform;
  -o-transition-property: opacity, transform;
  transition-property: opacity, transform;
  transition-property: opacity, transform, -webkit-transform;
  background: rgba(255, 255, 255, 0.8);
  height: 100%;
  width: 100%;
}

.lighter-container {
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  -webkit-transition-property: opacity, -webkit-transform;
  -moz-transition-property: opacity, -moz-transform;
  transition-property: opacity, -webkit-transform;
  -o-transition-property: opacity, transform;
  transition-property: opacity, transform;
  transition-property: opacity, transform, -webkit-transform;
  background: #FFF;
  position: absolute;
  z-index: 4000;
  top: 50%;
  left: 50%;
  right: 50%;
  bottom: 50%;
  -webkit-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.4);
}

.lighter-close {
  top: 0;
  right: 0;
  width: 32px;
  height: 32px;
  text-align: center;
  margin: -15px;
  line-height: 32px;
  font-size: 16pt;
  font-family: Helvetica, Arial, serif;
}

.lighter-next,
.lighter-prev {
  display: none;
  top: 50%;
  width: 40px;
  height: 40px;
  margin: -20px 0;
  line-height: 34px;
  font-size: 32pt;
  font-family: Times, serif;
}

.lighter-next {
  right: 40px;
}

.lighter-prev {
  left: 40px;
}

.lighter-next,
.lighter-prev,
.lighter-close {
  cursor: pointer;
  position: absolute;
  z-index: 8000;
  text-align: center;
  border-radius: 50%;
  color: white;
  background: rgba(0, 0, 0, 0.4);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  -webkit-transition-property: color, background;
  -moz-transition-property: color, background;
  -o-transition-property: color, background;
  transition-property: color, background;
}

.lighter-next:hover,
.lighter-prev:hover,
.lighter-close:hover {
  color: white;
  background: rgba(0, 0, 0, 0.4);
}

.lighter-next:active,
.lighter-prev:active,
.lighter-close:active {
  color: white;
  background: rgba(0, 0, 0, 0.4);
}

.lighter-spinner {
  -webkit-transition: opacity 0.4s ease-in-out;
  -moz-transition: opacity 0.4s ease-in-out;
  -o-transition: opacity 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out;
  position: absolute;
  width: 60px;
  height: 20px;
  margin: -10px -30px;
  z-index: 4000;
  top: 50%;
  left: 50%;
  right: 50%;
  bottom: 50%;
}

.lighter-spinner::after {
  clear: both;
  content: "";
  display: table;
}

.lighter-dot {
  display: block;
  float: left;
  background: rgba(0, 0, 0, 0.2);
  width: 16px;
  height: 16px;
  margin: 2px;
  padding: 0;
  border-radius: 50%;
  -webkit-animation: lighter-bounce 1.6s infinite ease-in-out;
  -moz-animation: lighter-bounce 1.6s infinite ease-in-out;
  animation: lighter-bounce 1.6s infinite ease-in-out;
}

.lighter-dot:nth-child(1) {
  -webkit-animation-delay: -0.4s;
  -moz-animation-delay: -0.4s;
  animation-delay: -0.4s;
}

.lighter-dot:nth-child(2) {
  -webkit-animation-delay: -0.26667s;
  -moz-animation-delay: -0.26667s;
  animation-delay: -0.26667s;
}

.lighter-dot:nth-child(3) {
  -webkit-animation-delay: -0.13333s;
  -moz-animation-delay: -0.13333s;
  animation-delay: -0.13333s;
}

@-webkit-keyframes lighter-bounce {
  from,
  to {
    -webkit-transform: scale(0);
  }
  20% {
    -webkit-transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
  }
  80% {
    -webkit-transform: scale(0);
  }
}

@-moz-keyframes lighter-bounce {
  from,
  to {
    -moz-transform: scale(0);
  }
  20% {
    -moz-transform: scale(0);
  }
  50% {
    -moz-transform: scale(1);
  }
  80% {
    -moz-transform: scale(0);
  }
}

@keyframes lighter-bounce {
  from,
  to {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
  }
  20% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  80% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
  }
}

/*
 * jQuery FlexSlider v2.4.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 and later license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 * 
 */
/* ====================================================================================================================
 * RESETS
 * ====================================================================================================================*/
.flex-container a:hover,
.flex-slider a:hover,
.flex-container a:focus,
.flex-slider a:focus {
  outline: none;
}

.slides,
.slides > li,
.flex-control-nav,
.flex-direction-nav {
  margin: 0;
  padding: 0;
  list-style: none;
}

.flex-pauseplay span {
  text-transform: capitalize;
}

/* ====================================================================================================================
 * BASE STYLES
 * ====================================================================================================================*/
.flexslider {
  margin: 0;
  padding: 0;
}

.flexslider .slides > li {
  display: none;
  -webkit-backface-visibility: hidden;
}

.flexslider .slides img {
  width: 100%;
  display: block;
}

.flexslider .slides:after {
  content: "\0020";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

html[xmlns] .flexslider .slides {
  display: block;
}

* html .flexslider .slides {
  height: 1%;
}

.no-js .flexslider .slides > li:first-child {
  display: block;
}

/* ====================================================================================================================
 * DEFAULT THEME
 * ====================================================================================================================*/
.flexslider {
  margin: 0 0 60px;
  background: #ffffff;
  border: 4px solid #ffffff;
  position: relative;
  zoom: 1;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: "" 0 1px 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: "" 0 1px 4px rgba(0, 0, 0, 0.2);
  -o-box-shadow: "" 0 1px 4px rgba(0, 0, 0, 0.2);
  box-shadow: "" 0 1px 4px rgba(0, 0, 0, 0.2);
}

.flexslider .slides {
  zoom: 1;
}

.flexslider .slides img {
  height: auto;
}

.flex-viewport {
  max-height: 2000px;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}

.loading .flex-viewport {
  max-height: 300px;
}

.carousel li {
  margin-right: 5px;
}

.flex-direction-nav {
  *height: 0;
}

.flex-direction-nav a {
  text-decoration: none;
  display: block;
  width: 40px;
  height: 40px;
  margin: -30px 0 0;
  position: absolute;
  top: 50%;
  font-size: 20px;
  z-index: 10;
  overflow: hidden;
  opacity: 1;
  cursor: pointer;
  text-align: center;
  line-height: 40px;
  background: rgba(0, 0, 0, 0.8);
  color: #ecc731;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.flex-direction-nav a:before {
  font-family: "";
  font-size: 20px;
  display: inline-block;
  width: 100%;
  font-family: 'FontAwesome';
  content: '\f104';
  color: #3dc5df;
  margin-top: 0px;
  float: left;
}

.flex-direction-nav a.flex-next:before {
  content: '\f105';
}

.flex-direction-nav .flex-next {
  text-align: center;
  right: 0px;
}

.flexslider:hover .flex-direction-nav .flex-prev {
  opacity: 0.7;
}

.flexslider:hover .flex-direction-nav .flex-prev:hover {
  opacity: 1;
}

.flexslider:hover .flex-direction-nav .flex-next {
  opacity: 0.7;
}

.flexslider:hover .flex-direction-nav .flex-next:hover {
  opacity: 1;
}

.flex-nav-next {
  right: 60px;
  position: absolute;
}

.flex-nav-prev {
  left: 20px;
  position: absolute;
}

.flex-direction-nav .flex-disabled {
  opacity: 0 !important;
  filter: alpha(opacity=0);
  cursor: default;
}

.flex-pauseplay a {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  bottom: 5px;
  left: 10px;
  opacity: 0.8;
  z-index: 10;
  overflow: hidden;
  cursor: pointer;
  color: #000;
}

.flex-pauseplay a:before {
  font-family: "flexslider-icon";
  font-size: 20px;
  display: inline-block;
  content: '\f004';
}

.flex-pauseplay a:hover {
  opacity: 1;
}

.flex-pauseplay a .flex-play:before {
  content: '\f003';
}

.flex-control-nav {
  width: 100%;
  position: absolute;
  bottom: -40px;
  text-align: center;
}

.flex-control-nav li {
  margin: 0 6px;
  display: inline-block;
  zoom: 1;
  *display: inline;
}

.flex-control-paging li a {
  width: 11px;
  height: 11px;
  display: block;
  background: #666;
  background: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  text-indent: -9999px;
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}

.flex-control-paging li a:hover {
  background: #333;
  background: rgba(0, 0, 0, 0.7);
}

.flex-control-paging li a.flex-active {
  background: #000;
  background: rgba(0, 0, 0, 0.9);
  cursor: default;
}

.flex-control-thumbs {
  margin: 15px 0 0;
  position: static;
  overflow: hidden;
}

.flex-control-thumbs li {
  width: 10%;
  float: left;
  margin: 0;
  padding: 0 5px;
}

.flex-control-thumbs img {
  width: 100%;
  height: auto;
  display: block;
  opacity: 0.5;
  cursor: pointer;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}

.flex-control-thumbs img:hover {
  opacity: 1;
}

.flex-control-thumbs .flex-active {
  opacity: 1;
  cursor: default;
}

/* ====================================================================================================================
 * RESPONSIVE
 * ====================================================================================================================*/
@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {
    opacity: 1;
    left: 10px;
  }
  .flex-direction-nav .flex-next {
    opacity: 1;
    right: 10px;
  }
}

/* 
 *  Owl Carousel - Animate Plugin
 */
.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 Carousel - Auto Height Plugin
 */
.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;
}

/* 
 *  Core Owl Carousel CSS File
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1;
}

.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
}

.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  /* fix for flashing background */
  -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 */
.no-js .owl-carousel {
  display: block;
}

/* 
 * 	Owl Carousel - Lazy Load Plugin
 */
.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 {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

/* 
 * 	Owl Carousel - Video Plugin
 */
.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;
}

/*!
 * Bootstrap-select v1.6.3 (http://silviomoreto.github.io/bootstrap-select/)
 *
 * Copyright 2013-2014 bootstrap-select
 * Licensed under MIT (https://github.com/silviomoreto/bootstrap-select/blob/master/LICENSE)
 */
.bootstrap-select {
  /*width: 220px\9; IE8 and below*/
  width: 220px \0;
  /*IE9 and below*/
}

.bootstrap-select > .btn {
  width: 100%;
  padding-right: 25px;
}

.error .bootstrap-select .btn {
  border: 1px solid #b94a48;
}

.control-group.error .bootstrap-select .dropdown-toggle {
  border-color: #b94a48;
}

.bootstrap-select.fit-width {
  width: auto !important;
}

.bootstrap-select .btn:focus {
  outline: thin dotted #333333 !important;
  outline: 5px auto -webkit-focus-ring-color !important;
  outline-offset: -2px;
}

.bootstrap-select.form-control {
  margin-bottom: 0;
  padding: 0;
  border: none;
}

.bootstrap-select.form-control:not([class*="col-"]) {
  width: 100%;
}

.bootstrap-select.btn-group:not(.input-group-btn),
.bootstrap-select.btn-group[class*="col-"] {
  float: none;
  display: inline-block;
  margin-left: 0;
}

.bootstrap-select.btn-group.dropdown-menu-right,
.bootstrap-select.btn-group[class*="col-"].dropdown-menu-right,
.row-fluid .bootstrap-select.btn-group[class*="col-"].dropdown-menu-right {
  float: right;
}

.form-search .bootstrap-select.btn-group,
.form-inline .bootstrap-select.btn-group,
.form-horizontal .bootstrap-select.btn-group,
.form-group .bootstrap-select.btn-group {
  margin-bottom: 0;
}

.form-group-lg .bootstrap-select.btn-group.form-control,
.form-group-sm .bootstrap-select.btn-group.form-control {
  padding: 0;
}

.form-inline .bootstrap-select.btn-group .form-control {
  width: 100%;
}

.input-append .bootstrap-select.btn-group {
  margin-left: -1px;
}

.input-prepend .bootstrap-select.btn-group {
  margin-right: -1px;
}

.bootstrap-select.btn-group > .disabled {
  cursor: not-allowed;
}

.bootstrap-select.btn-group > .disabled:focus {
  outline: none !important;
}

.bootstrap-select.btn-group .btn .filter-option {
  display: inline-block;
  overflow: hidden;
  width: 100%;
  text-align: left;
}

.bootstrap-select.btn-group .btn .caret {
  position: absolute;
  top: 50%;
  right: 12px;
  margin-top: -2px;
  vertical-align: middle;
}

.bootstrap-select.btn-group[class*="col-"] .btn {
  width: 100%;
}

.bootstrap-select.btn-group .dropdown-menu {
  min-width: 100%;
  z-index: 1035;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.175);
  box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.175);
}

.bootstrap-select .dropdown-menu > li > a:hover {
  background: #4ba53a;
  color: #fff;
}

.bootstrap-select .dropdown-menu > li > a:hover {
  background: #4ba53a;
  color: #fff;
}

.bootstrap-select .dropdown-menu > li.selected a {
  background: #4ba53a;
  color: #fff;
}

.bootstrap-select .dropdown-menu > li > a {
  padding: 3 10px;
}

.bootstrap-select.btn-group .dropdown-menu.inner {
  position: static;
  border: 0;
  padding: 0;
  margin: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.bootstrap-select.btn-group .dropdown-menu li {
  position: relative;
  margin-bottom: 0px;
}

.bootstrap-select .dropdown-menu > li > a {
  font-size: 12px;
}

.bootstrap-select .dropdown-menu {
  border-radius: 0px;
  padding: 0px;
  margin: 0px;
  border-top: none;
  border-color: #f7f7f7;
  border: none;
}

.bootstrap-select .btn {
  font-weight: inherit;
  text-transform: none;
  font-size: 12px;
  background: #f7f7f7 !important;
  border: none;
  height: 40px;
  display: inline-block;
  min-width: 100%;
  width: 100%;
  color: #696969;
}

.bootstrap-select .btn:focus {
  outline: none !important;
}

.bootstrap-select.btn-group {
  width: 100%;
  display: inline-block;
}

.bootstrap-select li a {
  line-height: 30px;
}

.bootstrap-select a:focus {
  outline: none;
}

.bootstrap-select .btn-group.open .btn {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

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

.bootstrap-select.btn-group .dropdown-menu li:not(.disabled) a:hover small,
.bootstrap-select.btn-group .dropdown-menu li:not(.disabled) a:focus small,
.bootstrap-select.btn-group .dropdown-menu li.active:not(.disabled) a small {
  color: #64b1d8;
  color: rgba(100, 177, 216, 0.4);
}

.bootstrap-select.btn-group .dropdown-menu li.disabled a {
  cursor: not-allowed;
}

.bootstrap-select.btn-group .dropdown-menu li a {
  cursor: pointer;
}

.bootstrap-select.btn-group .dropdown-menu li a.opt {
  position: relative;
  padding-left: 2.25em;
}

.bootstrap-select.btn-group .dropdown-menu li a span.check-mark {
  display: none;
}

.bootstrap-select.btn-group .dropdown-menu li a span.text {
  display: inline-block;
  margin-top: 0;
}

.bootstrap-select.btn-group .dropdown-menu li small {
  padding-left: 0.5em;
}

.bootstrap-select.btn-group .dropdown-menu .notify {
  position: absolute;
  bottom: 5px;
  width: 96%;
  margin: 0 2%;
  min-height: 26px;
  padding: 3px 5px;
  background: #f5f5f5;
  border: 1px solid #e3e3e3;
  -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);
  pointer-events: none;
  opacity: 0.9;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.bootstrap-select.btn-group .no-results {
  padding: 3px;
  background: #f5f5f5;
  margin: 0 5px;
}

.bootstrap-select.btn-group.fit-width .btn .filter-option {
  position: static;
}

.bootstrap-select.btn-group.fit-width .btn .caret {
  position: static;
  top: auto;
  margin-top: -1px;
}

.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark {
  position: absolute;
  display: inline-block;
  right: 15px;
  margin-top: 5px;
}

.bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text {
  margin-right: 34px;
}

.bootstrap-select.show-menu-arrow.open > .btn {
  z-index: 1036;
}

.bootstrap-select.show-menu-arrow .dropdown-toggle:before {
  content: '';
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom-width: 7px;
  border-bottom-style: solid;
  border-bottom-color: #cccccc;
  border-bottom-color: rgba(204, 204, 204, 0.2);
  position: absolute;
  bottom: -4px;
  left: 9px;
  display: none;
}

.bootstrap-select.show-menu-arrow .dropdown-toggle:after {
  content: '';
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid white;
  position: absolute;
  bottom: -4px;
  left: 10px;
  display: none;
}

.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:before {
  bottom: auto;
  top: -3px;
  border-bottom: 0;
  border-top-width: 7px;
  border-top-style: solid;
  border-top-color: #cccccc;
  border-top-color: rgba(204, 204, 204, 0.2);
}

.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:after {
  bottom: auto;
  top: -3px;
  border-top: 6px solid white;
  border-bottom: 0;
}

.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:before {
  right: 12px;
  left: auto;
}

.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:after {
  right: 13px;
  left: auto;
}

.bootstrap-select.show-menu-arrow.open > .dropdown-toggle:before,
.bootstrap-select.show-menu-arrow.open > .dropdown-toggle:after {
  display: block;
}

.bs-searchbox,
.bs-actionsbox {
  padding: 4px 8px;
}

.bs-actionsbox {
  float: left;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.bs-actionsbox .btn-group button {
  width: 50%;
}

.bs-searchbox + .bs-actionsbox {
  padding: 0 8px 4px;
}

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

.mobile-device {
  position: absolute;
  top: 0;
  left: 0;
  display: block !important;
  width: 100%;
  height: 100% !important;
  opacity: 0;
}

/*=======================================================
			UI PRICE RANGE
========================================================*/
/* Functional styling;
 * These styles are required for noUiSlider to function.
 * You don't need to change these rules to apply your design.
 */
.noUi-target,
.noUi-target * {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -ms-touch-action: none;
  -ms-user-select: none;
  -moz-user-select: none;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.noUi-base {
  width: 95%;
  height: 100%;
  position: relative;
}

.noUi-origin {
  position: absolute;
  right: 0;
  top: 0;
  left: 0;
  bottom: 0;
}

.noUi-handle {
  position: relative;
  z-index: 1;
}

.noUi-stacking .noUi-handle {
  /* This class is applied to the lower origin when
   its values is > 50%. */
  z-index: 10;
}

.noUi-stacking + .noUi-origin {
  /* Fix stacking order in IE7, which incorrectly
   creates a new context for the origins. */
  *z-index: -1;
}

.noUi-state-tap .noUi-origin {
  -webkit-transition: left 0.3s, top 0.3s;
  -o-transition: left 0.3s, top 0.3s;
  transition: left 0.3s, top 0.3s;
}

.noUi-state-drag * {
  cursor: inherit !important;
}

/* Slider size and handle placement;
 */
.noUi-horizontal {
  height: 4px;
  width: 100%;
  position: relative;
}

.noUi-horizontal .noUi-handle {
  width: 34px;
  height: 28px;
  left: 0px;
  top: -5px;
}

.noUi-horizontal.noUi-extended {
  padding: 0 15px;
}

.noUi-horizontal.noUi-extended .noUi-origin {
  right: -15px;
}

.noUi-vertical {
  width: 18px;
}

.noUi-vertical .noUi-handle {
  width: 28px;
  height: 34px;
  left: -6px;
  top: -17px;
}

.noUi-vertical.noUi-extended {
  padding: 15px 0;
}

.noUi-vertical.noUi-extended .noUi-origin {
  bottom: -15px;
}

/* Styling;
 */
.noUi-background {
  background-color: #ebebeb;
}

.noUi-base .noUi-background {
  background: none;
}

/* Handles and cursors;
 */
.noUi-dragable {
  cursor: w-resize;
}

.noUi-vertical .noUi-dragable {
  cursor: n-resize;
}

.noUi-handle {
  cursor: pointer;
}

.noUi-handle:after {
  left: 17px;
}

.noUi-vertical .noUi-handle:before,
.noUi-vertical .noUi-handle:after {
  width: 14px;
  height: 1px;
  left: 6px;
  top: 14px;
}

.noUi-vertical .noUi-handle:after {
  top: 17px;
}

/* Disabled state;
 */
[disabled].noUi-connect,
[disabled] .noUi-connect {
  background: #B8B8B8;
}

[disabled] .noUi-handle {
  cursor: not-allowed;
}

/* Price Range */
.sidebar-nav.cost-price {
  margin-bottom: 70px;
}

.cost-price-content {
  display: inline-block;
  position: relative;
}

.cost-price-content .noUi-handle-lower,
.cost-price-content .noUi-handle-upper {
  height: 21px;
  width: 21px;
  background-color: #f1f3f8;
  border: 1px solid #dde1eb;
}

.cost-price-content .noUi-base .noUi-connect,
.cost-price-content .noUi-base .noUi-background {
  position: absolute;
  top: -4px;
}

.price-min,
.price-max {
  position: absolute;
  margin-top: 15px;
  font-size: 14px;
  color: #515151;
}

.price-min {
  left: 0;
}

.price-max {
  right: 0;
}

.cost-price-content .noUi-handle-lower,
.cost-price-content .noUi-handle-upper {
  background-color: #fff;
  border: 1px solid #b8b8b8;
}

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
  display: none;
}

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

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse;
}

.ui-helper-clearfix:after {
  clear: both;
}

.ui-helper-clearfix {
  min-height: 0;
  /* support: IE7 */
}

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0);
}

.ui-front {
  z-index: 100;
}

/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
  cursor: default !important;
}

/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}

/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ui-resizable {
  position: relative;
}

.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
}

.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
  display: none;
}

.ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0;
}

.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0;
}

.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%;
}

.ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%;
}

.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px;
}

.ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px;
}

.ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px;
}

.ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px;
}

.ui-button {
  display: inline-block;
  position: relative;
  padding: 0;
  line-height: normal;
  margin-right: .1em;
  cursor: pointer;
  vertical-align: middle;
  text-align: center;
  overflow: visible;
  /* removes extra width in IE */
}

.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
  text-decoration: none;
}

/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
  width: 2.2em;
}

/* button elements seem to need a little more width */
button.ui-button-icon-only {
  width: 2.4em;
}

.ui-button-icons-only {
  width: 3.4em;
}

button.ui-button-icons-only {
  width: 3.7em;
}

/* button text element */
.ui-button .ui-button-text {
  display: block;
  line-height: normal;
}

.ui-button-text-only .ui-button-text {
  padding: .4em 1em;
}

.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
  padding: .4em;
  text-indent: -9999999px;
}

.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
  padding: .4em 1em .4em 2.1em;
}

.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
  padding: .4em 2.1em .4em 1em;
}

.ui-button-text-icons .ui-button-text {
  padding-left: 2.1em;
  padding-right: 2.1em;
}

/* no icon support for input elements, provide padding by default */
input.ui-button {
  padding: .4em 1em;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
  position: absolute;
  top: 50%;
  margin-top: -8px;
}

.ui-button-icon-only .ui-icon {
  left: 50%;
  margin-left: -8px;
}

.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
  left: .5em;
}

.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
  right: .5em;
}

/* button sets */
.ui-buttonset {
  margin-right: 7px;
}

.ui-buttonset .ui-button {
  margin-left: 0;
  margin-right: -.3em;
}

/* workarounds */
/* reset extra padding in Firefox, see h5bp.com/l */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.ui-datepicker {
  width: 17em;
  padding: .2em .2em 0;
  display: none;
}

.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: .2em 0;
  background: #3dc5df;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 0px;
  width: 1.8em;
  height: 1.8em;
}

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
  top: 0px;
}

.ui-datepicker .ui-datepicker-prev:before {
  content: '\f104';
  font-family: 'FontAwesome';
  font-size: 20px;
  left: 8px;
  top: 3px !important;
  color: #fff;
  position: absolute;
}

.ui-datepicker .ui-datepicker-next {
  position: absolute;
  right: 0px;
}

.ui-datepicker .ui-datepicker-next:before {
  content: '\f105';
  font-family: 'FontAwesome';
  font-size: 20px;
  right: 8px;
  top: 3px;
  color: #fff;
  position: absolute;
}

.ui-datepicker .ui-datepicker-next .ui-icon {
  position: absolute;
  right: 0px;
  top: 0px !important;
}

.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center;
}

.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
}

.ui-datepicker select.ui-datepicker-month-year {
  width: 100%;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 49%;
}

.ui-datepicker table {
  width: 100%;
  font-size: .9em;
  border-collapse: collapse;
  margin: 0 0 .4em;
}

.ui-datepicker th {
  padding: .7em .3em;
  text-align: center;
  font-weight: bold;
  border: 0;
}

.ui-datepicker td {
  border: 0;
  padding: 1px;
}

.ui-datepicker td span,
.ui-datepicker td a {
  display: block;
  padding: .2em;
  text-align: right;
  text-decoration: none;
}

.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: .7em 0 0 0;
  padding: 0 .2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}

.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: .5em .2em .4em;
  cursor: pointer;
  padding: .2em .6em .3em .6em;
  width: auto;
  overflow: visible;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
  width: auto;
}

.ui-datepicker-multi .ui-datepicker-group {
  float: left;
}

.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto .4em;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left;
}

.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
  direction: rtl;
}

.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
  float: right;
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}

/* Component containers
----------------------------------*/
.ui-widget {
  font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
  font-size: 1.1em;
}

.ui-widget .ui-widget {
  font-size: 1em;
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
  font-size: 1em;
}

.ui-widget-content {
  border: 1px solid #647382;
  background: #fff;
  color: #333333;
}

.ui-widget-content a {
  color: #333333;
}

.ui-widget-header {
  color: #ffffff;
  font-weight: bold;
}

.ui-widget-header a {
  color: #ffffff;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  border: 1px solid #cccccc;
  background: #fff;
  font-weight: normal;
  color: #647382;
  text-align: center;
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
  color: #1c94c4;
  text-decoration: none;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
  background-position: 0 0;
}

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited {
  color: #c77405;
  text-decoration: none;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
  border: 1px solid #333333;
  background: #333333;
  font-weight: bold;
  color: #fff;
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  color: #eb8f00;
  text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  border: 1px solid #3dc5df;
  background: #3dc5df;
  color: #fff;
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
  color: #363636;
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
  border: 1px solid #cd0a0a;
  background: #b81900 url(images/ui-bg_diagonals-thick_18_b81900_40x40.png) 50% 50% repeat;
  color: #ffffff;
}

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
  color: #ffffff;
}

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
  color: #ffffff;
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
  font-weight: bold;
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
  opacity: .7;
  filter: Alpha(Opacity=70);
  font-weight: normal;
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
  opacity: .35;
  filter: Alpha(Opacity=35);
  background-image: none;
}

.ui-state-disabled .ui-icon {
  filter: Alpha(Opacity=35);
  /* For IE8 - See #6059 */
}

/* Icons
----------------------------------*/
/* states and images
.ui-icon {
	width: 16px;
	height: 17px;
}
.ui-icon, .ui-widget-content .ui-icon {
	background-image: url(../images/date-picker-arrow.png);
}
.ui-widget-header .ui-icon {
	background-image: url(../images/date-picker-arrow.png);
}
.ui-widget-header .ui-icon:before{
}
.ui-state-default .ui-icon {
	background-image: url(../images/date-picker-arrow.png);
}
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {
	background-image: url(../images/date-picker-arrow.png);
}
.ui-state-active .ui-icon {
	background-image: url(../images/date-picker-arrow.png);
}
.ui-state-highlight .ui-icon {
	background-image: url(../images/date-picker-arrow.png);
}
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {
	background-image: url(../images/date-picker-arrow.png);
} */
/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
  border-top-left-radius: 4px;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
  border-top-right-radius: 4px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
  border-bottom-left-radius: 4px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
  border-bottom-right-radius: 4px;
}

/* Overlays */
.ui-widget-overlay {
  background: #666666 url(images/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat;
  opacity: .5;
  filter: Alpha(Opacity=50);
}

.ui-widget-shadow {
  margin: -5px 0 0 -5px;
  padding: 5px;
  background: #000000 url(images/ui-bg_flat_10_000000_40x100.png) 50% 50% repeat-x;
  opacity: .2;
  filter: Alpha(Opacity=20);
  border-radius: 5px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.mfp-preloader a:hover {
  color: white;
}

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

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

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

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

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: -20px;
  top: -20px;
  text-decoration: none;
  text-align: center;
  opacity: 1;
  filter: alpha(opacity=65);
  padding: 0 0 18px 10px;
  color: white;
  font-style: normal;
  font-size: 28px;
  background: #fff !important;
  border-radius: 50%;
  font-family: Arial, Baskerville, monospace;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.mfp-figure figure {
  margin: 0;
}

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

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

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

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

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

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

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

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

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

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

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

.my-mfp-zoom-in .zoom-anim-dialog {
  opacity: 0;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -o-transform: scale(0.8);
  transform: scale(0.8);
}

.pop-open-style {
  padding: 0px;
  text-align: left;
  max-width: 970px;
  margin: 0px auto;
  position: relative;
  border-radius: 0px;
}

.pop-open-style {
  color: #de5749;
}

.pop-open-style p {
  color: #6b6b6b;
}

.pop-open-style .pop_up {
  background: white;
  position: relative;
  overflow: hidden;
  padding: 20px;
  border-radius: 4px;
}

.pop-open-style li span {
  display: inline-block;
}

.pop-open-style li span:nth-child(2) {
  width: 15%;
  border-left: 1px solid #e86a5d;
  padding-left: 10px;
}

.pop-open-style li span:nth-child(3) {
  width: 20%;
  padding: 0 10px;
  border-left: 1px solid #e86a5d;
  border-right: 1px solid #e86a5d;
}

.pop-open-style li span:nth-child(4) {
  width: 33px;
  float: right;
  margin-top: 3px;
}

.pop-open-style li span:nth-child(4) i {
  width: 33px;
  height: 33px;
  text-align: center;
  line-height: 33px;
  background: #fff;
  border-radius: 4px;
  font-size: 20px;
}

/* animate in */
.my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {
  opacity: 1;
  -webkit-transform: scale(2);
  -moz-transform: scale(2);
  -ms-transform: scale(2);
  -o-transform: scale(2);
  transform: scale(2);
}

/* animate out */
.my-mfp-zoom-in.mfp-removing .zoom-anim-dialog {
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -o-transform: scale(0.8);
  transform: scale(0.8);
  opacity: 0;
}

/* Dark overlay, start state */
.my-mfp-zoom-in.mfp-bg {
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-out;
  -moz-transition: opacity 0.3s ease-out;
  -o-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
}

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

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

.my-mfp-slide-bottom .zoom-anim-dialog {
  opacity: 0;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  -webkit-transform: translateY(-20px) perspective(600px) rotateX(10deg);
  -moz-transform: translateY(-20px) perspective(600px) rotateX(10deg);
  -ms-transform: translateY(-20px) perspective(600px) rotateX(10deg);
  -o-transform: translateY(-20px) perspective(600px) rotateX(10deg);
  transform: translateY(-20px) perspective(600px) rotateX(10deg);
}

/* animate in */
.my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog {
  opacity: 1;
  -webkit-transform: translateY(0) perspective(600px) rotateX(0);
  -moz-transform: translateY(0) perspective(600px) rotateX(0);
  -ms-transform: translateY(0) perspective(600px) rotateX(0);
  -o-transform: translateY(0) perspective(600px) rotateX(0);
  transform: translateY(0) perspective(600px) rotateX(0);
}

/* animate out */
.my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog {
  opacity: 0;
  -webkit-transform: translateY(-10px) perspective(600px) rotateX(10deg);
  -moz-transform: translateY(-10px) perspective(600px) rotateX(10deg);
  -ms-transform: translateY(-10px) perspective(600px) rotateX(10deg);
  -o-transform: translateY(-10px) perspective(600px) rotateX(10deg);
  transform: translateY(-10px) perspective(600px) rotateX(10deg);
}

/* Dark overlay, start state */
.my-mfp-slide-bottom.mfp-bg {
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-out;
  -moz-transition: opacity 0.3s ease-out;
  -o-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
}

/* animate in */
.my-mfp-slide-bottom.mfp-ready.mfp-bg {
  opacity: 0.8;
}

/* animate out */
.my-mfp-slide-bottom.mfp-removing.mfp-bg {
  opacity: 0;
}

.image-source-link {
  color: #98C3D1;
}

.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
  opacity: 0;
  -webkit-backface-visibility: hidden;
  /* ideally, transition speed should match zoom duration */
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.mfp-with-zoom.mfp-ready .mfp-container {
  opacity: 1;
}

.mfp-with-zoom.mfp-ready.mfp-bg {
  opacity: 0.8;
}

.mfp-with-zoom.mfp-removing .mfp-container,
.mfp-with-zoom.mfp-removing.mfp-bg {
  opacity: 0;
}

.mfp-image-holder .mfp-close {
  background: none !important;
}

.mfp-arrow-right:before {
  border: none;
}

.mfp-arrow-right:after {
  border: none;
  content: "\f105";
  font-family: FontAwesome;
  margin-right: 0px;
  color: #fff;
  padding: 0px;
  padding: 0px 13px;
  float: right;
  font-size: 30px;
}

.mfp-arrow-left:before {
  border: none;
}

.mfp-arrow-left:after {
  border: none;
  content: "\f104";
  font-family: FontAwesome;
  margin-right: 0px;
  color: #fff;
  padding: 0px;
  padding: 0px 13px;
  float: right;
  font-size: 30px;
}

.checkbox label {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  padding-left: 25px;
  line-height: 19px;
}

.checkbox label::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 17px;
  height: 17px;
  left: 0;
  margin-left: -20px;
  border: 1px solid #272727;
  border-radius: 0px;
  background-color: #fff;
  -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
  -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
  transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
}

.checkbox label::after {
  display: inline-block;
  position: absolute;
  width: 16px;
  height: 16px;
  left: 0;
  top: 0;
  margin-left: 0px;
  padding-left: 3px;
  padding-top: 1px;
  font-size: 11px;
  color: #555555;
  line-height: 15px;
}

.checkbox input[type="checkbox"],
.checkbox input[type="radio"] {
  opacity: 0;
  z-index: 1;
}

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

.checkbox input[type="checkbox"]:checked + label::after,
.checkbox input[type="radio"]:checked + label::after {
  font-family: "FontAwesome";
  content: "\f00c";
}

.checkbox input[type="checkbox"]:disabled + label,
.checkbox input[type="radio"]:disabled + label {
  opacity: 0.65;
}

.checkbox input[type="checkbox"]:disabled + label::before,
.checkbox input[type="radio"]:disabled + label::before {
  background-color: #eeeeee;
  cursor: not-allowed;
}

.checkbox.checkbox-circle label::before {
  border-radius: 50%;
}

.checkbox.checkbox-inline {
  margin-top: 0;
}

.checkbox-primary input[type="checkbox"]:checked + label::before,
.checkbox-primary input[type="radio"]:checked + label::before {
  background-color: #337ab7;
  border-color: #337ab7;
}

.checkbox-primary input[type="checkbox"]:checked + label::after,
.checkbox-primary input[type="radio"]:checked + label::after {
  color: #fff;
}

.checkbox-danger input[type="checkbox"]:checked + label::before,
.checkbox-danger input[type="radio"]:checked + label::before {
  background-color: #d9534f;
  border-color: #d9534f;
}

.checkbox-danger input[type="checkbox"]:checked + label::after,
.checkbox-danger input[type="radio"]:checked + label::after {
  color: #fff;
}

.checkbox-info input[type="checkbox"]:checked + label::before,
.checkbox-info input[type="radio"]:checked + label::before {
  background-color: #5bc0de;
  border-color: #5bc0de;
}

.checkbox-info input[type="checkbox"]:checked + label::after,
.checkbox-info input[type="radio"]:checked + label::after {
  color: #fff;
}

.checkbox-warning input[type="checkbox"]:checked + label::before,
.checkbox-warning input[type="radio"]:checked + label::before {
  background-color: #f0ad4e;
  border-color: #f0ad4e;
}

.checkbox-warning input[type="checkbox"]:checked + label::after,
.checkbox-warning input[type="radio"]:checked + label::after {
  color: #fff;
}

.checkbox-success input[type="checkbox"]:checked + label::before,
.checkbox-success input[type="radio"]:checked + label::before {
  background-color: #5cb85c;
  border-color: #5cb85c;
}

.checkbox-success input[type="checkbox"]:checked + label::after,
.checkbox-success input[type="radio"]:checked + label::after {
  color: #fff;
}

.radio {
  padding-left: 20px;
}

.radio label {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  padding-left: 5px;
}

.radio label::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 17px;
  height: 17px;
  left: 0;
  margin-left: -20px;
  border: 1px solid #cccccc;
  border-radius: 50%;
  background-color: #fff;
  -webkit-transition: border 0.15s ease-in-out;
  -o-transition: border 0.15s ease-in-out;
  transition: border 0.15s ease-in-out;
}

.radio label::after {
  display: inline-block;
  position: absolute;
  content: " ";
  width: 11px;
  height: 11px;
  left: 3px;
  top: 3px;
  margin-left: -20px;
  border-radius: 50%;
  background-color: #555555;
  -webkit-transform: scale(0, 0);
  -ms-transform: scale(0, 0);
  -o-transform: scale(0, 0);
  transform: scale(0, 0);
  -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  -o-transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33), -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
}

.radio input[type="radio"] {
  opacity: 0;
  z-index: 1;
}

.radio input[type="radio"]:focus + label::before {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.radio input[type="radio"]:checked + label::after {
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  transform: scale(1, 1);
}

.radio input[type="radio"]:disabled + label {
  opacity: 0.65;
}

.radio input[type="radio"]:disabled + label::before {
  cursor: not-allowed;
}

.radio.radio-inline {
  margin-top: 0;
}

.radio-primary input[type="radio"] + label::after {
  background-color: #337ab7;
}

.radio-primary input[type="radio"]:checked + label::before {
  border-color: #337ab7;
}

.radio-primary input[type="radio"]:checked + label::after {
  background-color: #337ab7;
}

.radio-danger input[type="radio"] + label::after {
  background-color: #d9534f;
}

.radio-danger input[type="radio"]:checked + label::before {
  border-color: #d9534f;
}

.radio-danger input[type="radio"]:checked + label::after {
  background-color: #d9534f;
}

.radio-info input[type="radio"] + label::after {
  background-color: #5bc0de;
}

.radio-info input[type="radio"]:checked + label::before {
  border-color: #5bc0de;
}

.radio-info input[type="radio"]:checked + label::after {
  background-color: #5bc0de;
}

.radio-warning input[type="radio"] + label::after {
  background-color: #f0ad4e;
}

.radio-warning input[type="radio"]:checked + label::before {
  border-color: #f0ad4e;
}

.radio-warning input[type="radio"]:checked + label::after {
  background-color: #f0ad4e;
}

.radio-success input[type="radio"] + label::after {
  background-color: #5cb85c;
}

.radio-success input[type="radio"]:checked + label::before {
  border-color: #5cb85c;
}

.radio-success input[type="radio"]:checked + label::after {
  background-color: #5cb85c;
}

input[type="checkbox"].styled:checked + label:after,
input[type="radio"].styled:checked + label:after {
  font-family: 'FontAwesome';
  content: "\f00c";
}

input[type="checkbox"] .styled:checked + label::before,
input[type="radio"] .styled:checked + label::before {
  color: #fff;
}

input[type="checkbox"] .styled:checked + label::after,
input[type="radio"] .styled:checked + label::after {
  color: #fff;
}

/*footer */
.footer {
  background: #313131;
}

/* 產品選單區 */
.footer__catabox {
  background: #363636;
}

/* 最新消息、其他選單、版權聲明、社群連結 */
/* 新聞 */
.footer__newsbox {
  display: none;
}

/* 其他連結 */
.footer__nav-footerbox {
  display: none;
}

/* 社群連結、版權宣告、隱私權連結 */
/* 社群連結 */
/* 版權宣告、隱私權連結 */
/* 版權宣告 */
.footer__copyright {
  padding: 30px 0;
  border-top: 1px solid #666;
  font-size: 12px;
  text-align: center;
  color: #fff;
  line-height: 2.14;
  font-family: 微軟正黑體, Montserrat, sans-serif;
  letter-spacing: 1px;
}

/*選單區*/
/*選單*/
.nav-product {
  padding: 0;
  width: 90%;
  margin: 0 auto;
}

/*選單-項目*/
.nav-product__item {
  position: relative;
  top: unset;
  left: unset;
  margin-bottom: 10px;
}

/*選單-標題*/
.nav-product__heading {
  padding: 0 0 8px 0;
  margin: 10px 0 0 0;
  color: #fff;
  font-size: 24px;
  font-weight: 400;
  font-family: '微軟正黑體', sans-serif;
  display: inline-block;
  width: 100px;
  border-bottom: 4px solid #7a8b72;
}

/*第二層*/
.nav-product__sub-nav {
  padding: 0;
  margin-bottom: 5px;
}

/*第二層-項*/
.nav-product__sub-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  padding: 5px 0;
  height: auto;
  min-height: 130px;
}

/* 圖片區 */
.nav-product__imgbox {
  display: inline-block;
  vertical-align: top;
  width: 25%;
  padding: 0 15px;
  min-width: 66px;
  padding: 0;
  text-align: center;
  /* background-image: url("../../images/cata/bg_product.svg?t=20180428"); */
}

.nav-product__img {
  /* max-width: 26px; */
  max-width: 60px;
  height: auto;
}

.nav-product__item:nth-child(1) .nav-product__sub-item:nth-child(3) .nav-product__img,
.nav-product__item:nth-child(2) .nav-product__sub-item:nth-child(1) .nav-product__img,
.nav-product__item:nth-child(2) .nav-product__sub-item:nth-child(2) .nav-product__img,
.nav-product__item:nth-child(2) .nav-product__sub-item:nth-child(3) .nav-product__img {
  /* max-width: 36px; */
}

/* icon */
.nav-product__icon {
  /* font-size: 66px; */
}

/* info */
.nav-product__info {
  display: inline-block;
  vertical-align: top;
  width: 66.66666667%;
  text-align: left;
}

/* 名稱 */
.nav-product__title {
  margin: 0;
  font-weight: 400;
  line-height: 1.1;
}

/*第二層-連結*/
.nav-product__link {
  padding: 0 5px 0;
  color: #ccc;
  display: block;
  text-decoration: none;
  font-size: 15px;
  background-color: transparent;
  /*14/16*/
}

/*第二層-連結:active*/
.nav-product__link:active,
.nav-product__link:hover {
  color: #fff;
  text-decoration: none;
}

/* 英文 */
.nav-product__eng {
  font-family: 'Open Sans', 'YuGothic_Family', 'YuGothic', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
  font-size: 1.2rem;
  color: #ffffff;
}
.nav-product__eng>span.tips{
  color: #6f6f6f;
  font-size: 0.9rem;
}

/* 中文 */
.nav-product__cht {
  display: block;
  color: #6f6f6f;
  margin-top: 5px;
  font-size: 0.8rem;
}

@media screen and (min-width: 768px) {
  .nav-product-box {
    width: 100%;
  }
  /*頁尾選單*/
  .nav-product {
    /* display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap; */
    width: calc(100% - 30px);
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    /* -webkit-column-gap: 1.25rem; */
    -moz-column-gap: 30px;
    -webkit-column-gap: 30px;
    column-gap: 30px;
    orphans: 1;
    widows: 1;
    /* break-inside: avoid-column; */
  }
  /*頁尾選單-項目*/
  .nav-product__item {
    /* width: 50%; */
    /* padding-left: 15px; */
    /* padding-right: 15px; */
    margin-bottom: 0;
    display: inline-block;
    width: 100%;
  }
  .nav-product__item:nth-child(2) {
    /* margin-top: -30px; */
  }
  .nav-product__item:first-child {
    /* padding-right: 30px; */
  }
  .nav-product__item:last-child {
    /* padding-left: 30px; */
  }
  /*頁尾選單-標題*/
  /*第二層-開啟*/
  .nav-product__item:nth-child(2) .nav-product__sub-item:nth-child(1) .nav-product__img,
  .nav-product__item:nth-child(2) .nav-product__sub-item:nth-child(2) .nav-product__img,
  .nav-product__item:nth-child(2) .nav-product__sub-item:nth-child(3) .nav-product__img {
    /* max-width: 46px; */
  }
  .nav-product__sub-item:last-child {
    margin-bottom: 0;
  }
}

@media screen and (min-width: 1024px) {
  /*選單區*/
  /*頁尾選單*/
  .nav-product {
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
  }
  .nav-product__sub-link {
    display: inline-block;
  }
  .nav-product__sub-link:active,
  .nav-product__sub-link:hover {
    color: #008f9e;
  }
}

@media screen and (min-width: 1440px) {
  /*頁尾選單*/
}

* {
  margin: 0;
  padding: 0;
  font-family: "AliMedium";
  /* font-family: "Helvetica Neue", Helvetica, Arial, sans-serif, "微軟正黑體", "蘋果儷中黑", sans-serif, "新細明體"; */
}

html {
  font-size: 16px;
}

body {
  background: #FFF;
  height: 100%;
  width: 100%;
  font-weight: 400;
  margin: 0;
  padding: 0;
  height: 100%;
  min-height: 100%;
  position: relative;
  letter-spacing: 0;
  font-size: 13px;
  font-family: "AliMedium";
  /* font: 100%/1.625em "Helvetica Neue", Helvetica, Arial, sans-serif, "微軟正黑體", "蘋果儷中黑", sans-serif, "新細明體"; */
}

#wrap {
  position: relative;
  width: 100%;
  overflow: hidden;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 400;
  color: #333;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif, "微軟正黑體", "蘋果儷中黑", sans-serif, "新細明體";
}

h1 {
  font-size: 65px;
}

h2 {
  font-size: 45px;
  font-weight: 700;
}

h3 {
  font-size: 30px;
}

h4 {
  font-size: 24px;
}

h5 {
  font-size: 18px;
}

h6 {
  font-size: 14px;
  font-weight: 700;
}

p {
  color: #333;
  font-size: 14px;
  line-height: 24px;
}

img {
  display: inline-block;
}

ul {
  margin-bottom: 0;
}

li {
  list-style: none;
}

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

p.intro-small {
  font-style: italic;
  color: #f5f5f5;
  width: 80%;
  margin: 0 auto;
}

section {
  position: relative;
  overflow: hidden;
  width: 100%;
}

.overlay {
  background: rgba(49, 49, 49, 0.7);
}

.boxedcontainer {
  max-width: 1140px;
  margin: auto;
  padding: 0;
}

.bg-gray {
  background-color: #f2f2f2 !important;
}

.btn {
  color: #fff;
  border-radius: 3px;
  display: inline-block;
  padding: 10px 20px;
  margin-top: 20px;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 400;
  background: #4ba53a;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #0a892f), color-stop(0, #80bd43));
  background: -webkit-linear-gradient(#80bd43, #0a892f);
  background: -moz-linear-gradient(#80bd43, #0a892f);
  background: -o-linear-gradient(#80bd43, #0a892f);
  background: -ms-linear-gradient(#80bd43, #0a892f);
  background: -webkit-gradient(linear, left top, left bottom, from(#80bd43), to(#0a892f));
  background: linear-gradient(#80bd43, #0a892f);
  line-height: 22px;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  border: 0;
}

.btn-small {
  font-size: 12px;
}

.btn-dark {
  color: #272727;
  border-color: #272727;
}

.btn:hover {
  background: #309b1b;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #12782a), color-stop(0, #71ad3d));
  background: -webkit-linear-gradient(#71ad3d, #12782a);
  background: -moz-linear-gradient(#71ad3d, #12782a);
  background: -o-linear-gradient(#71ad3d, #12782a);
  background: -ms-linear-gradient(#71ad3d, #12782a);
  background: -webkit-gradient(linear, left top, left bottom, from(#71ad3d), to(#12782a));
  background: linear-gradient(#71ad3d, #12782a);
  color: #fff;
}

.btn-1 {
  background: #ebebeb;
  color: #fff;
  border: 1px solid #ebebeb;
}

.btn-1:hover {
  background: none;
  color: #fff;
  border: 1px solid #fff;
}

.form-control {
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1px solid #f7f7f7;
  border-radius: 0;
  height: 40px;
}

.form-control:focus {
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.no-space {
  letter-spacing: 0 !important;
}

.margin-r-20 {
  margin-right: 20px !important;
}

.margin-l-20 {
  margin-left: 20px !important;
}

.margin-t-20 {
  margin-top: 20px !important;
}

.margin-b-20 {
  margin-bottom: 20px !important;
}

.margin-r-40 {
  margin-right: 40px !important;
}

.margin-l-40 {
  margin-left: 40px !important;
}

.margin-t-40 {
  margin-top: 40px !important;
}

.margin-b-40 {
  margin-bottom: 40px !important;
}

.margin-t-30 {
  margin-top: 30px !important;
}

.margin-r-80 {
  margin-right: 80px !important;
}

.margin-l-80 {
  margin-left: 80px !important;
}

.margin-t-80 {
  margin-top: 80px !important;
}

.margin-t-100 {
  margin-top: 100px !important;
}

.margin-b-80 {
  margin-bottom: 80px !important;
}

.margin-b-120 {
  margin-bottom: 120px !important;
}

.padding-r-20 {
  padding-right: 20px !important;
}

.padding-r-80 {
  padding-right: 80px !important;
}

.padding-l-20 {
  padding-left: 20px !important;
}

.padding-t-20 {
  padding-top: 20px !important;
}

.padding-b-0 {
  padding-bottom: 0 !important;
}

.padding-t-50 {
  padding-top: 50px !important;
}

.padding-t-100 {
  padding-top: 100px !important;
}

.padding-b-20 {
  padding-bottom: 20px !important;
}

.padding-b-50 {
  padding-bottom: 50px !important;
}

.padding-b-220 {
  padding-bottom: 220px !important;
}

.padding-t-80 {
  padding-top: 80px !important;
}

.padding-b-80 {
  padding-bottom: 80px !important;
}

.padding-all-jp {
  padding: 6rem 2rem 7rem 2rem !important;
}

.no-margin {
  margin: 0 !important;
}

.no-padding {
  padding: 0 !important;
}

.no-padding-lr {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.no-padding-b {
  padding-bottom: 0 !important;
}

.no-margin-t {
  margin-top: 0 !important;
}

.margin-center {
  margin: 0 auto !important;
}

.no-padding-t {
  padding-top: 0 !important;
}

.padding-l-60 {
  padding-left: 60px;
}

.full-width {
  display: inline-block;
  width: 100%;
}

.no-border {
  border: none !important;
}

.tittle {
  text-align: center;
  margin-bottom: 30px;
  display: inline-block;
  width: 100%;
}

.tittle h5 {
  font-weight: 700;
  letter-spacing: 5px;
  margin-top: 0;
  font-size: 20px;
  text-transform: uppercase;
}

.tittle p {
  color: #b8b8b8;
  font-style: italic;
  letter-spacing: 3px;
  margin-bottom: 0;
}

.tittle hr {
  width: 160px;
  margin: 30px auto;
  border: none;
  background: #ebebeb;
  height: 1px;
  position: relative;
}

.tittle hr:before {
  content: "";
  position: absolute;
  top: -10px;
  right: 0;
  left: 0;
  margin: 0 auto;
  height: 20px;
  width: 20px;
  margin: 0 auto;
  background: #fff;
  border: 1px solid #ebebeb;
}

.tittle-2 h5 {
  font-size: 24px;
}

.tittle-2 {
  margin-bottom: 40px;
}

.tittle.white h5 {
  color: #fff;
}

.tittle.white h3 {
  color: #fff;
}

.tittle.white p {
  color: #f2f2f2;
}

.tittle-3 hr {
  width: 50%;
  margin: 20px auto;
  margin-top: -22px;
}

.tittle-3 hr:before {
  display: none;
}

.tittle-3 h5 {
  background: #fff;
  padding: 0 50px;
  position: relative;
  z-index: 1;
  display: inline-block;
}

.tittle-4 h5 {
  font-size: 18px;
  padding: 15px 30px;
  border: 2px solid #272727;
  display: inline-block;
}

.bg-1 {
  background: url(../images/bg/bg-1.jpg) fixed no-repeat;
  background-size: cover;
}

.text-line {
  text-decoration: line-through;
  color: #b8b8b8 !important;
  font-family: 'Montserrat', sans-serif;
  margin-left: 10px;
}

.top-bar {
  position: relative;
  height: 45px;
  line-height: 45px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  display: inline-block;
  width: 100%;
}

.top-bar ul {
  margin-bottom: 0;
}

.top-links {
  float: right;
}

.top-links ul {
  display: inline-block;
  float: left;
}

.top-links li {
  float: left;
  font-size: 10px;
  color: #fff;
  margin-left: 20px;
}

.top-links li a {
  color: #fff;
  font-size: 10px;
}

.top-links .social_icons {
  float: right;
  border-left: 1px solid rgba(255, 255, 255, 0.5);
  padding-left: 5px;
  line-height: 45px;
  height: 45px;
  margin-left: 20px;
  float: right;
}

.top-links .social_icons li {
  background: none;
  margin: 0;
}

.top-links .social_icons a {
  height: 40px;
  width: 30px;
  float: left;
  line-height: normal;
  border: none;
  line-height: 45px;
  margin: 0;
  background: none !important;
}

.top-links .social_icons a:hover i {
  color: #ebebeb;
}

.top-links .bootstrap-select.btn-group {
  width: auto;
  height: auto;
  padding: 0;
}

.top-links .bootstrap-select .btn {
  padding: 0;
  margin: 0;
  background: none !important;
  color: #b26a82;
}

.top-links .bootstrap-select.btn-group .btn .caret {
  color: #fff;
  right: -8px;
  top: 46%;
}

.top-links ul.dropdown-menu li {
  margin-left: 0;
  width: 100%;
}

.top-links ul.dropdown-menu li a {
  color: #ebebeb;
  font-size: 10px;
  text-transform: uppercase;
}

.top-links .bootstrap-select .dropdown-menu > li > a {
  font-size: 10px;
  letter-spacing: 0;
}

.top-links .dropdown-menu > li > a {
  padding: 0 10px;
}

.top-links .bootstrap-select .dropdown-menu > li.selected a {
  background: #ebebeb;
}

.top-links .bootstrap-select .dropdown-menu > li > a:hover {
  background: #ebebeb;
}

.top-links .bootstrap-select.btn-group .btn .filter-option {
  letter-spacing: 0;
}

.top-links select {
  background: none;
  border: none;
}

header {
  display: inline-block;
  position: absolute;
  width: 100%;
  z-index: 9999;
  top: 0;
  -webkit-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  -ms-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
  margin-bottom: 0;
  padding-bottom: 0;
}

header .logo,
header .logos {
  width: 100%;
  text-align: center;
  padding-top: 28px;
  height: 46px;
}

header nav {
  display: inline-block;
  width: 100%;
  position: relative;
  z-index: 9999;
  text-align: center;
  min-height: 50px;
  padding-top: 20px;
}

header nav li a {
  padding: 0;
  margin: 0;
  border-color: transparent;
  text-decoration: none;
  line-height: 40px;
  text-transform: none;
  color: #fff;
  letter-spacing: 0;
  float: left;
  font-size: 14px;
  font-family: 'Open Sans', 'Lucida Sans Unicode', Arial, Verdana, sans-serif;
  font-weight: 400;
  position: relative;
}

header nav .ownmenu li {
  float: left;
  text-align: center;
  overflow: hidden;
}

header nav li a:hover {
  color: #ebebeb;
}

header .ownmenu ul.dropdown {
  padding-bottom: 0;
  background: #272727;
}

header .ownmenu ul.dropdown li a {
  text-transform: uppercase;
  border: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  line-height: 20px;
  background: none;
  color: #858585 !important;
  font-size: 10px;
  display: inline-block;
  width: 100%;
  padding-right: 0;
  text-align: left;
}

header .ownmenu ul.dropdown li a:hover {
  /* color:#fff */
  background: none;
}

header .ownmenu li > .megamenu li a:hover {
  color: #fff !important;
}

header .ownmenu li > .megamenu li a {
  text-transform: uppercase;
  border: none;
  line-height: 20px;
  background: none;
  color: #858585 !important;
  font-size: 10px;
  display: inline-block;
  width: 100%;
  padding-right: 0;
  text-align: left;
}

header ul.dropdown li {
  padding: 0;
}

header ul.dropdown li:hover {
  background: none;
}

header .ownmenu .megamenu h6 {
  color: #fff;
  border-bottom: 1px solid rgba(255, 255, 255, 0.11);
  padding-bottom: 20px;
  margin-bottom: 20px;
  font-weight: 400;
  text-transform: uppercase;
  margin-top: 0;
}

header .ownmenu .megamenu img {
  width: auto;
  margin-top: -1px;
}

header .ownmenu > li > .megamenu.full-width {
  background: #272727;
  padding: 50px;
  padding-bottom: 40px;
}

header .ownmenu > li > .megamenu.full-width li {
  text-align: left;
}

header nav .ownmenu .indicator {
  margin-left: 5px;
  display: none;
}

header .language {
  float: left;
}

header .language a {
  font-size: 10px;
  color: #fff;
  margin-right: 10px;
  display: inline-block;
}

.home-6-style header .language a {
  color: #fff;
}

header .language a:hover {
  color: #ebebeb;
}

header .language a.active {
  color: #ebebeb;
}

header .bootstrap-select.btn-group .btn .filter-option {
  font-size: 10px;
}

header .stickys {
  width: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  -webkit-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  -ms-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
}

header .is-sticky .sticky {
  padding-top: 0;
  background: rgba(0, 0, 0, 0.7);
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
}

.header-style-2 {
  position: relative;
}

.header-style-2 .is-sticky .sticky {
  background: #212121;
}

.header-style-2 .top-bar {
  border-bottom: 1px solid #ebebeb;
}

.header-style-2 .top-bar a {
  color: #fff;
}

.header-style-2 .top-bar li {
  color: #fff;
}

.header-style-2 .top-links .social_icons {
  border-left: 1px solid #ebebeb;
}

.header-style-2 .top-links .bootstrap-select.btn-group .btn .caret {
  color: #fff;
}

.header-style-2 nav li {
  width: 16.66667%;
}

.header-style-2 nav li a {
  color: #ccc;
  width: 100%;
  overflow: hidden;
  text-decoration: none;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif, "微軟正黑體", "蘋果儷中黑", sans-serif, "新細明體";
  font-weight: 400;
}

.header-style-2 nav li span {
  display: block;
  margin-top: -40px;
  line-height: 50px;
  color: #ccc;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif, "微軟正黑體", "蘋果儷中黑", sans-serif, "新細明體";
  font-weight: 400;
}

.header-style-2 nav li a:hover span {
  color: #fff;
}

/* .header-style-2 nav li a:hover{color:#ccc;padding-top:40px} */
.header-style-2 nav li.active a {
  color: #fff;
}

.header-style-2.header-style-3 .logo {
  float: left;
  width: auto;
  margin-top: 30px;
}

.header-style-2.header-style-3 .ownmenu > li > .megamenu.full-width {
  padding: 30px;
}

.header-style-2.header-style-3 {
  min-height: 75px;
}

.header-style-2.header-style-3 nav {
  width: 75%;
  float: right;
  margin-top: 25px;
}

.header-style-2.header-style-3 .is-sticky .logo {
  margin-top: 10px;
  margin-bottom: 19px;
}

.header-style-2.header-style-3 .is-sticky nav {
  margin-top: 0;
}

.header-style-2.header-style-3 .ownmenu .look-book .nav-img {
  width: 100px;
  display: inline-block;
  margin-right: 10px;
}

.header-style-2.header-style-3 .ownmenu .look-book .media-heading {
  margin-top: 0;
  margin-bottom: 10px;
}

.header-style-2.header-style-3 .ownmenu .look-book .media-body a {
  padding: 0 !important;
}

.header-style-2.header-style-3 .ownmenu li > .megamenu li a {
  letter-spacing: 1px;
}

.header-style-2.header-style-3 nav li {
  float: left;
}

.header-style-2.header-style-3 .search-nav ul.dropdown {
  width: 50% !important;
}

header.header-dark nav li a {
  color: #272727;
}

header.header-dark .is-sticky nav li a {
  color: #fff;
}

header.header-dark .top-links li a {
  color: #898989;
}

header.header-dark .top-links li {
  color: #898989;
}

header .language a {
  color: #fff;
}

header .search-nav {
  float: right !important;
  font-family: 'Montserrat', sans-serif;
}

header .search-nav ul.dropdown {
  padding: 20px;
  padding: 20px !important;
  width: 50% !important;
}

header .search-nav input {
  width: 100%;
}

header .search-nav .btn {
  margin-top: 0;
  border-right: 1px solid #272727;
  color: #272727;
}

header .search-nav .bootstrap-select.btn-group .dropdown-menu li a {
  padding: 2px 10px;
  font-size: 10px !important;
}

header .search-nav button {
  border: none;
  color: #fff;
  background: #272727;
  height: 40px;
  float: right;
  right: 0;
  padding: 0 20px;
  border: 1px solid rgba(255, 255, 255, 0.5);
  margin-top: -40px;
}

header .search-nav .ownmenu ul.dropdown li a:hover {
  background: #ebebeb !important;
  color: #fff !important;
}

header .search-nav .bootstrap-select .dropdown-menu > li > a:hover {
  background: #ebebeb !important;
  color: #fff !important;
}

header .search-nav .bootstrap-select .dropdown-menu > li.selected a {
  color: #fff !important;
}

header .ownmenu > li.search-nav i {
  font-size: 14px;
  margin: 0;
}

header nav .ownmenu li.search-nav .row {
  margin: 0;
}

header nav .ownmenu li.search-nav {
  padding: 0;
  margin: 0 5px;
}

header nav .ownmenu .cart-img {
  width: 80px;
  display: inline-block;
  margin-right: 20px;
}

header nav .ownmenu .cart-img img {
  width: 100%;
}

header nav .ownmenu .cart-img a {
  padding: 0;
}

header .ownmenu > li.shop-cart {
  padding: 0;
  margin-left: 10px;
}

header .ownmenu > li.shop-cart i {
  font-size: 14px;
  margin: 0;
}

header .shop-cart {
  position: relative;
}

header .shop-cart .numb {
  height: 18px;
  width: 18px;
  border-radius: 50%;
  background: #e05757;
  font-size: 10px;
  color: #fff;
  position: absolute;
  top: -5px;
  padding: 0;
  margin: 0;
  left: 0;
  margin: 0 auto;
  text-align: center;
  line-height: 15px;
  padding-left: 3px;
  padding-top: 1px;
}

header .shop-cart {
  float: right !important;
  font-family: 'Montserrat', sans-serif;
  text-align: left;
}

header .shop-cart span {
  display: block;
  width: auto;
  margin-top: 15px;
  padding-right: 10px;
  float: left;
  margin-bottom: 10px;
  font-size: 12px;
  color: #858585;
}

header .shop-cart span.price {
  color: #ebebeb;
}

header .shop-cart li {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  padding-bottom: 15px !important;
  margin-bottom: 15px;
  display: inline-block;
  width: 100%;
}

header .shop-cart h6 {
  color: #fff;
  margin-top: 10px;
}

header .shop-cart ul.dropdown {
  padding: 20px !important;
  width: 360px !important;
}

header .shop-cart h5 {
  color: #fff;
  margin: 0;
  margin-top: 10px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif, "微軟正黑體", "蘋果儷中黑", sans-serif, "新細明體";
}

header .ownmenu .shop-cart ul.dropdown li.no-border {
  border: none !important;
}

header .ownmenu .shop-cart ul.dropdown li a.btn {
  padding: 10px 20px !important;
  width: auto !important;
  margin: 0;
  width: 100% !important;
  text-align: center;
  color: #fff !important;
  background: rgba(255, 255, 255, 0.3) !important;
}

header .ownmenu .shop-cart ul.dropdown li a.btn-1 {
  float: right;
  margin-left: 10px !important;
  background: #444 !important;
}

header .ownmenu .look-book .nav-img {
  width: 170px;
  margin-right: 20px;
}

header .ownmenu .look-book .nav-img a {
  padding: 0;
}

header .ownmenu .look-book .media-heading {
  font-size: 10px;
  border: none;
  padding: 0;
  margin-top: 15px;
}

header .ownmenu .look-book .media {
  padding-bottom: 20px;
}

header .ownmenu .look-book p {
  font-family: 'Montserrat', sans-serif;
  font-size: 10px;
  color: #b8b8b8;
  line-height: 18px;
}

header .ownmenu .look-book .media-body a {
  color: #ebebeb;
}

.home-slider .overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0);
}

.home-slider .btn {
  padding: 15px 30px;
}

.home-6-style {
  font-family: 'Montserrat', sans-serif;
}

.home-6-style .link-to {
  position: fixed;
  z-index: 9999;
  right: 0;
}

.home-6-style #sec-1 {
  background: url(../images/bg/fes-img-1.jpg) fixed no-repeat;
  background-size: cover;
}

.home-6-style #sec-2 {
  background: url(../images/bg/fes-img-2.jpg) fixed no-repeat;
  background-size: cover;
}

.home-6-style #sec-3 {
  background: url(../images/bg/fes-img-3.jpg) fixed no-repeat;
  background-size: cover;
}

.home-6-style #sec-4 {
  background: url(../images/bg/fes-img-4.jpg) fixed no-repeat;
  background-size: cover;
}

.home-6-style .content .huge-txt {
  font-weight: 700;
  color: #fff;
  font-size: 150px;
  display: inline-block;
  width: 100%;
  line-height: 150px;
  font-family: 'Montserrat', sans-serif;
}

.home-6-style .content h2 {
  color: #dad1c8;
  font-size: 40px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 20px;
}

.home-6-style #sec-1 h2 {
  color: #fff;
}

.home-6-style .content p {
  color: #dad1c8;
  font-size: 12px;
  margin-top: 20px;
  letter-spacing: 8px;
}

.home-6-style .content .btn {
  padding: 20px 30px;
  min-width: 200px;
  letter-spacing: 1px;
}

.home-6-style .fashion-full {
  text-align: center;
}

.home-6-style .content .video-btn {
  color: #fff;
  height: 70px;
  width: 70px;
  background: url("../images/play-icon.png") no-repeat;
  display: inline-block;
  margin: 0 auto;
  margin-top: 50px;
}

.content {
  background: #fff;
}

.section-p-15px {
  padding: 15px 0;
}

.section-p-30px {
  padding: 0;
}

.section-p-40px {
  padding: 40px 0;
}

.section-p-60px {
  padding: 60px 0;
}

.section-tp-30px {
  padding-top: 30px;
}

.section-tp-60px {
  padding-top: 60px;
}

.section-bp-30px {
  padding-bottom: 30px;
}

.section-bp-60px {
  padding-bottom: 60px;
}

.collection-adds .inn-sec {
  background: #272727;
  position: relative;
  overflow: hidden;
  width: 100%;
}

.collection-adds .inn-sec img {
  width: 100%;
  -webkit-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  -ms-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
  -webkit-transition: all 250ms cubic-bezier(0.55, 0.085, 0.68, 0.53);
  -moz-transition: all 250ms cubic-bezier(0.55, 0.085, 0.68, 0.53);
  -o-transition: all 250ms cubic-bezier(0.55, 0.085, 0.68, 0.53);
  transition: all 250ms cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

.collection-adds .inn-sec a:hover img {
  opacity: .5;
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
}

.collection-adds .inn-sec span {
  position: absolute;
  top: 0;
  text-align: center;
  width: 100%;
  height: 100%;
  left: 0;
  color: #fff;
  font-size: 24px;
  letter-spacing: 2px;
  padding-top: 43%;
}

.new-collection .inn-sec {
  background: #272727;
  position: relative;
  overflow: hidden;
  width: 100%;
}

.new-collection .inn-sec img {
  width: 100%;
  -webkit-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  -ms-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
  -webkit-transition: all 250ms cubic-bezier(0.55, 0.085, 0.68, 0.53);
  -moz-transition: all 250ms cubic-bezier(0.55, 0.085, 0.68, 0.53);
  -o-transition: all 250ms cubic-bezier(0.55, 0.085, 0.68, 0.53);
  transition: all 250ms cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

.new-collection .inn-sec a {
  display: inline-block;
  width: 100%;
  float: left;
}

.new-collection .inn-sec a:hover img {
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
}

.new-collection .inn-sec span {
  position: absolute;
  top: 50%;
  margin-top: -35px;
  text-align: center;
  width: 100%;
  left: 0;
  color: #272727;
  line-height: 70px;
  height: 70px;
  background: #fff;
  font-size: 14px;
  letter-spacing: 4px;
  padding: 0 30px;
  -webkit-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  -ms-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
}

.new-collection .inn-sec span i {
  float: left;
  font-size: 20px;
  line-height: 70px;
}

.new-collection .inn-sec a:hover span {
  background: #ebebeb;
  color: #fff;
}

.new-collection .owl-dots {
  width: 100%;
  text-align: center;
}

.new-collection .owl-dot {
  display: inline-block;
  margin-top: 20px;
}

.new-collection .owl-dot span {
  background: #ebebeb;
  height: 15px;
  border-radius: 50%;
  margin: 0 5px;
  width: 15px;
  display: inline-block;
}

.new-collection .owl-dot.active span {
  border: 2px solid #ebebeb;
  background: #fff;
}

.grid-collection .inn-sec {
  background: #ebebeb;
  position: relative;
  overflow: hidden;
  width: 100%;
  margin-bottom: 30px;
}

.grid-collection .inn-sec img {
  width: 100%;
  -webkit-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  -ms-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
  -webkit-transition: all 250ms cubic-bezier(0.55, 0.085, 0.68, 0.53);
  -moz-transition: all 250ms cubic-bezier(0.55, 0.085, 0.68, 0.53);
  -o-transition: all 250ms cubic-bezier(0.55, 0.085, 0.68, 0.53);
  transition: all 250ms cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

.grid-collection .inn-sec a {
  display: inline-block;
  width: 100%;
  float: left;
}

.grid-collection .inn-sec a:hover img {
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  opacity: .5;
  -webkit-transform: scale(1.1);
}

.grid-collection .inn-sec .upper {
  position: absolute;
  top: 50%;
  margin-top: -50px;
  width: 100%;
  left: 0;
  color: #272727;
  line-height: 40px;
  height: 70px;
  text-align: center;
  font-size: 18px;
  letter-spacing: 4px;
  padding: 0 30px;
  -webkit-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  -ms-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
}

.grid-collection .inn-sec span small {
  display: inline-block;
  width: 100%;
  font-weight: 700;
  font-size: 18px;
  color: #ebebeb;
}

.grid-collection .trd .upper {
  text-align: left;
  font-size: 25px;
  margin-top: -80px;
}

.grid-collection .trd h2 {
  margin: 0;
  display: inline-block;
  width: 100%;
  margin: 0;
  font-weight: 400;
  font-size: 60px;
}

.grid-collection .last .upper {
  color: #fff;
  margin-top: -70px;
}

.grid-collection .last .upper h2 {
  margin: 0;
  color: #fff;
  font-weight: 400;
}

.grid-collection .last .upper small {
  color: #fff;
}

.popurlar_product .items-in {
  position: relative;
  overflow: hidden;
  margin-top: 40px;
}

.popurlar_product li {
  margin: 20px 0;
}

.popurlar_product .items-in.no-margin {
  margin-top: 0;
}

.popurlar_product .over-item {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.6);
  opacity: 0;
  text-align: center;
  padding-top: 48%;
  -webkit-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  -ms-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
  z-index: 99;
}

.popurlar_product .over-item ul {
  display: none;
}

.popurlar_product .items-in:hover .over-item {
  opacity: 1;
}

.popurlar_product .items-in:hover .over-item a {
  background: #fff;
  height: 63px;
  width: 63px;
  line-height: 63px;
  text-align: center;
  color: #272727;
  font-size: 20px;
  display: inline-block;
}

.popurlar_product .items-in:hover img {
  -webkit-transition: all 250ms cubic-bezier(0.55, 0.085, 0.68, 0.53);
  -moz-transition: all 250ms cubic-bezier(0.55, 0.085, 0.68, 0.53);
  -o-transition: all 250ms cubic-bezier(0.55, 0.085, 0.68, 0.53);
  transition: all 250ms cubic-bezier(0.55, 0.085, 0.68, 0.53);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
}

.popurlar_product .items-in:hover .over-item a.btn {
  font-size: 14px;
  padding: 0;
  height: auto;
  width: auto;
  padding: 0 20px;
  line-height: 40px;
  color: #fff;
  background: none;
  font-size: 10px;
}

.popurlar_product .items-in:hover .over-item li {
  display: inline-block;
  margin-right: 1px;
  width: auto;
  float: none;
}

.popurlar_product .items-in:hover .over-item .btn:hover {
  background: #ebebeb;
  color: #fff;
  border-color: #ebebeb;
}

.popurlar_product .items-in:hover .over-item a:hover {
  background: #ebebeb;
  color: #fff;
}

.popurlar_product .items-in:hover .over-item ul {
  display: table;
  margin: 0 auto;
}

.popurlar_product .details-sec {
  position: relative;
  z-index: 99;
  background: #fff;
  font-size: 14px;
  text-align: center;
}

.popurlar_product .details-sec a {
  display: inline-block;
  width: 100%;
  padding: 15px 0;
  color: #272727;
  letter-spacing: 2px;
  font-size: 14px;
  border-bottom: 1px solid #ebebeb;
  margin-bottom: 10px;
}

.popurlar_product .details-sec span {
  font-size: 10px;
  letter-spacing: 2px;
}

.popurlar_product .details-sec span.select {
  text-align: center;
  margin: 0 auto;
  display: block;
}

.popurlar_product .details-sec span.select strong {
  float: left;
  padding: 4px 8px 3px 0;
}

.popurlar_product .details-sec span a {
  width: auto;
  color: #4ba53a;
  padding: 3px 6px;
  font-size: 13px;
  border: 0;
  float: left;
  letter-spacing: 0;
}

.popurlar_product .details-sec span a:hover {
  color: #477c3d;
}

.popurlar_product .owl-nav {
  position: absolute;
  top: -10px;
  width: 100%;
  text-align: center;
}

.popurlar_product .owl-nav:before {
  height: 1px;
  content: "";
  position: absolute;
  width: 20px;
  margin: 0 auto;
  left: 0;
  right: 0;
  background: #ebebeb;
  top: 15px;
}

.popurlar_product .owl-nav div {
  height: 32px;
  width: 32px;
  display: inline-block;
  border: 1px solid #ebebeb;
  line-height: 28px;
  text-align: center;
  margin: 0 10px;
  -webkit-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  -ms-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
}

.popurlar_product .owl-nav div:hover {
  background: #ebebeb;
  color: #fff;
  border-color: #ebebeb;
}

.popurlar_product li img {
  width: 100%;
}

.full-w {
  display: inline-block;
  width: 100% !important;
}

.stars {
  display: inline-block;
  width: 100%;
  color: #ebc52d;
  font-size: 12px;
  margin-top: 20px;
}

.about-sebian .btn {
  margin-top: 40px;
}

.clients-about-in hr {
  margin-bottom: 10px;
}

.clients-about-in {
  margin-top: 60px;
}

.clients-about-in .avatar {
  width: 70px;
  height: 70px;
  position: relative;
  display: inline-block;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 20px;
}

.clients-about-in p {
  color: #fff;
  font-style: italic;
  width: 95%;
}

.clients-about-in .media-object {
  border-radius: 50%;
}

.clients-about-in h6 {
  font-size: 12px;
  color: #fff;
  font-weight: 400;
  margin-bottom: 5px;
  text-transform: uppercase;
}

.clients-about-in span {
  font-style: italic;
  color: #fff;
  font-size: 10px;
}

.clients-about-in .owl-nav {
  color: #fff;
  width: 100%;
  text-align: center;
  margin-top: 20px;
}

.clients-about-in .owl-nav div {
  color: #fff;
  margin: 0 10px;
  font-size: 30px;
  display: inline-block;
}

.add_block_2 {
  background-color: #fff;
  /* background:url(../images/substage_background.png) repeat */
}

.add_block_2 img {
  width: 100%;
}

/* .add_block_2 a:hover{opacity:.7} */
.position-center-center {
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.new-arrival .items-in {
  margin-bottom: 30px;
}

.new-arrival .nav-tabs {
  border: none;
  margin: 0;
  padding: 0;
  text-align: center;
}

.new-arrival .nav-tabs li {
  border: none;
  margin: 0;
  padding: 0 10px;
  float: none;
  display: inline-block;
  background: none;
}

.new-arrival .nav-tabs li a {
  border: none;
  margin: 0;
  background: none;
  padding: 0;
  border-bottom: 2px solid #fff;
  padding-bottom: 10px;
  color: #b8b8b8;
  font-size: 11px;
  letter-spacing: 4px;
}

.new-arrival .nav-tabs li.active {
  border: none;
}

.new-arrival .nav-tabs li.active a {
  border: none;
  margin: 0;
  background: none;
  color: #ebebeb;
  border-bottom: 2px solid #ebebeb;
}

.new-arrival .nav-tabs li.active a:hover {
  border: none;
  border-bottom: 2px solid #ebebeb;
  color: #ebebeb;
}

.new-arrival .nav-tabs li a:hover {
  border: none;
  color: #ebebeb;
  border-bottom: 2px solid #ebebeb;
}

.new-arri-w-slide .popurlar_product .owl-nav:before {
  display: none;
}

.new-arri-w-slide .items-in {
  margin-top: 0;
}

.new-arri-w-slide .popurlar_product .owl-nav {
  top: 35%;
}

.new-arri-w-slide .popurlar_product .owl-nav div {
  background: #adadad;
  height: 40px;
  color: #fff;
  width: 40px;
  display: block !important;
  position: inherit;
  line-height: 38px;
  border: none;
}

.new-arri-w-slide .popurlar_product .owl-nav div:hover {
  background: #ebebeb;
}

.new-arri-w-slide .popurlar_product .owl-nav .owl-next {
  right: -60px;
}

.new-arri-w-slide .popurlar_product .owl-nav .owl-prev {
  left: -60px;
}

.seasonals ul {
  display: inline-block;
  width: 100%;
}

.seasonals ul li {
  float: left;
  display: inline-block;
  width: 50%;
  background: #000;
}

.seasonals ul li img {
  width: 100%;
}

.seasonals ul li a:hover {
  opacity: .6;
}

.seasonal-style-2 ul li img {
  width: 100%;
}

.seasonal-style-2 ul li {
  margin-bottom: 30px;
}

.seasonal-style-2 ul li .in-sec {
  position: relative;
  overflow: hidden;
  background: #000;
  text-align: center;
}

.seasonal-style-2 ul li a:hover {
  color: #d7d7d7;
}

.seasonal-style-2 .position-center-center {
  width: 100%;
}

.seasonal-style-2 ul li a {
  font-size: 22px;
  position: absolute;
  color: #fff;
  left: 0;
  display: inline-block;
  width: 100%;
  letter-spacing: 4px;
}

.seasonal-style-2 ul li .in-sec:hover img {
  -webkit-transition: all 250ms cubic-bezier(0.55, 0.085, 0.68, 0.53);
  -moz-transition: all 250ms cubic-bezier(0.55, 0.085, 0.68, 0.53);
  -o-transition: all 250ms cubic-bezier(0.55, 0.085, 0.68, 0.53);
  transition: all 250ms cubic-bezier(0.55, 0.085, 0.68, 0.53);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  opacity: .5;
}

.small-r-items h5 {
  font-size: 16px;
  font-weight: 700;
  display: inline-block;
  border: 1px solid #ebebeb;
  padding: 14px 30px;
  letter-spacing: 4.5px;
}

.small-r-items .item-img {
  width: 170px;
  display: inline-block;
  position: relative;
  overflow: hidden;
  margin-right: 20px;
  background: #000;
}

.small-r-items .item-img img {
  width: 100%;
}

.small-r-items .media-heading {
  font-size: 12px;
  color: #272727;
  display: inline-block;
  width: 100%;
  padding-bottom: 20px;
  border-bottom: 1px solid #ebebeb;
}

.small-r-items span {
  display: inline-block;
  width: 100%;
  color: #ebebeb;
  font-size: 10px;
}

.small-r-items .btn {
  border-color: #272727;
  color: #272727;
  margin-top: 30px;
}

.small-r-items .btn:hover {
  border-color: transparent;
  color: #fff;
}

.small-r-items .main-link {
  margin-top: 20px;
}

.small-r-items .main-link li {
  display: inline-block;
  margin-right: 10px;
}

.small-r-items .main-link li a {
  color: #272727;
  font-size: 14px;
}

.small-r-items .media:hover .item-img img {
  -webkit-transition: all 250ms cubic-bezier(0.55, 0.085, 0.68, 0.53);
  -moz-transition: all 250ms cubic-bezier(0.55, 0.085, 0.68, 0.53);
  -o-transition: all 250ms cubic-bezier(0.55, 0.085, 0.68, 0.53);
  transition: all 250ms cubic-bezier(0.55, 0.085, 0.68, 0.53);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  opacity: .7;
}

.shades {
  border-top: 1px solid #ebebeb;
  border-bottom: 1px solid #ebebeb;
  padding: 40px 0;
  text-align: center;
}

.shades .tittle p {
  width: 80%;
  margin: 0 auto;
  letter-spacing: 1px;
}

.shades .avatar {
  height: 121px;
  width: 121px;
  display: inline-block;
  border-radius: 50%;
  margin: 10px;
  position: relative;
  overflow: hidden;
}

.shades .avatar img {
  border-radius: 50%;
}

.shades .btn {
  border-color: #272727;
  color: #272727;
  margin-top: 30px;
  font-weight: 700;
}

.shades .btn:hover {
  border-color: transparent;
  color: #fff;
}

.hot-tag {
  height: 58px;
  width: 58px;
  float: right;
  position: absolute;
  background: #ebebeb;
  line-height: 58px;
  text-align: center;
  color: #fff;
  font-size: 11px;
  font-family: 'Montserrat', sans-serif;
  z-index: 999;
  right: 20px;
  top: 20px;
  border-radius: 50%;
}

.new-tag {
  height: 58px;
  width: 58px;
  float: right;
  position: absolute;
  background: #ababab;
  line-height: 58px;
  text-align: center;
  color: #fff;
  font-size: 11px;
  font-family: 'Montserrat', sans-serif;
  z-index: 999;
  right: 20px;
  top: 20px;
  border-radius: 50%;
}

.off-tag {
  height: 58px;
  width: 58px;
  float: right;
  position: absolute;
  right: 20px;
  top: 20px;
  background: #8090a5;
  line-height: 58px;
  text-align: center;
  display: inline-block;
  color: #fff;
  font-size: 11px;
  font-family: 'Montserrat', sans-serif;
  z-index: 999;
  border-radius: 50%;
}

.in-the-look ul {
  display: inline-block;
  width: 100%;
}

.in-the-look li {
  position: relative;
  float: left;
  width: 20%;
  overflow: hidden;
}

.in-the-look li img {
  width: 100%;
}

.in-the-look li {
  background: #46403a;
}

.in-the-look li img {
  opacity: .3;
  width: 100%;
  display: inline-block;
  float: left;
}

.in-the-look li .inn-look {
  position: absolute;
  top: 40%;
  left: 0;
  width: 100%;
  right: 0;
  text-align: center;
  padding: 0 40px;
  -webkit-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  -ms-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
}

.in-the-look li:hover img {
  opacity: 1;
  -webkit-transition: all 250ms cubic-bezier(0.55, 0.085, 0.68, 0.53);
  -moz-transition: all 250ms cubic-bezier(0.55, 0.085, 0.68, 0.53);
  -o-transition: all 250ms cubic-bezier(0.55, 0.085, 0.68, 0.53);
  transition: all 250ms cubic-bezier(0.55, 0.085, 0.68, 0.53);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
}

.in-the-look li .inn-look a {
  color: #fff;
  font-size: 15px;
  text-transform: uppercase;
  letter-spacing: 6px;
}

.in-the-look li .inn-look hr {
  height: 2px;
  width: 42px;
  margin: 25px auto;
  background: #fff;
  border: none;
}

.in-the-look li a:hover {
  color: #ebebeb;
}

.in-the-look li .inn-look span {
  font-size: 18px;
  font-style: italic;
  color: #fff;
  letter-spacing: 2px;
  width: 100%;
  display: inline-block;
}

.in-the-look li .inn-look a.btn {
  letter-spacing: 0;
  opacity: 0;
  color: #fff;
}

.in-the-look li:hover a.btn {
  opacity: 1;
}

.in-the-look li:hover .inn-look {
  top: 30%;
}

.parallex {
  background: url(../images/bg/bg-4.jpg) fixed no-repeat;
  text-align: center;
  background-size: cover;
}

.parallex .overlay {
  padding: 100px 0;
}

.parallex span {
  font-size: 18px;
  font-style: italic;
  color: #b8b8b8;
}

.parallex .btn {
  margin-top: 50px;
  border-color: rgba(255, 255, 255, 0.5);
}

.parallex h3 {
  letter-spacing: 6px;
  color: #fff;
}

.parallex-simle {
  background: url(../images/bg/bg-8.jpg) fixed no-repeat;
  text-align: center;
  background-size: cover;
  padding: 120px 0;
}

.parallex-simle .btn {
  padding: 20px 30px;
  border: 2px solid rgba(255, 255, 255, 0.5);
}

.huge-text {
  font-size: 150px;
  color: #fff;
  font-weight: 700;
}

.parallex .btn:hover {
  border-color: transparent;
}

.testimonial {
  background: url(../images/bg/bg-5.jpg) no-repeat;
  background-size: cover;
}

.testimonial .testi {
  text-align: center;
  width: 58%;
  margin: 0 auto;
}

.testimonial .avatar {
  height: 122px;
  position: relative;
  overflow: hidden;
  border-radius: 50%;
  width: 122px;
  margin-bottom: 30px;
  display: inline-block;
}

.testimonial .avatar img {
  display: inline-block;
  border-radius: 50%;
}

.testimonial .testi hr {
  width: 300px;
  margin: 10px auto;
  margin-top: 10px;
}

.testimonial .testi hr.ver {
  height: 19px;
  width: 1px;
  border: none;
  background: #fff;
  margin-top: 20px;
}

.testimonial .testi h6 {
  color: #fff;
  margin-bottom: 0;
}

.testimonial .testi p {
  color: #fff;
  font-size: 12px;
  line-height: 24px;
  font-style: italic;
}

.testimonial .owl-nav div {
  display: inline-block;
  color: #fff;
  font-size: 30px;
  opacity: .5;
}

.testimonial .owl-nav div:hover {
  opacity: 1;
}

.testimonial .owl-nav .owl-prev {
  left: 10%;
  position: absolute;
  top: 40%;
}

.testimonial .owl-nav .owl-next {
  right: 10%;
  position: absolute;
  top: 40%;
}

.testimonial-simple {
  background: #fff;
}

.testimonial-simple li p {
  font-style: italic;
  color: #b8b8b8;
  font-size: 12px;
}

.testimonial-simple .avatar {
  border-radius: 0;
  width: 70px;
  margin-right: 20px;
}

.testimonial-simple .avatar img {
  border-radius: 0;
  width: 100%;
}

.testimonial-simple li h6 {
  font-size: 12px;
  margin: 0;
  margin-top: 10px;
}

.port-folio-row li {
  padding: 0;
  position: relative;
  overflow: hidden;
}

.port-folio-row li .hover-port {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  padding: 30px;
  background: rgba(175, 88, 117, 0.9);
  opacity: 0;
  text-align: center;
  -webkit-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  -ms-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
}

.port-folio-row li:hover .hover-port {
  opacity: 1;
}

.port-folio-row li .hover-port h6 {
  color: #fff;
  text-transform: uppercase;
  margin-bottom: 40px;
  display: inline-block;
  width: 100%;
}

.port-folio-row li .hover-port a {
  display: inline-block;
  height: 52px;
  width: 52px;
  background: #fff;
  color: #272727;
  border-radius: 50%;
  line-height: 52px;
  font-size: 16px;
  margin: 0 5px;
}

.port-folio-row li .hover-port a:hover {
  background: #af5875;
  color: #fff;
}

.portfolio-defult h6 {
  margin-top: 0;
}

.portfolio-defult p {
  font-family: 'Montserrat', sans-serif;
  font-size: 12px;
  line-height: 18px;
  color: #b8b8b8;
  letter-spacing: 1px;
  margin-bottom: 0;
}

.portfolio-defult .defult-info {
  position: relative;
  background: #fff;
  z-index: 1;
}

.portfolio-defult .position-center-center {
  margin-top: -10%;
}

.portfolio-defult h6 {
  text-transform: uppercase;
}

.portfolio-defult h6 a {
  margin-top: 20px;
  display: inline-block;
  width: 100%;
  font-size: 12px;
  color: #272727;
}

.portfolio.masonry-style .hover-port-botm {
  position: absolute;
  bottom: -50%;
  background: #ebebeb;
  padding: 20px;
  width: 100%;
  text-align: center;
  margin: 0;
  color: #fff;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.portfolio.masonry-style li:hover .hover-port-botm {
  bottom: 0;
}

.portfolio .col-2 li {
  width: 50%;
}

.portfolio .col-3 li {
  width: 33.3333%;
}

.portfolio .col-4 li {
  width: 25%;
}

.portfolio-single p {
  font-family: 'Montserrat', sans-serif;
}

.portfolio-single .tittle {
  margin-top: 60px;
}

.portfolio-single .tittle p {
  font-size: 14px;
}

.single-detail {
  margin-top: 30px;
}

.single-detail h6 {
  margin-bottom: 30px;
}

.single-detail p {
  color: #b8b8b8;
  font-size: 12px;
}

.single-detail .client-info h6 {
  margin-bottom: 20px;
  text-transform: uppercase;
}

.single-detail .client-info {
  padding-left: 40px;
  padding-bottom: 40px;
  border-left: 1px solid #ebebeb;
}

.single-detail .client-info p {
  text-transform: uppercase;
  margin-bottom: 20px;
  font-size: 10px;
}

.portfolio-left .single-detail {
  margin-top: 0;
}

.portfolio-left .single-detail h6 {
  margin-top: 0;
  margin-bottom: 20px;
}

.portfolio-left .single-detail .client-info {
  padding: 0;
  border: none;
  margin-top: 40px;
}

.portfolio-left .single-detail .client-info p {
  margin-bottom: 15px;
}

.portfolio-left .single-detail .client-info h6 {
  margin-bottom: 10px;
}

.portfolio-left .single-detail .client-info .btn {
  margin-top: 0;
}

.portfolio-single .owl-nav {
  display: none;
}

.portfolio-single .owl-dot {
  width: 100%;
  text-align: center;
}

.portfolio-single .owl-dots {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 20px;
  text-align: center;
  width: 100%;
}

.portfolio-single .owl-dot {
  display: inline-block;
  width: auto;
}

.portfolio-single .owl-dot span {
  height: 15px;
  margin: 0 5px;
  display: inline-block;
  width: 15px;
  background: #fff;
  border-radius: 50%;
  display: inline-block;
}

.portfolio-single .owl-dot.active span {
  background: none;
  border: 3px solid #fff;
}

.services ul {
  margin-top: 50px;
}

.services li {
  text-align: center;
}

.services li hr {
  width: 52px;
  margin: 20px auto;
}

.services li .icon {
  height: 86px;
  width: 86px;
  text-align: center;
  line-height: 86px;
  background: #616161;
  border-radius: 50px;
  display: inline-block;
  color: #fff;
  font-size: 30px;
  margin-bottom: 50px;
  -webkit-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  -ms-transition: all .4s ease-in-out;
}

.services li:hover .icon {
  background: #ebebeb;
}

.services li h6 {
  font-size: 12px;
  letter-spacing: 3px;
  text-transform: uppercase;
}

.services li p {
  font-size: 12px;
  color: #b8b8b8;
}

.benefits .benefit-item {
  text-align: center;
  padding: 20px;
  padding-top: 40px;
  min-height: 170px;
}

.benefits .benefit-item i {
  font-size: 24px;
  margin: 0 0 10px;
}

.benefits .benefit-item h5 {
  text-transform: uppercase;
  color: #fff;
  letter-spacing: 4px;
}

.benefits .benefit-item > span {
  font-family: 'playfair display', sans-serif;
  font-style: italic;
  font-size: 14px;
  letter-spacing: 3px;
}

.benefits .benefit-item {
  background: #6c6d76;
  color: #fff;
}

.benefits .benefit-item.odd {
  background: #54555d;
}

.blog-posts {
  margin-top: 50px;
  margin-bottom: 30px;
}

.blog-posts-btn {
  margin-bottom: 80px;
}

.tittle-post {
  display: inline-block;
  width: 100%;
  font-style: normal;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif, "微軟正黑體", "蘋果儷中黑", sans-serif, "新細明體";
  font-size: 25px;
  color: #000;
  margin: 25px 0 5px;
  letter-spacing: 0;
}

.tittle-post:hover {
  color: #000;
}

.blog-posts .tags {
  font-size: 12px;
  font-family: 'Montserrat', sans-serif;
  color: #ebebeb;
  margin-top: 30px;
  display: inline-block;
  width: 100%;
}

.blog-posts p {
  font-size: 14px;
  color: #999;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif, "微軟正黑體", "蘋果儷中黑", sans-serif, "新細明體";
  letter-spacing: 0;
  line-height: 20px;
}

.blog-posts .info {
  margin-top: 20px;
}

.blog-posts .info li {
  display: inline-block;
  color: #272727;
  font-family: 'Montserrat', sans-serif;
  font-size: 10px;
  margin-right: 10px;
  font-weight: 700;
  text-transform: uppercase;
}

.blog-mansory {
  text-align: center;
}

.blog-tag-icon {
  height: 60px;
  width: 60px;
  border-radius: 50%;
  display: inline-block;
  margin-top: -50px;
  background: #fff;
  font-size: 18px;
  text-align: center;
  line-height: 58px;
  border: 1px solid #efefef;
  z-index: 9;
  position: relative;
}

.blog-mansory .tittle-post {
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 3px solid #ebebeb;
}

.blog-mansory .blog-posts .info {
  border-bottom: 1px solid #ebebeb;
  border-top: 1px solid #ebebeb;
  padding: 10px 0;
}

.blog-mansory .blog-posts .tags {
  margin-top: 15px;
}

.blog-mansory .blog-posts .item-mas {
  margin-bottom: 30px;
}

.side-bar .latest-post li {
  padding: 10px 0;
  font-family: 'Montserrat', sans-serif;
}

.side-bar .latest-post li a {
  padding: 0 !important;
  text-transform: uppercase;
  line-height: 20px;
}

.side-bar .latest-post li p {
  font-size: 10px;
  text-transform: uppercase;
  color: #b8b8b8;
}

.blog-page .blog-posts ul {
  position: relative;
}

.blog-page .blog-posts li {
  margin-bottom: 30px;
  position: relative;
}

.blog-page .blog-posts {
  margin: 0;
  position: relative;
}

.blog-page .tittle-post {
  font-size: 24px;
  margin-bottom: 50px;
  color: #272727;
}

.blog-page .blog-tag-icon {
  position: absolute;
  top: 20px;
  left: 20px;
  margin: 0;
  z-index: 5;
}

.blog-page .tittle-post:before {
  content: "";
  height: 3px;
  position: absolute;
  margin-top: 60px;
  width: 160px;
  background: #ebebeb;
  display: inline-block;
  float: left;
}

.blog-page .blog-posts .info {
  border-bottom: 1px solid #ebebeb;
  border-top: 1px solid #ebebeb;
  padding: 10px 0;
  display: inline-block;
  width: 100%;
}

.blog-page .blog-posts .info li {
  margin: 0;
  line-height: 35px;
  margin-right: 10px;
}

.blog-page .blog-posts .info .btn {
  float: right;
  margin: 0;
}

.blog-page .blog-posts li.read-right {
  float: right;
  margin: 0;
}

.blog-posts .vid a {
  color: #fff;
  height: 70px;
  width: 70px;
  background: url("../images/play-icon.png") no-repeat;
  float: left;
}

.blog-posts .owl-nav {
  display: none;
}

.blog-posts .owl-dot {
  width: 100%;
  text-align: center;
}

.blog-posts .owl-dots {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 20px;
  text-align: center;
  width: 100%;
}

.blog-posts .owl-dot {
  display: inline-block;
  width: auto;
}

.blog-posts .owl-dot span {
  height: 15px;
  margin: 0 5px;
  display: inline-block;
  width: 15px;
  background: #fff;
  border-radius: 50%;
  display: inline-block;
}

.blog-posts .owl-dot.active span {
  background: none;
  border: 3px solid #fff;
}

.blog-page .link-post {
  background: #ebebeb;
  padding: 35px;
  display: inline-block;
  width: 100%;
  text-align: center;
  font-size: 18px;
  color: #272727;
}

.blog-page .pagination {
  padding: 0;
  border: none;
  margin-top: 0;
}

.blog-page .medium-images .tags {
  margin-top: 0;
}

.blog-page .medium-images .blog-tag-icon {
  position: relative;
  float: right;
  border: none;
  height: auto;
  width: auto;
  line-height: inherit;
  left: auto;
  top: 20px;
}

.blog-page .medium-images .info {
  border: none;
  padding: 0;
  margin-top: 0;
}

.blog-page .medium-images .btn {
  margin-top: 10px;
}

.blog-page .medium-images li {
  margin-bottom: 40px;
  padding-bottom: 40px;
  border-bottom: 1px solid #ebebeb;
}

.blog-page .medium-images .info li {
  padding-bottom: 0;
  margin-bottom: 0;
  border: none;
}

.center-auto {
  margin: 0 auto;
  float: none;
}

.blog-cols .post-img {
  position: relative;
  width: 100%;
}

.blog-cols .tags {
  margin-top: 10px;
}

.blog-posts .hove-link {
  height: 66px;
  width: 66px;
  opacity: 0;
  display: inline-block;
  text-align: center;
  line-height: 66px;
  background: #fff;
  color: #272727;
  font-size: 16px;
  position: relative;
  z-index: 999;
}

.blog-posts li:hover .hove-link {
  opacity: 1;
}

.blog-cols .blog-posts li {
  margin-bottom: 30px;
}

.blog-cols .info {
  border-bottom: 1px solid #ebebeb;
  border-top: 1px solid #ebebeb;
  padding: 10px 0;
  display: inline-block;
  width: 100%;
}

.blog-cols .info li {
  margin-bottom: 0;
}

.blog-cols .pagination {
  padding: 0;
  border: none;
  margin-top: 0;
}

.blog-cols .play-link {
  color: #fff;
  font-size: 60px;
}

.blog-cols .posti-link {
  color: #fff;
  font-size: 18px;
}

.blog-cols .tittle-post {
  font-size: 24px;
}

.blog-cols .owl-dots {
  bottom: 40px;
}

.blog-cols .position-center-center {
  padding: 0 50px;
}

.blog-cols .position-center-center a {
  text-align: center;
}

.blog-cols .col-4 .tittle-post {
  font-size: 18px;
  min-height: 50px;
}

.blog-cols .vid .position-center-center {
  padding: 0;
}

.blog-detail .post-content h2 {
  font-size: 36px;
  font-family: 'Playfair Display', serif;
  font-weight: 400;
  font-style: italic;
}

.blog-detail .post-content h4 {
  font-style: italic;
  margin-bottom: 20px;
  margin-top: 0;
  font-family: 'Playfair Display', serif;
}

.blog-posts hr {
  content: "";
  height: 3px;
  margin: 20px auto;
  left: 0;
  right: 0;
  width: 160px;
  background: #ebebeb;
  display: inline-block;
  border: none;
}

.blog-detail .info {
  border: none !important;
  padding: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 20px;
}

.blog-detail blockquote {
  font-style: italic;
  font-size: 18px;
  line-height: 24px;
  padding-left: 40px;
  margin: 40px 0;
  margin-left: 100px;
  border-left: 4px solid #272727;
}

.post-auther .media-left img {
  margin-right: 20px;
}

.post-auther {
  margin-top: 30px;
  border-bottom: 1px solid #ebebeb;
  border-top: 1px solid #ebebeb;
  padding: 40px 0;
}

.post-auther h5 {
  font-family: 'Playfair Display', serif;
  font-style: italic;
  margin: 0;
  margin-bottom: 10px;
}

.post-auther .a-name {
  font-size: 20px;
  margin-bottom: 20px;
  display: inline-block;
  width: 100%;
  font-weight: 700;
}

.more {
  color: #ebebeb;
}

.comments {
  margin-top: 40px;
}

.comments h5 {
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
  font-size: 20px;
  margin-bottom: 40px;
}

.comments .avatar {
  margin-right: 30px;
  width: 70px;
}

.comments a {
  margin-bottom: 10px;
  display: inline-block;
  width: 100%;
  color: #ebebeb;
}

.comments .a-com p {
  color: #b8b8b8;
  font-style: italic;
}

.comments .a-com {
  display: inline-block;
  width: 100%;
  border: 1px solid #ebebeb;
  padding: 30px;
}

.comments .date {
  color: #272727;
  font-family: 'Montserrat', sans-serif;
  font-size: 12px;
  font-weight: 700;
  float: left;
  margin-top: 10px;
}

.comments .btn {
  width: auto;
  float: right;
  margin: 0;
}

.comments ul {
  border-bottom: 1px solid #ebebeb;
}

.comments .com-reply {
  margin-left: 110px;
}

.comments .comment-form {
  margin-top: 40px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif, "微軟正黑體", "蘋果儷中黑", sans-serif, "新細明體";
}

.comments .comment-form h6 {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif, "微軟正黑體", "蘋果儷中黑", sans-serif, "新細明體";
}

.comments .comment-form input {
  display: inline-block;
  width: 100%;
  padding: 0 30px;
  font-weight: 700;
  color: #272727;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif, "微軟正黑體", "蘋果儷中黑", sans-serif, "新細明體";
  font-size: 12px;
  letter-spacing: 1px;
  height: 45px;
}

.comments .comment-form .form-control {
  height: 45px;
  border: none;
  display: inline-block;
  width: 100%;
  -webkit-box-shadow: none;
  box-shadow: none;
  margin-top: 10px;
  border-radius: 0;
  background: #fff;
  border: 1px solid #ebebeb;
}

.comments .comment-form {
  margin-bottom: 40px;
}

.comments .comment-form ul {
  border-bottom: none;
}

.comments .comment-form textarea {
  height: 250px;
  font-family: 'Montserrat', sans-serif;
  border: none;
  padding: 10px 20px;
  display: inline-block;
  width: 100%;
  -webkit-box-shadow: none;
  box-shadow: none;
  margin-top: 10px;
  border-radius: 0;
  background: #fff;
  border: 1px solid #ebebeb;
}

.comments .comment-form .btn {
  font-family: 'Montserrat', sans-serif;
}

.comments .comment-form label {
  width: 100%;
  margin-top: 5px;
  font-size: 12px;
  font-family: 'Montserrat', sans-serif;
}

.about-part {
  background: url(../images/section1_bg.jpg) center bottom no-repeat;
  background-size: cover;
  min-height: 400px;
  height: 42vw;
}

.about-part .overlay {
  background: none;
  padding: 100px 0;
  text-align: center;
  text-transform: uppercase;
}

.about-part .overlay h2 {
  text-transform: uppercase;
  color: #666;
  margin: 0;
  font-size: 48px;
  margin: 20px 0 0;
  text-align: center;
  letter-spacing: 0;
  font-weight: 400;
}

.about-part .video-btn {
  color: #fff;
  margin-top: 50px;
  display: inline-block;
  line-height: normal;
  font-size: 70px;
}

.about-box {
  width: 100%;
  max-width: 880px;
  margin: 0 auto;
  padding: 100px 0;
}

.about-box p {
  margin-bottom: 1em;
  font-size: 18px;
  line-height: 1.8;
  color: #666;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif, "微軟正黑體", "蘋果儷中黑", sans-serif, "新細明體";
  letter-spacing: 0;
}

.about-box2 p {
  margin-bottom: 1em;
  font-size: 16px;
  line-height: 1.6;
  color: #666;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif, "微軟正黑體", "蘋果儷中黑", sans-serif, "新細明體";
  letter-spacing: 0;
}

.about-box2 #profile p {
  font-size: 13px;
}

.about-box2 {
  background: url(../images/section3_bg.jpg) center bottom no-repeat;
  padding: 30px 0;
  overflow: hidden;
  background-color: #ebebeb;
  min-height: 815px;
}

.about-box2 .sign {
  padding: 60px 0 20px;
  text-align: right;
  background: url(../images/sign.png) right 20px no-repeat;
  line-height: 0;
}

.gray-box {
  background: #fafafa;
}

.box h2,
.about-box2 h2 {
  text-align: left;
  margin: 0 0 20px;
  font-size: 24px;
  line-height: 1.5em;
  padding: 0;
  color: #666;
  font-weight: 400;
}

.about-box2 h2 {
  margin: 40px 0 60px;
  text-align: center;
}

.right_border {
  border-right: 1px solid #ccc;
  padding: 0 30px 0 0;
}

.section2 .box {
  margin-bottom: 40px;
  text-align: left;
  display: block;
  position: relative;
}

.company_history {
  padding: 0 0 0 15px;
}

.section2 dl {
  width: 100%;
  margin-bottom: 20px;
  display: block;
}

.section2 dt {
  width: 22%;
}

.section2 dd {
  width: 78%;
}

.section2 dt,
.section2 dd {
  float: left;
  text-align: left;
  font-size: 16px;
  line-height: 1.8em;
  margin: 0 0 10px;
}

.section2 .press_info p {
  font-size: 16px;
  color: #666;
  line-height: 1.8em;
}

section .bg_image {
  background: url(../images/office_landscape.jpg) center center no-repeat;
  background-size: cover;
  height: 400px;
  background-color: #666;
}

.core-feature ul {
  background: #272727;
  margin-top: 20px;
  position: relative;
  overflow: hidden;
}

.core-in {
  padding: 30px 40px;
}

.core-in h6 {
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 5px;
  font-weight: 400;
  margin-top: 10px;
}

.core-in p {
  font-style: italic;
  font-size: 12px;
  color: #b8b8b8;
}

.core-in .icon-feature {
  height: 83px;
  width: 83px;
  display: inline-block;
  border-radius: 50%;
  text-align: center;
  line-height: 80px;
  font-size: 32px;
  color: #ebebeb;
  border: 1px solid #464646;
  margin-right: 10px;
}

.our-clients p.intro {
  color: #b8b8b8;
  width: 60%;
  margin: 0 auto;
}

.our-clients .client-slide {
  margin-top: 25px;
  text-align: center;
}

.our-clients .client-slide img {
  width: auto;
  display: inline-block;
}

.our-clients .client-slide a:hover {
  opacity: .6;
}

.our-clients .owl-dot {
  display: inline-block;
  margin-top: 50px;
}

.our-clients .owl-dot span {
  background: #ebebeb;
  height: 15px;
  border-radius: 50%;
  margin: 0 5px;
  width: 15px;
  display: inline-block;
}

.our-clients .owl-dot.active span {
  border: 2px solid #ebebeb;
  background: #fff;
}

.client-border a {
  border: 1px solid #ebebeb;
  display: inline-block;
  width: 100%;
  padding: 10px 0;
}

.subcribe {
  background: url(../images/bg/bg-3.jpg) fixed no-repeat;
  background-size: cover;
}

.subcribe .overlay {
  padding: 50px 0;
}

.subcribe h4 {
  font-size: 20px;
  text-transform: uppercase;
  color: #fff;
  margin: 0;
  float: left;
  letter-spacing: 5px;
  margin-top: 20px;
}

.subcribe .sub-mail input {
  width: 100%;
  border: 1px solid #fff;
  padding: 0 20px;
  line-height: 60px;
  background: none;
  color: #fff;
  font-family: 'Montserrat', sans-serif;
  letter-spacing: 3px;
  font-size: 12px;
  height: 60px;
}

.subcribe .sub-mail button {
  border: none;
  background: none;
  color: #fff;
  color: #fff;
  font-family: 'Montserrat', sans-serif;
  letter-spacing: 3px;
  font-size: 12px;
  border-left: 1px solid #fff;
  float: right;
  padding: 0 30px;
  position: relative;
  margin-top: -40px;
}

.news-letter {
  background: url(../images/bg/bg-6.jpg) fixed no-repeat;
  background-size: cover;
}

.news-letter .news-letter-form {
  width: 50%;
  margin: 0 auto;
  margin-top: 40px;
}

.news-letter .sub-mail input {
  border: 1px solid rgba(255, 255, 255, 0.6);
}

.end-season {
  background: url(../images/bg/bg-7.jpg) fixed no-repeat;
  background-size: cover;
}

.end-season h5 {
  color: #716967;
  margin: 0;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 4px;
}

.end-season h2 {
  color: #c18b8b;
  margin: 10px 0;
  letter-spacing: 2px;
}

.end-season .btn {
  background: #272727;
}

.add-bnr-4 {
  margin-top: 30px;
  margin-bottom: 30px;
}

.add-bnr-4 li .inn-sec {
  background: #959595;
  position: relative;
  overflow: hidden;
}

.add-bnr-4 .inn-sec img {
  width: 100%;
  -webkit-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  -ms-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
  -webkit-transition: all 250ms cubic-bezier(0.55, 0.085, 0.68, 0.53);
  -moz-transition: all 250ms cubic-bezier(0.55, 0.085, 0.68, 0.53);
  -o-transition: all 250ms cubic-bezier(0.55, 0.085, 0.68, 0.53);
  transition: all 250ms cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

.add-bnr-4 .inn-sec:hover img {
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  opacity: .4;
  -webkit-transform: scale(1.1);
}

.add-bnr-4 .inn-sec .upper {
  position: absolute;
  top: 50%;
  margin-top: -50px;
  width: 100%;
  left: 0;
  color: #272727;
  line-height: 40px;
  height: 70px;
  text-align: center;
  font-size: 18px;
  letter-spacing: 4px;
  padding: 0 30px;
  -webkit-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  -ms-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
}

.add-bnr-4 .inn-sec .upper h4 {
  color: #fff;
  margin-top: 30px;
  letter-spacing: 6px;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.add-bnr-4 .inn-sec:hover h4 {
  margin-top: 0;
}

.add-bnr-4 .inn-sec .upper a {
  border-top: 1px solid #fff;
  color: #fff;
  opacity: 0;
  display: inline-block;
  margin-top: 80px;
  font-size: 14px;
}

.add-bnr-4 .inn-sec:hover a {
  opacity: 1;
  margin-top: 20px;
}

.bnr-items {
  padding-bottom: 30px;
}

.bnr-items .items-pro {
  position: relative;
  overflow: hidden;
  text-align: center;
}

.bnr-items .items-pro span {
  color: #fff;
  font-family: 'Montserrat', sans-serif;
  border: 1px solid #fff;
  display: inline-block;
  padding: 10px 20px;
  margin-bottom: 20px;
}

.bnr-items .item-hover {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.6);
  opacity: 0;
  padding: 0 40px;
  text-align: center;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  top: 50%;
  padding-top: 35%;
  -webkit-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  -ms-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
  z-index: 99;
}

.bnr-items .items-pro:hover .item-hover {
  opacity: 1;
}

.bnr-items .items-pro .item-hover a.head {
  color: #fff;
  display: inline-block;
  width: 100%;
  font-size: 24px;
  padding: 10px 0;
}

.bnr-items .items-pro .item-hover p {
  font-family: 'Montserrat', sans-serif;
  color: #fff;
}

.bnr-items .items-pro:hover img {
  -webkit-transition: all 250ms cubic-bezier(0.55, 0.085, 0.68, 0.53);
  -moz-transition: all 250ms cubic-bezier(0.55, 0.085, 0.68, 0.53);
  -o-transition: all 250ms cubic-bezier(0.55, 0.085, 0.68, 0.53);
  transition: all 250ms cubic-bezier(0.55, 0.085, 0.68, 0.53);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
}

.bnr-items .items-pro .btn {
  padding: 15px 30px;
}

.bnr-items .owl-dots {
  width: 100%;
  text-align: center;
  position: absolute;
  bottom: -30px;
  left: 0;
  right: 0;
}

.bnr-items .owl-dot {
  display: inline-block;
}

.bnr-items .owl-dot span {
  background: #ebebeb;
  height: 15px;
  border-radius: 50%;
  margin: 0 5px;
  width: 15px;
  display: inline-block;
}

.bnr-items .owl-dot.active span {
  border: 2px solid #ebebeb;
  background: #fff;
}

.welcome .tittle p {
  letter-spacing: 1px;
}

.welcome .tittle hr {
  height: 3px;
  width: 58px;
  margin: 20px auto;
  border: none;
  background: #272727;
}

.welcome ul {
  margin-top: 10px;
}

.welcome .tittle hr:before {
  display: none;
}

.welcome li .icon {
  background: #ebebeb;
  margin-bottom: 20px;
}

.welcome li h5 {
  margin: 0;
  margin-bottom: 10px;
}

.welcome li p {
  font-size: 16px;
  font-style: italic;
  color: #b8b8b8;
}

.boxes-in {
  border: 1px solid #ebebeb;
  padding: 30px;
  text-align: center;
  min-height: 350px;
  position: relative;
  margin-bottom: 30px;
}

.boxes-in .location i {
  height: 42px;
  width: 42px;
  border: 1px solid #ebebeb;
  text-align: center;
  float: left;
  line-height: 40px;
  color: #272727;
  margin-right: 30px;
  border-radius: 50%;
}

.boxes-in hr {
  width: 50%;
  margin: 20px auto;
}

.boxes-in p {
  font-family: 'Montserrat', sans-serif;
  color: #b8b8b8;
  font-size: 11px;
  text-transform: uppercase;
  margin: 0;
  letter-spacing: 0;
}

.boxes-in h5 {
  font-size: 20px;
  font-weight: 700;
  margin: 0;
}

.boxes-in li {
  display: inline-block;
  width: 100%;
  margin-bottom: 10px;
}

.boxes-in .location {
  text-align: left;
}

.boxes-in .small-letter {
  text-align: center;
}

.boxes-in .small-letter p {
  text-align: left;
}

.boxes-in .small-letter input {
  width: 100%;
  margin: 20px 0;
  margin-bottom: 0;
  border: 1px solid #ebebeb;
  height: 45px;
  font-family: 'Montserrat', sans-serif;
  padding: 0 20px;
}

.boxes-in .small-letter button {
  font-family: 'Montserrat', sans-serif;
  font-size: 10px;
  border: 1px solid #272727;
  color: #272727;
  border-color: #272727;
}

.boxes-in .small-letter button:hover {
  color: #fff;
  background: #272727;
  border-color: #272727;
}

.boxes-in .testi-slides {
  text-align: center;
}

.boxes-in .testi-slides p {
  font-family: 'Playfair Display', serif;
  text-transform: none;
  font-size: 14px;
  font-style: italic;
  font-weight: 400;
  line-height: 24px;
}

.boxes-in .testi-slides .avatar {
  height: 70px;
  width: 70px;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
  display: inline-block;
  margin-bottom: 10px;
}

.boxes-in .testi-slides .avatar img {
  border-radius: 50%;
}

.boxes-in .testi-slides h6 {
  font-size: 12px;
  color: #272727;
  margin: 0;
  margin-top: 20px;
}

.boxes-in .testi-slides .owl-nav {
  display: none;
}

.boxes-in .testi-slides .owl-dots {
  width: 100%;
  text-align: center;
  position: absolute;
  bottom: -30px;
  left: 0;
  right: 0;
}

.boxes-in .testi-slides .owl-dot {
  display: inline-block;
}

.boxes-in .testi-slides .owl-dot span {
  background: #ebebeb;
  height: 15px;
  border-radius: 50%;
  margin: 0 5px;
  width: 15px;
  display: inline-block;
}

.boxes-in .testi-slides .owl-dot.active span {
  border: 2px solid #ebebeb;
  background: #fff;
}

.contact #contact_form {
  text-align: center;
}

.contact .error {
  border: 1px solid red;
}

.success-msg {
  background: #fff;
  border: 1px solid #ABD0A8;
  color: #589051;
  margin-bottom: 30px;
  width: 100%;
  display: inline-block;
  text-align: center;
  padding: 11px 16px;
  border-radius: 4px;
  display: none;
}

.success-msg i {
  padding: 10px;
  border-radius: 50%;
  border: 1px solid #ABD0A8;
  margin-right: 10px;
}

#contact_form li {
  text-align: left;
  margin-bottom: 40px;
}

#contact_form li input {
  display: inline-block;
  width: 100%;
  padding: 0 30px;
  font-weight: 700;
  color: #272727;
  font-family: 'Montserrat', sans-serif;
  font-size: 11px;
  letter-spacing: 3px;
  height: 45px;
}

#contact_form li .form-control {
  height: 45px;
  border: none;
  display: inline-block;
  width: 100%;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0;
  background: #fff;
  border: 1px solid #ebebeb;
}

#contact_form label {
  width: 100%;
}

#contact_form .btn {
  color: #272727;
  font-family: 'Montserrat', sans-serif;
  border: 1px solid #272727;
  margin: 0;
  float: right;
}

#contact_form .btn:hover {
  color: #fff;
  border-color: #fff;
}

#contact_form li textarea {
  height: 130px !important;
  font-size: 11px;
  font-family: 'Montserrat', sans-serif;
  letter-spacing: 3px;
  display: inline-block;
  width: 100%;
  position: relative;
  padding: 10px 20px;
}

#map {
  height: 320px;
  margin-bottom: 30px;
}

.contact ::-webkit-input-placeholder {
  color: #272727;
}

.contact :-moz-placeholder {
  color: #272727;
}

.contact ::-moz-placeholder {
  color: #272727;
}

.contact :-ms-input-placeholder {
  color: #272727;
}

.contact .form-control:focus {
  border: 1px solid #272727 !important;
}

.conact-us-2 #contact_form li .form-control {
  border: none;
  border-bottom: 1px solid #ebebeb;
  padding-left: 0;
}

.conact-us-2 .contact .form-control:focus {
  border: none !important;
  border-bottom: 1px solid #272727 !important;
}

.conact-us-2 #contact_form li {
  margin-bottom: 30px;
}

.conact-us-2 #map {
  height: 630px;
}

.conact-us-2 #contact_form li textarea {
  height: 120px !important;
}

.conact-us-2 .social_icons {
  margin-top: -150px;
  position: relative;
  z-index: 99;
  text-align: center;
  padding: 40px 0;
  padding-top: 60px;
  padding-bottom: 20px;
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.2)));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%);
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%);
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.2)));
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#99000000', GradientType=0);
}

.conact-us-2 .social_icons li {
  float: none;
}

.conact-us-2 .social_icons li a {
  background: #ebebeb;
  border-color: #ebebeb;
}

.contact-box-2 li h5 {
  font-size: 14px;
}

.contact-box-2 {
  margin-bottom: 50px;
}

.contact-box-2 li span {
  font-size: 12px;
  font-family: 'Montserrat', sans-serif;
  color: #b8b8b8;
}

.contact-box-2 li span i {
  color: #2cc0e0;
  border: none;
  height: auto;
  width: auto;
  margin: 0;
  font-size: 14px;
  line-height: 20px;
  margin-right: 5px;
}

.contact-box-2 li p {
  font-style: italic;
  font-family: 'Playfair Display', serif;
  text-transform: none;
  letter-spacing: 2px;
  margin-bottom: 10px;
  font-size: 10px;
}

.conact-us-2 .tittle {
  text-align: left;
}

.conact-us-2 .contact-3 {
  padding-top: 40px;
  padding-bottom: 50px;
  padding-right: 20%;
}

.conact-us-3 #map {
  height: 730px;
}

#GradLayer {
  padding-bottom: 0;
  background: url(../images/GradLayer_BG.png) repeat-x bottom left;
}

#Nav {
  height: 80px;
  padding: 0 20px 0 50px;
  margin: -18px 0;
  position: absolute;
}

#Nav #PageTitle {
  width: 112px;
  background-image: url(../images/PagenewsTitle.png);
  float: left;
  width: 112px;
  height: 80px;
  background-repeat: no-repeat;
}

#Nav #PageTitle a {
  width: 70px;
  display: block;
  width: 112px;
  height: 80px;
}

#Nav #PageTitle span {
  display: none;
}

.pagetitle,
.breadcrumb-main {
  float: left;
}

.breadcrumb-main {
  padding-left: 20px;
}

.news {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif, "微軟正黑體", "蘋果儷中黑", sans-serif, "新細明體";
  clear: both;
  width: 100%;
  max-width: 980px;
  overflow: hidden;
  margin: 16px auto 0;
  padding: 30px 0;
  background: url(../images/Container_BG.png) repeat-x;
  text-align: left;
  position: relative;
}

#news {
  float: left;
  width: 60%;
  min-width: 650px;
  margin: 0 50px 0 0;
  padding: 18px 0 0;
  font-size: 15px;
  line-height: 17px;
}

#news .ThePost {
  clear: both;
  margin: 0 0 50px 50px;
  padding: 40px 0 30px;
  border-bottom: 1px solid #CCC;
}

#SideBar h5 {
  margin-bottom: 10px;
  font-size: 16px;
  line-height: 22px;
  font-weight: bold;
  color: #000;
}

#news .ThePost h3 {
  margin-bottom: 15px;
  font-size: 20px;
  line-height: 22px;
  font-weight: bold;
  color: #000;
}

#news .ThePost h3 a {
  color: #000;
}

#news .ThePost span.PostDate {
  margin-bottom: 20px;
  margin-top: 10px;
  display: block;
  font-size: 14px;
  line-height: 14px;
}

#news .ThePost .ColumnPostMain img {
  float: right;
  margin: 0 0 10px 20px;
}

#news .ThePost .ColumnPostMain p {
  margin-bottom: 18px;
  color: #666;
  letter-spacing: 0.5px;
}

#news hr.Hyde0 {
  clear: both;
  text-align: left;
  height: 0;
  margin: 0;
  padding: 0;
  border: none;
  background: none;
}

#news .PageNavigation {
  clear: both;
  padding: 0 0 40px;
  text-align: right;
}

#news .PageNavigation a {
  margin: 0;
  padding: 0 0 0 10px;
  color: #000;
  font-size: 15px;
  text-decoration: none;
}

#SideBar {
  float: left;
  width: 40%;
  max-width: 210px;
  margin: 9px 0 0 0;
  padding: 56px 0 0;
}

#SideBar ul {
  margin: 0 0 60px;
  padding: 0;
  list-style: none;
}

#SideBar ul li {
  margin: 0 0 12px;
  padding: 0;
  font-size: 13px;
  line-height: 17px;
  letter-spacing: 0.2px;
}

#SideBar ul li a {
  color: #666666;
  text-decoration: none;
}

#SideBar ul li a:hover {
  text-decoration: underline;
}

footer {
  background: #202020;
  padding: 30px 0 50px;
  padding-bottom: 0;
}

footer p {
  color: #fff !important;
}

footer .footer-link {
  margin-top: 10px;
}

footer .footer-link .newsbox {
  background-color: #292b28;
  /* background: url(../images/news_bg.jpg) top center repeat-x #292b28; */
  padding: 10px 30px 50px;
  margin: 10px 30px 10px 0;
  float: left;
  width: 100%;
  padding-bottom: 40px;
  /* background-image: -webkit-linear-gradient(top, #404040 0%, #333 200px);
  background-image: -o-linear-gradient(top, #404040 0%, #333 200px);
  background-image: linear-gradient(to bottom, #404040 0%, #333 200px); */
}

footer .footer-link h2 {
  color: #fff;
  letter-spacing: .5px;
  font-size: 36px;
  font-weight: 400;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif, "微軟正黑體", "蘋果儷中黑", sans-serif, "新細明體";
  margin-bottom: 40px;
}

footer .footer-link h3 {
  color: #ebebeb;
  letter-spacing: .5px;
  font-size: 18px;
  font-weight: 400;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif, "微軟正黑體", "蘋果儷中黑", sans-serif, "新細明體";
  /* margin-bottom: 20px; */
  /* border-bottom: 1px solid #7a8b72; */
  /* padding-bottom: 20px; */
}

footer .footer-link h5 {
  color: #bcbcbc;
  letter-spacing: .5px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif, "微軟正黑體", "蘋果儷中黑", sans-serif, "新細明體";
  /* border-bottom: 1px solid #7a8b72; */
  /* padding: 16px 0; */
  font-weight: 400;
  margin-bottom: 16px;
}

footer .footer-link a {
  font-family: 'Montserrat', sans-serif;
  font-size: 12px;
  line-height: 36px;
  display: inline-block;
  width: 100%;
  color: #999;
}

footer .footer-link .f-news {
  padding: 20px 0;
  color: #bcbcbc !important;
}

footer .footer-link ul.shopnote {
  list-style-type: disc;
}

footer .footer-link .shopnote li {
  padding: 3px 0;
  list-style-type: disc;
  color: #ccc;
  padding-left: 0;
  margin-left: 20px;
}

footer .footer-link .f-news li {
  /* padding: 8px 0; */
  margin-bottom: 5px;
  /* border-bottom: 1px solid #666; */
  color: #ffffff;
}
footer .footer-link .f-news li.line{
  border-bottom: 1px solid #7a8b72;
  margin: 20px 0;
}

footer .footer-link .f-news li a,
footer .footer-link .shopnote li a {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif, "微軟正黑體", "蘋果儷中黑", sans-serif, "新細明體", "Montserrat";
  font-size: 14px;
  font-weight: 300;
  line-height: 24px;
  color: #fff;
  display: inline-block;
  width: 100%;
}

.shops li {
  color: #ccc;
  background: url(../images/Footer-Check.png) no-repeat 0 6px;
  padding-left: 22px;
  margin-bottom: 8px;
  font-family: "AliMedium";
  padding-top: 3px;
  padding-bottom: 3px;
  line-height: 1.5;
}

.shops li strong {
  font-weight: 700;
  color: #fff;
}

footer .footer-link .f-news li a:hover,
footer .footer-link .shopnote li a:hover {
  color: #ebebeb;
}

footer .footer-link .f-links li.cate {
  color: #fff;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif, "微軟正黑體", "蘋果儷中黑", sans-serif, "新細明體";
  line-height: 26px;
  font-size: 14px;
  padding-top: 10px;
}

footer .footer-link .f-links li.cate:first-child {
  padding-top: 0;
}

footer .footer-link .f-links li a {
  line-height: 24px;
  color: #bcbcbc;
}

footer .footer-link a:hover {
  color: #d5d5d5;
  font-weight: 500;
}

footer .footer-link p {
  font-size: 12px;
  font-family: 'Montserrat', sans-serif;
  color: #b8b8b8;
}

footer .flicker {
  margin: 0 -5px;
}

footer .flicker li {
  float: left;
  width: 33.333%;
  padding: 10px 5px;
  padding-top: 0;
}

footer .flicker a:hover {
  opacity: .6;
}

footer .flicker img {
  width: 100%;
}

.rights {
  text-align: right;
  margin-top: 50px;
  margin-bottom: 50px;
  padding-top: 10px;
}

.rights p {
  text-align: right;
  font-size: 11px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif, "微軟正黑體", "蘋果儷中黑", sans-serif, "新細明體";
  text-transform: uppercase;
}

footer .rights #Language_Flag p {
  font-size: 11px;
  line-height: 11px;
  color: #999;
  padding-bottom: 5px;
}

footer .rights p.CompanyLogo {
  display: block;
  padding-top: 33px;
  padding-bottom: 20px;
  background-size: 155px auto;
  font-size: 11px;
  line-height: 24px;
  color: #999;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
  footer .rights p.CompanyLogo {
    background-size: auto 17px;
  }
}

.social_icons {
  position: relative;
  z-index: 1;
}

.social_icons ul {
  margin: 0;
  padding: 0;
  text-align: center;
}

.social_icons li {
  display: inline-block;
  list-style: none;
  float: left;
}

.social_icons a {
  display: block;
  width: 40px;
  height: 40px;
  margin: 0;
  font-size: 14px;
  line-height: 40px;
  text-decoration: none;
  border-radius: 50%;
  text-align: center;
  color: #696969;
  border: 1px solid #f5f5f5;
  margin-right: 5px;
}

.social_icons a:hover i {
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-transition: .4s ease-in-out;
  color: #fff;
}

.social_icons .behance a:hover {
  color: #fff;
  background-color: #2b9ad2;
  border-color: #2b9ad2;
}

.social_icons .blogger a:hover {
  color: #fff;
  background-color: #ff6500;
  border-color: #ff6500;
}

.social_icons .deviantart a:hover {
  color: #fff;
  background-color: #536659;
  border-color: #536659;
}

.social_icons .dribbble a:hover {
  color: #fff;
  background-color: #f973a4;
  border-color: #f973a4;
}

.social_icons .facebook a:hover {
  color: #fff;
  background-color: #3b5a9b;
  border-color: #3b5a9b;
}

.social_icons .flickr a:hover {
  color: #fff;
  background-color: #ff0084;
  border-color: #ff0084;
}

.social_icons .forrst a:hover {
  color: #fff;
  background-color: #2f713d;
  border-color: #2f713d;
}

.social_icons .googleplus a:hover {
  color: #fff;
  background-color: #f63d26;
  border-color: #f63d26;
}

.social_icons .instagram a:hover {
  color: #fff;
  background-color: #507ea4;
  border-color: #507ea4;
}

.social_icons .lastfm a:hover {
  color: #fff;
  background-color: #da0019;
  border-color: #da0019;
}

.social_icons .linkedin a:hover {
  color: #fff;
  background-color: #0072b2;
  border-color: #0072b2;
}

.social_icons .paypal a:hover {
  color: #fff;
  background-color: #165c82;
  border-color: #165c82;
}

.social_icons .picasa a:hover {
  color: #fff;
  background-color: #cb2027;
  border-color: #cb2027;
}

.social_icons .pinterest a:hover {
  color: #fff;
  background-color: #cb2027;
  border-color: #cb2027;
}

.social_icons .skype a:hover {
  color: #fff;
  background-color: #00aaf1;
  border-color: #00aaf1;
}

.social_icons .soundcloud a:hover {
  color: #fff;
  background-color: #ff6900;
  border-color: #ff6900;
}

.social_icons .stumbleupon a:hover {
  color: #fff;
  background-color: #eb4823;
  border-color: #eb4823;
}

.social_icons .twitter a:hover {
  color: #fff;
  background-color: #2baae1;
  border-color: #2baae1;
}

.social_icons .vimeo a:hover {
  color: #fff;
  background-color: #40b2dc;
  border-color: #40b2dc;
}

.social_icons .youtube a:hover {
  color: #fff;
  background-color: #ff3330;
  border-color: #ff3330;
}

.social_icons .tumblr a:hover {
  color: #fff;
  background-color: #35506b;
  border-color: #35506b;
}

.sub-banner {
  border-bottom: 1px solid #f3f3f3;
  border-top: 1px solid #f3f3f3;
  padding: 20px 0;
  text-align: center;
}

.sub-banner h4 {
  margin: 0;
  letter-spacing: .1px;
  font-weight: 400;
  float: left;
}

.sub-banner h4 span {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif, "微軟正黑體", "蘋果儷中黑", sans-serif, "新細明體";
}

.sub-top {
  border-bottom: 1px solid #f3f3f3;
  border-top: 1px solid #f3f3f3;
  padding: 0;
  text-align: center;
  background: #fafafa;
}

.sub-banner .breadcrumb,
.sub-top .subcate {
  background: none;
  border: none;
  float: left;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif, "微軟正黑體", "蘋果儷中黑", sans-serif, "新細明體";
  padding: 0;
  text-transform: uppercase;
  color: #b8b8b8;
  margin: 0;
  width: auto;
  margin-top: 5px;
  font-weight: 400;
}

.sub-top .subcate {
  width: 100%;
}

.sub-banner .breadcrumb {
  margin-left: 50px;
}

.sub-banner .subcate {
  margin-left: 0;
}

.sub-top .subcate li {
  float: left;
  padding: 0;
  width: 25%;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif, "微軟正黑體", "蘋果儷中黑", sans-serif, "新細明體";
}

.sub-top .subcate li a.active,
.sub-top .subcate li a.active:hover {
  border-bottom: 3px solid #4ba53a;
}

.sub-top .subcate li a {
  padding: 16px 0;
  display: inline-block;
  font-size: 14px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif, "微軟正黑體", "蘋果儷中黑", sans-serif, "新細明體";
  color: #333;
  width: 100%;
}

.sub-top .subcate li a:hover {
  border-bottom: 3px solid #444;
}

.sub-banner .subcate li {
  float: left;
  padding: 0 30px;
}

.sub-banner .subcate li,
.sub-top .subcate li a {
  color: #666;
  border-bottom: 3px solid #fafafa;
}

.sub-banner .breadcrumb li {
  color: #4ba53a;
  padding: 0 8px;
}

.sub-banner .breadcrumb a {
  color: #666;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif, "微軟正黑體", "蘋果儷中黑", sans-serif, "新細明體";
}

.sub-banner .breadcrumb a:hover {
  color: #000;
}

#navfloat {
  position: absolute;
  background-color: rgba(255, 255, 255, 0.7) !important;
  z-index: 200;
  width: 100%;
  height: 70px;
}

#navfloat #nav-inner {
  position: relative;
}

#navfloat ul li {
  display: block;
  float: left;
  height: 30px;
  overflow: hidden;
  text-align: center;
}

#PageTitle {
  float: left;
  width: 290px;
  height: 60px;
  background-repeat: no-repeat;
}

#PageTitle h4 {
  line-height: 60px;
  margin: 0;
  letter-spacing: 0;
  font-size: 28px;
  display: none;
}

#PageTitle {
  float: left;
  width: 200px;
  height: 70px;
  background-repeat: no-repeat;
}

#PageTitle.toster {
  background-image: url(../images/toaster/PageTitle.png);
  width: 310px;
}

#PageTitle.greenfan {
  background-image: url(../images/greenfan/PageTitle.png);
  background-size: 140px;
  background-position: center;
  width: 160px;
}

#PageTitle.greenfan-cirq {
  background-image: url(../images/greenfan-cirq/PageTitle.png);
  width: 310px;
}

#PageTitle.airengine {
  background-image: url(../images/airengine/PageTitle.png);
  width: 168px;
}

#PageTitle.smartheater {
  background-image: url(../images/smartheater/PageTitle.png);
  width: 230px;
}

#PageTitle.unipack {
  background-image: url(../images/unipack/PageTitle.png);
  width: 120px;
  background-position: 5px 0;
}

#PageTitle.pot {
  background-image: url(../images/pot/balmuda_the_pot.min.svg);
  width: 210px;
  background-position: 0 30px;
  margin-right: 2rem;
}

#PageTitle.gohan {
  background-image: url(../images/gohan/balmuda_the_gohan.000.min.svg);
  width: 246px;
  background-position: 0 30px;
  margin-right: 2rem;
}

.pagemap__main {
  float: left;
  width: auto;
}

.pagemap__main ol.breadcrumb {
  padding: 22px 0 0;
  background: transparent;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif, "微軟正黑體", "蘋果儷中黑", sans-serif, "新細明體";
}

.pagemap__main ol.breadcrumb li {
  padding: 0 8px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif, "微軟正黑體", "蘋果儷中黑", sans-serif, "新細明體";
  font-size: 13px;
  line-height: 30px;
}

.pagemap__main ol.breadcrumb li a {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif, "微軟正黑體", "蘋果儷中黑", sans-serif, "新細明體";
  color: #666;
}

.pagemap__main ol.breadcrumb li.active,
ul.pagemap__dropdown__content li.active {
  color: #4ba53a;
}

.pagemap__main ol.breadcrumb li a:hover {
  color: #000;
}

#navfloat .pagemap__dropdown {
  width: 80px;
  float: left;
  padding: 0;
  margin-top: 27px;
  margin-left: 10px;
  z-index: 999;
}

#navfloat .pagemap__dropdown__btn {
  position: relative;
  display: block;
  cursor: pointer;
  height: 42px;
}

#navfloat .pagemap__dropdown__btn:before {
  position: relative;
  display: block;
  font-family: v2;
  content: "\e01d";
  font-size: 18px;
  line-height: 30px;
  color: #666;
  margin: 0;
  padding: 0 0 15px;
  top: 0;
  left: 5px;
}

#navfloat .pagemap__dropdown__content {
  display: none;
  opacity: 0;
  z-index: 9999;
  background-color: rgba(255, 255, 255, 0.8);
  -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
  -webkit-animation-duration: .2s;
  -ms-animation-duration: .2s;
  animation-duration: .2s;
  -webkit-animation-name: fadeIn;
  -moz-animation-name: fadeIn;
  animation-name: fadeIn;
  width: 180px;
  clear: both;
  padding: 0;
  margin-left: -40px;
  margin-top: 0;
}

#navfloat .pagemap__dropdown__content li {
  display: block;
  float: none;
  line-height: 1.8;
  height: auto;
  padding: 10px 0;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif, "微軟正黑體", "蘋果儷中黑", sans-serif, "新細明體";
  font-size: 15px;
}

#navfloat .pagemap__dropdown__content li a {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif, "微軟正黑體", "蘋果儷中黑", sans-serif, "新細明體";
}

#navfloat .pagemap__dropdown__content li a:hover {
  color: #666;
}

#navfloat ul li {
  display: block;
  float: left;
  height: 30px;
  overflow: hidden;
  text-align: center;
}

#navfloat .pagemap__dropdown:hover .pagemap__dropdown__content {
  display: block;
  opacity: 1;
}

.construction p {
  color: #b8b8b8;
  letter-spacing: 0;
  font-family: 'Montserrat', sans-serif;
}

.tittle-cont p {
  font-style: normal;
  width: 70%;
  margin: 0 auto;
  font-family: 'Montserrat', sans-serif;
}

.tittle-cont hr {
  width: 80px;
  height: 16px;
  background: #ffc000;
  -webkit-transform: skew(-40deg);
  -moz-transform: skew(-40deg);
  -o-transform: skew(-40deg);
  -ms-transform: skew(-40deg);
  transform: skew(-40deg);
}

.tittle-cont h3 {
  font-weight: 700;
  margin: 0;
}

.tittle-cont hr:before {
  display: none;
}

.btn-corver {
  background: #ffc000;
  border: none;
  color: #272727;
  padding: 15px 10px;
  position: relative;
  margin: 0 40px;
  z-index: 9;
}

.btn-corver:before {
  background: #ffc000;
  content: '';
  height: 50px;
  width: 30px;
  top: 0;
  left: -20px;
  position: absolute;
  -webkit-transform: skew(-20deg);
  -moz-transform: skew(-20deg);
  -o-transform: skew(-20deg);
  -ms-transform: skew(-20deg);
  transform: skew(-20deg);
}

.btn-corver:after {
  background: #ffc000;
  content: '';
  height: 50px;
  width: 30px;
  top: 0;
  right: -20px;
  position: absolute;
  -webkit-transform: skew(-20deg);
  -moz-transform: skew(-20deg);
  -o-transform: skew(-20deg);
  -ms-transform: skew(-20deg);
  transform: skew(-20deg);
}

.btn-corver:hover {
  background: #272727;
}

.btn-corver.btn-1:after {
  background: #fff;
}

.btn-corver.btn-1:before {
  background: #fff;
}

.construction .btn:hover {
  background: #ffc000;
  border-color: #ffc000;
}

.btn-corver.btn-1 {
  background: #fff;
  border: none;
}

.btn-corver.btn-1:hover {
  background: #fff;
  color: #ffc000;
}

.feature-con li {
  margin-bottom: 30px;
}

.feature-con li img {
  width: 100%;
}

.feature-con hr:before {
  width: 70px;
  content: '';
  height: 5px;
  background: #ffc000;
  margin: 0 auto;
  border: none;
  position: absolute;
  margin-top: -3px;
}

.feature-con h6 {
  margin-top: 20px;
  font-weight: 700;
}

.feature-con .btn {
  margin-top: 10px;
}

.feature-con img {
  background: #000;
}

.feature-con a:hover img {
  opacity: .5;
}

.construction .services {
  background: #f9f9f9;
}

.construction .services-style-2 {
  background: url(../images/bg/bg-12.jpg) fixed no-repeat;
  background-size: cover;
}

.construction .services .icon {
  background: #ffc000;
  margin-right: 20px;
  color: #272727;
  margin-bottom: 0;
  text-align: center;
  height: 70px;
  width: 70px;
  font-size: 24px;
  line-height: 70px;
}

.construction .services li h6 {
  font-weight: 700;
  letter-spacing: 2px;
}

.construction .services .icon i {
  margin-left: 2px;
}

.construction .services li:hover .icon {
  background: #272727;
  color: #ffc000;
}

.construction .services ul {
  margin-bottom: 0;
  margin-top: 0;
  border-bottom: 1px solid #ebebeb;
}

.construction .services ul:nth-last-child(1) {
  border-bottom: 0;
}

.construction .services li {
  text-align: left;
  padding-bottom: 60px;
  padding-top: 60px;
  border-right: 1px solid #ebebeb;
}

.construction .services li:nth-last-child(1) {
  border-right: 0;
}

.construction .services li p {
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  margin-bottom: 0;
}

.construction .services-style-2 {
  background: url(../images/bg/bg-12.jpg) fixed no-repeat;
  background-size: cover;
}

.construction .services-style-2 li {
  text-align: center;
}

.construction .services-style-2 .icon {
  color: #ffc000;
  text-align: center;
  height: 70px;
  display: inline-block;
  border-radius: 50%;
  width: 70px;
  font-size: 24px;
  line-height: 66px;
  border: 1px solid #ffc000;
  margin: 0;
  margin-bottom: 20px;
  -webkit-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  -ms-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
}

.construction .services-style-2 li:hover .icon {
  color: #fff;
  background: #ffc000;
}

.construction .services-style-2 h6 {
  color: #fff;
  display: inline-block;
  width: 100%;
  margin: 0;
}

.construction .services-style-2 .overlay {
  background: rgba(49, 49, 49, 0.9);
}

.construction .services-style-2 ul li {
  margin-top: 40px;
}

.construction .services-style-2 ul li hr {
  width: 20px;
  height: 3px;
  margin: 18px auto;
  background: #ffc000;
  border: none;
}

.construction .port-folio-row li .hover-port {
  background: rgba(0, 0, 0, 0.8);
}

.construction .port-folio-row li h5 {
  margin: 0;
  color: #fff;
  margin-bottom: 0;
}

.construction .port-folio-row li hr {
  width: 60px;
  height: 10px;
  border: none;
  margin: 40px auto;
  background: #ffc000;
  -webkit-transform: skew(-40deg);
  -moz-transform: skew(-40deg);
  -o-transform: skew(-40deg);
  -ms-transform: skew(-40deg);
  transform: skew(-40deg);
}

.construction .port-folio-row li .hover-port a:hover {
  background: #ffc000;
}

.construction .filter {
  display: inline-block;
  width: 100%;
  text-align: center;
  margin-bottom: 40px;
}

.construction .filter li {
  display: inline-block;
  padding: 0 10px;
  position: relative;
}

.construction .filter li a {
  color: #b8b8b8;
  width: 100%;
  font-weight: 700;
  display: inline-block;
  position: relative;
}

.construction .filter li a.active {
  color: #ffc000;
}

.construction .filter li a.active:before {
  content: "";
  height: 5px;
  width: 5px;
  top: 20px;
  left: 45%;
  background: #ffc000;
  position: absolute;
  display: inline-block;
  margin: 0 auto;
}

.quote {
  background: #5f5d56;
  padding: 25px 0;
}

.quote h4 {
  color: #fff;
  font-size: 20px;
  display: inline-block;
  letter-spacing: 1px;
}

.quote .btn {
  float: right;
  margin: 0;
  background: #ffc000;
  border-color: #ffc000;
  font-size: 16px;
  color: #272727;
  letter-spacing: 0;
  font-weight: 700;
}

.construction-store .categories {
  border-bottom: 4px solid #ffc000;
}

.construction-store .categories h6 {
  background: #ffc000;
  display: inline-block;
  padding: 20px;
  width: 100%;
  margin: 0;
}

.construction-store .categories li {
  line-height: 51px;
  border: none;
  border-bottom: 1px solid #ebebeb;
  padding: 0;
  margin: 0;
  padding-left: 20px;
}

.construction-store .categories li a {
  padding: 0;
  border-radius: 0;
  background: none;
}

.construction-store .popurlar_product .items-in {
  margin-top: 0;
}

.construction-store .categories li a {
  font-size: 12px;
  font-weight: 700;
  color: #b8b8b8;
}

.construction-store .categories li:hover a {
  color: #ffc000;
}

.construction-store .categories li.active a {
  color: #ffc000;
}

.nav-pills > li.active > a,
.nav-pills > li.active > a:focus,
.nav-pills > li.active > a:hover {
  background: none;
}

.construction-store .categories li.active a:before {
  content: "\f0da";
  font-family: 'FontAwesome';
  position: absolute;
  right: 0;
  font-size: 18px;
}

.construction-store .popurlar_product .owl-nav:before {
  display: none;
}

.construction-store .tittle-cont {
  margin-bottom: 80px;
}

.construction-store .popurlar_product .owl-nav {
  top: -50px;
}

.construction-store .popurlar_product .owl-nav div {
  height: 40px;
  width: 40px;
  background: #adadad;
  text-align: center;
  line-height: 40px;
  border: none;
  color: #fff;
  position: absolute;
  right: 0;
  margin: 0;
  display: inline-block !important;
  top: 0;
}

.construction-store .popurlar_product .owl-nav div:hover {
  background: #ffc000;
}

.construction-store .popurlar_product .owl-nav div.owl-prev {
  right: 50px;
}

.construction-store .popurlar_product .items-in:hover .over-item a:hover {
  background: #ffc000;
  border-color: #ffc000;
}

.construction-store .popurlar_product .details-sec span {
  color: #ffc000;
}

.construction-store .new-tag {
  background: #ffc000;
}

.construction-store .off-tag {
  background: #ffc000;
}

.constra {
  background: url(../images/bg/bg-9.jpg) center center fixed no-repeat;
  background-size: cover;
}

.constra h2 {
  color: #fff;
}

.construction .parallex h2 span.text-color {
  color: #ffc000;
  font-size: 45px;
  font-weight: 700;
  font-style: inherit;
}

.construction .parallex p {
  color: #fff;
  font-family: 'Montserrat', sans-serif;
  width: 70%;
  margin: 0 auto;
}

.construction span.text-color {
  color: #ffc000;
}

.construction .testimonial {
  background: url(../images/bg/bg-11.jpg) fixed no-repeat;
  background-size: cover;
}

.construction .testimonial p {
  color: #fff;
  font-family: 'Montserrat', sans-serif;
  color: #eaeaea;
  font-size: 15px;
  margin: 0 auto;
  font-style: normal;
}

.construction .testimonial h5 {
  color: #ffc000;
  margin-top: 30px;
  margin-bottom: 0;
  font-weight: 700;
}

.construction .testimonial .posi {
  text-transform: uppercase;
  font-size: 11px;
}

.construction .testimonial .overlay {
  background: rgba(39, 39, 39, 0.85);
}

.construction .our-clients .owl-dot.active span {
  border: 2px solid #ffc000;
}

.construction footer .footer-link a:hover {
  color: #ffc000;
}

.who-we-are {
  text-align: center;
}

.who-we-are .vid {
  background: url(../images/bg/bg-10.jpg) fixed no-repeat;
  background-size: cover;
  max-height: 380px;
  display: inline-block;
  width: 100%;
  min-height: 380px;
}

.who-we-are .vid a {
  color: #fff;
  height: 70px;
  width: 70px;
  background: url(../images/play-icon.png) no-repeat;
  float: left;
  margin-top: 35px;
}

.who-we-are h3 {
  font-weight: 700;
  text-align: center;
}

.who-we-are .btn {
  margin-top: 30px;
  border: none;
  background: none;
  background: #f5f5f5;
}

.who-we-are .btn:before {
  background: #f5f5f5;
}

.who-we-are .btn:after {
  background: #f5f5f5;
}

.who-we-are .btn:hover {
  color: #ffc000;
  background: #f5f5f5;
}

.video iframe {
  border: none;
  width: 100%;
}

.video {
  width: 100%;
  border: none;
}

.renovation {
  background: #ffc000;
  text-align: center;
  padding-bottom: 0;
}

.renovation:before {
  background: #fff;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100px;
}

.renovation h2 {
  font-size: 40px;
  color: #272727;
  letter-spacing: 0;
  margin-top: 150px;
}

.renovation .btn {
  background: #272727 !important;
  color: #fff;
  margin-top: 20px;
}

.renovation .btn:before {
  background: #272727;
}

.renovation .btn:after {
  background: #272727;
}

.renovation p {
  font-family: 'Montserrat', sans-serif;
  color: #272727;
  font-weight: 400;
}

.latest-news p {
  font-family: 'Montserrat', sans-serif;
  color: #b8b8b8;
  font-weight: 400;
}

.latest-news img {
  margin-bottom: 15px;
}

.latest-news .news-tittle {
  font-size: 14px;
  color: #272727;
  text-transform: uppercase;
  font-weight: 700;
  display: inline-block;
  width: 100%;
  margin: 15px 0;
  margin-top: 0;
}

.latest-news .news-tittle:hover {
  color: #ffc000;
}

.latest-news li {
  display: inline-block;
  font-family: 'Montserrat', sans-serif;
  color: #b8b8b8;
  font-size: 11px;
}

.latest-news ul {
  width: 100%;
  padding: 5px 0;
  margin-bottom: 15px;
  display: inline-block;
  border-top: 1px solid #ececec;
  border-bottom: 1px solid #ececec;
}

.latest-news .read-more {
  color: #ffc000;
  font-size: 11px;
  font-weight: 700;
  margin-top: 10px;
  width: 100%;
  display: inline-block;
  text-align: right;
}

.latest-news .news-img {
  width: 170px;
  display: inline-block;
  margin: 0;
  margin-right: 30px;
}

.latest-news .media .read-more {
  float: left;
}

.latest-news .media .news-tittle {
  margin-bottom: 10px;
}

.latest-news .media ul {
  margin-bottom: 10px;
  margin-top: 5px;
}

.latest-news .media {
  display: inline-block;
  width: 100%;
  margin-bottom: 30px;
  margin-top: 0;
}

.latest-news .media img {
  margin: 0;
}

.latest-news .media-left {
  margin: 0;
  padding: 0;
}

.intro-section h3 {
  font-weight: 700;
  color: #b8b8b8;
  margin-left: 80px;
}

.intro-section h2 {
  font-weight: 700;
  margin: 0;
}

.intro-section .tittle {
  text-align: left;
}

.intro-section .tittle hr {
  margin: 0;
  margin-left: 10px;
  margin-top: 20px;
}

.intro-section .btn {
  margin-top: 20px;
  border: none;
  background: none;
  background: #f5f5f5;
}

.intro-section .btn:before {
  background: #f5f5f5;
}

.intro-section .btn:after {
  background: #f5f5f5;
}

.intro-section .btn:hover {
  color: #ffc000;
  background: #f5f5f5;
}

.portfolio-2 .port-folio-row h6 {
  font-size: 12px;
  margin-top: 15px;
  text-transform: uppercase;
}

.portfolio-2 .port-folio-row p {
  line-height: 18px;
  font-size: 12px;
  color: #b8b8b8;
}

.portfolio-2 .detail-port {
  background: #fff;
  position: relative;
  z-index: 9;
  display: inline-block;
  width: 100%;
}

.portfolio-2 .port-folio-row li {
  padding: 0 15px;
}

.portfolio-style-2 .filter {
  display: inline-block;
  width: 100%;
  text-align: center;
  margin-bottom: 40px;
}

.portfolio-style-2 .filter li {
  display: inline-block;
  padding: 0 10px;
  position: relative;
}

.portfolio-style-2 .filter li a {
  color: #b8b8b8;
  width: 100%;
  font-weight: 700;
  display: inline-block;
  position: relative;
}

.portfolio-style-2 li {
  padding: 15px;
}

.portfolio.full-width {
  margin-bottom: -5px;
}

.portfolio.full-width .port-folio-row li {
  padding: 0;
}

.portfolio .position-center-center {
  width: 100%;
}

.portfolio-style-2 .hover-port h6 {
  color: #fff;
  font-size: 12px;
  margin-top: 20px;
  margin-bottom: 0 !important;
}

.portfolio article {
  position: relative;
  overflow: hidden;
}

.portfolio .filter-style-2 li {
  border: none;
  margin: 0;
  padding: 0 10px;
  float: none;
  display: inline-block;
  background: none;
}

.portfolio .filter-style-2 li a {
  border: none;
  margin: 0;
  background: none;
  padding: 0;
  border-bottom: 2px solid #fff;
  padding-bottom: 10px;
  color: #b8b8b8;
  font-size: 11px;
  letter-spacing: 4px;
}

.portfolio .filter-style-2 a.active {
  border: none;
  margin: 0;
  background: none;
  color: #ebebeb;
  border-bottom: 2px solid #ebebeb;
  border: none;
  border-bottom: 2px solid #ebebeb;
  color: #ebebeb;
}

.portfolio .filter-style-2 li a:hover {
  border: none;
  color: #ebebeb;
  border-bottom: 2px solid #ebebeb;
}

.team ul h4 {
  font-size: 20px;
  font-weight: 700;
  margin: 0;
  margin-top: 20px;
}

.team ul h6 {
  font-size: 14px;
  font-weight: 400;
  color: #b8b8b8;
  margin-bottom: 15px;
}

.team .social_icons {
  margin-top: 20px;
  display: inline-block;
  width: 100%;
}

.team .social_icons li a {
  background: #ebebeb;
  border: none;
  margin-right: 10px;
  color: #272727;
}

.team-over li {
  width: 20%;
  float: left;
  position: relative;
  overflow: hidden;
  font-family: 'Montserrat', sans-serif;
}

.team-over li img {
  width: 100%;
}

.team-over li .over-team {
  position: absolute;
  top: 0;
  height: 100%;
  padding: 20px;
  width: 100%;
  left: 100%;
  background: rgba(0, 0, 0, 0.7);
  -webkit-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  -ms-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
}

.team-over li:hover .over-team {
  left: 0;
}

.team-over li:hover img {
  left: 10%;
}

.team-over li .over-team p {
  font-size: 12px;
  line-height: 18px;
  color: #fff;
}

.team-over li .over-team h4 {
  color: #fff;
  margin-top: 0;
}

.team-over li .over-team .social_icons {
  margin-top: 5px;
}

.furniture p {
  font-family: 'Montserrat', sans-serif;
  letter-spacing: 0;
}

.furniture .tittle p {
  font-family: 'Playfair Display', serif;
  letter-spacing: 3px;
}

.furniture-large .item-hover {
  background: rgba(0, 0, 0, 0.8);
  display: inline-block;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  opacity: 0;
  -webkit-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  -ms-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
}

.furniture-large .item {
  position: relative;
  overflow: hidden;
}

.furniture-large .item:hover .item-hover {
  opacity: 1;
}

.furniture-large p {
  color: #b8b8b8;
  margin-bottom: 30px;
}

.furniture-large h3 {
  color: #fff;
  margin: 0;
  margin-bottom: 30px;
}

.furniture-large .owl-dots {
  width: 100%;
  text-align: center;
}

.furniture-large .owl-dot {
  display: inline-block;
  margin-top: 10px;
}

.furniture-large .owl-dot span {
  background: #ebebeb;
  height: 15px;
  border-radius: 50%;
  margin: 0 5px;
  width: 15px;
  display: inline-block;
}

.furniture-large .owl-dot.active span {
  border: 2px solid #ebebeb;
  background: #fff;
}

.furniture .items-fer {
  display: inline-block;
  width: 100%;
  padding: 0 15px;
}

.furniture .items-fer li {
  float: left;
  width: 20%;
  padding: 0 15px;
}

.furniture .items-fer .item-hover {
  opacity: 0;
  -webkit-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  -ms-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
}

.furniture .items-fer .item-inn:hover .item-hover {
  opacity: 1;
}

.furniture .items-fer .item-inn {
  position: relative;
  overflow: hidden;
  margin-bottom: 30px;
}

.furniture .items-fer .item-inn img {
  width: 100%;
}

.furniture .items-fer .item-detail {
  position: absolute;
  left: 0;
  bottom: -100%;
  width: 100%;
  background: #6d831c;
  padding: 25px 20px;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.furniture .items-fer .item-inn:hover .item-detail {
  bottom: 0;
}

.furniture .item-detail h6 {
  font-size: 12px;
  color: #fff;
  margin: 0;
  margin-bottom: 15px;
}

.furniture .item-detail span {
  color: #fff;
  font-size: 10px;
}

.furniture .item-detail a {
  color: #fff;
  font-size: 16px;
  margin: 0 0 0 5px;
}

.furniture .item-detail .some-info {
  float: right;
}

.furniture .items-fer .zoom {
  height: 63px;
  width: 63px;
  display: inline-block;
  background: #fff;
  color: #272727;
  text-align: center;
  line-height: 63px;
  font-size: 18px;
  float: left;
  margin-top: -50px;
}

.furniture .parallex-fur {
  background: url(../images/bg/bg-13.jpg) fixed no-repeat;
  background-size: cover;
}

.furniture .parallex-fur h3 {
  letter-spacing: 0;
}

.furniture .parallex-fur .overlay {
  padding: 150px 0;
}

.sports .parallex-simle {
  background: url(../images/bg/bg-8-1.jpg) fixed no-repeat;
  background-size: cover;
}

.beauty .benefits .benefit-item.odd {
  background: #ff5873;
}

.beauty .benefits .benefit-item {
  background: #f04863;
}

.beauty .bg-1 {
  background: url(../images/bg/bg-14.jpg) fixed no-repeat;
  background-size: cover;
}

.beauty .video-part {
  background: url(../images/bg/bg-15.jpg) fixed no-repeat;
  background-size: cover;
}

.beauty .video-part .overlay {
  background: rgba(0, 0, 0, 0.3);
}

.beauty .core-feature ul {
  background: #e4b7b7;
}

.beauty .core-feature ul p {
  color: #fff;
}

.beauty .core-in .icon-feature {
  border-color: #fff;
  color: #fff;
}

.beauty .subcribe {
  background: url(../images/bg/bg-16.jpg) fixed no-repeat;
  background-size: cover;
}

.beauty .overlay {
  background: rgba(49, 49, 49, 0.5);
}

.watches .add-bnr-4 li .inn-sec {
  background: #5c7ac4;
}

.watches .end-season {
  background: #ededed url(../images/watches/watch-1.png) right no-repeat;
}

.watches .end-season h2 {
  color: #272727;
  font-size: 36px;
  margin-bottom: 20px;
}

.watches .end-season h6 {
  color: #909090;
  text-transform: uppercase;
  letter-spacing: 0;
}

.side-bar h4 {
  font-weight: 700;
  margin: 0;
  margin-bottom: 30px;
  position: relative;
}

.side-bar h4:before {
  content: "";
  height: 2px;
  width: 36px;
  display: inline-block;
  position: absolute;
  margin-top: 35px;
  background: #272727;
}

.side-bar .heading {
  margin-bottom: 10px;
  margin-top: 50px;
}

.side-bar .heading h6 {
  color: #ebebeb;
  margin: 0;
  font-size: 12px;
  font-weight: 400;
  border-bottom: 1px solid #272727;
  display: inline-block;
  padding-bottom: 10px;
}

.side-bar .cate li {
  line-height: 40px;
  border-bottom: 1px solid #ebebeb;
}

.side-bar .cate li a {
  color: #272727;
  width: 100%;
  font-size: 12px;
  display: inline-block;
}

.side-bar .cate li a span {
  color: #b8b8b8;
}

.side-bar .cate li a:hover {
  color: #ebebeb;
  padding-left: 5px;
}

.side-bar .cate .drop-menu .drop-menu {
  position: relative;
  padding-top: 5px;
}

.side-bar .cate .well {
  background: none;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 0;
}

.side-bar .cate .drop-menu .well {
  padding-left: 20px;
}

.side-bar .cate .drop-menu a {
  display: block;
  float: none;
  position: relative;
  width: auto;
}

.side-bar .cate .drop-menu li {
  position: relative;
  line-height: 30px;
  border: none;
}

.side-bar .cate .drop-menu .well li a {
  opacity: .5;
}

.side-bar .cate .drop-menu .well li a:hover {
  opacity: 1;
  color: #000;
}

.side-bar .cate .drop-menu a.title:before {
  content: "\f056";
  font-family: 'FontAwesome';
  padding: 0;
  color: #ebebeb;
  border-radius: 50%;
  text-align: center;
  font-size: 16px;
  position: absolute;
  right: 0;
  top: 0;
}

.side-bar .cate .drop-menu a.collapsed:before {
  content: "\f055";
  color: #dfdfdf;
}

.cost-price-content h5 {
  margin-bottom: 30px;
}

.noUi-background {
  margin-bottom: 20px;
}

.cost-price-content .btn {
  padding: 6px 20px;
  font-size: 12px;
  font-weight: 400;
  color: #fff;
}

.cost-price-content {
  display: inline-block;
  position: relative;
  margin-top: 45px;
  width: 100%;
}

.cost-price-content span {
  font-family: 'Montserrat', sans-serif;
  font-size: 12px;
  letter-spacing: 0;
}

.price-min {
  top: -40px;
  left: 40%;
  position: absolute;
  -webkit-transform: translate(-100%, -50%);
  -moz-transform: translate(-100%, -50%);
  -ms-transform: translate(-100%, -50%);
  transform: translate(-100%, -50%);
}

.price-max {
  top: -40px;
  left: 60%;
  position: absolute;
  -webkit-transform: translate(0%, -50%);
  -moz-transform: translate(0%, -50%);
  -ms-transform: translate(0%, -50%);
  transform: translate(0%, -50%);
}

.side-bar {
  margin-bottom: 30px;
}

.side-bar .tags {
  display: inline-block;
  width: 100%;
}

.side-bar .tags li {
  display: inline-block;
  margin-bottom: 10px;
  margin-right: 10px;
  float: left;
}

.side-bar .tags li a {
  display: inline-block;
  background: #fff;
  border: 1px solid #ebebeb;
  color: #272727;
  float: left;
  font-size: 10px;
  padding: 5px 10px;
  text-transform: uppercase;
}

.side-bar .tags li a:hover {
  background: #ebebeb;
  color: #fff;
  border-color: #ebebeb;
}

.compair-box {
  min-height: 140px;
  font-family: 'Montserrat', sans-serif;
  font-size: 12px;
  position: relative;
  color: #b8b8b8;
  display: inline-block;
  width: 100%;
  border: 1px solid #ebebeb;
}

.service-box {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif, "微軟正黑體", "蘋果儷中黑", sans-serif, "新細明體";
  font-size: 14px;
  letter-spacing: 0;
  line-height: 1.4;
  position: relative;
  color: #b8b8b8;
  display: inline-block;
  width: 100%;
  margin-bottom: 10px;
}

.service-box p {
  padding-bottom: .2em;
}

.sider-bar-ads {
  font-family: 'Montserrat', sans-serif;
  font-size: 50px;
  font-weight: 700;
  position: relative;
  overflow: hidden;
  color: #fff;
  margin-top: 30px;
}

.sider-bar-ads .btn {
  border-color: #fff;
  color: #fff;
  margin-top: 0;
}

.pagination {
  margin-top: 50px;
  padding-top: 20px;
  padding-bottom: 20px;
  border: none;
  border-bottom: 1px solid #ececec;
  border-top: 1px solid #ececec;
  display: inline-block;
  width: 100%;
  text-align: center;
}

.pagination ul li {
  border: none;
}

.pagination > li {
  display: inline-block;
}

.pagination > li > a,
.pagination > li > span {
  border: none;
  border-radius: 50% !important;
  padding: 0;
  height: 37px;
  width: 37px;
  background: #fff;
  border: 1px solid #ececec;
  text-align: center;
  line-height: 35px;
  color: #272727;
  margin: 0 5px;
  font-size: 12px;
}

.pagination > li > a:hover {
  background: #ebebeb;
  color: #fff;
  border-color: #ebebeb;
}

.items-short-type {
  display: inline-block;
  width: 100%;
}

.items-short-type .grid-list {
  float: left;
}

.items-short-type .grid-list a {
  height: 30px;
  width: 30px;
  display: inline-block;
  border: 1px solid #ebebeb;
  text-align: center;
  line-height: 28px;
  color: #272727;
  margin-right: 10px;
  float: left;
}

.items-short-type .grid-list a:hover {
  background: #ebebeb;
  color: #fff;
  border-color: #ebebeb;
}

.items-short-type .grid-list a.active {
  background: #ebebeb;
  color: #fff;
  border-color: #ebebeb;
}

.short-by {
  width: 400px;
  float: left;
}

.short-by .bootstrap-select.btn-group {
  width: 140px;
  background: #fff;
}

.short-by .bootstrap-select .btn {
  background: #fff !important;
  border: 1px solid #ebebeb;
}

.short-by .btn {
  margin-top: 0;
}

.short-by p {
  display: inline-block;
  letter-spacing: 0;
  font-size: 12px;
  margin-left: 10px;
  color: #bdbdbd;
  font-family: 'Montserrat', sans-serif;
}

.short-by .bootstrap-select .btn {
  height: 30px;
  padding-top: 0;
  font-family: 'Montserrat', sans-serif;
  line-height: 30px;
  letter-spacing: 0;
  color: #272727;
  padding-left: 10px;
  color: #bdbdbd;
}

.short-by .bootstrap-select li a {
  line-height: 22px;
  letter-spacing: 0;
}

.view-num {
  float: right;
  font-family: 'Montserrat', sans-serif;
  color: #b8b8b8;
}

.view-num li {
  display: inline-block;
  float: left;
  line-height: 30px;
  font-size: 12px;
}

.view-num li a {
  color: #b8b8b8;
  font-size: 12px;
}

.view-num li a:hover {
  color: #ebebeb;
}

.list-style .img {
  position: relative;
  overflow: hidden;
  background: #000;
}

.list-style li:hover img {
  opacity: .9;
}

.list-style .details-sec {
  text-align: left;
}

.list-style li p {
  font-family: 'Montserrat', sans-serif;
  font-size: 12px;
  color: #b8b8b8;
}

.list-style .stars {
  margin-top: 10px;
  margin-bottom: 15px;
}

.list-style .details-sec a {
  padding-top: 0;
  margin-bottom: 0;
  border: none;
}

.list-style .details-sec span {
  font-size: 18px;
  color: #ebebeb;
}

.list-style .item-btn-com {
  margin-top: 20px;
}

.list-style .item-btn-com a {
  font-size: 16px;
  color: #272727;
  padding: 5px 24px;
  margin-right: 10px;
  border: 1px solid #ebebeb;
}

.list-style .item-btn-com a:hover {
  background: #ebebeb;
  color: #fff;
  border-color: #ebebeb;
}

.view-num .short-by .bootstrap-select.btn-group {
  width: 32.3333%;
}

.short-by .bootstrap-select.btn-group .dropdown-menu li {
  width: 100%;
}

.small-banr {
  background: url(../images/bg/bg-17-small.jpg) fixed no-repeat;
  background-size: cover;
  height: 270px;
  text-align: center;
  margin-bottom: 40px;
}

.small-banr h5 {
  display: inline-block;
  padding: 15px 50px;
  font-size: 18px;
  background: rgba(255, 255, 255, 0.8);
}

.item-detail-page .topadjust {
  padding-top: 15px;
}

.item-detail-page h3 {
  margin: 0;
  font-size: 24px;
  padding: 20px 0;
  border-bottom: 1px solid #ddd;
  line-height: 36px;
  margin-bottom: 30px;
}

.item-detail-page h6 {
  margin: 0;
  font-size: 16px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif, "微軟正黑體", "蘋果儷中黑", sans-serif, "新細明體";
  padding: 6px 0;
  border-bottom: 1px solid #ddd;
  line-height: 20px;
  font-weight: 400;
  margin-bottom: 12px;
}

.item-detail-page p {
  color: #b8b8b8;
}

.item-detail-page {
  font-family: 'Montserrat', sans-serif;
}

.item-detail-page .price {
  display: inline-block;
  width: 100%;
  color: #ebebeb;
  font-family: 'Montserrat', sans-serif;
  font-size: 20px;
  margin-bottom: 10px;
}

.item-detail-page .code {
  display: inline-block;
  width: 100%;
  color: #b8b8b8;
  font-family: 'Montserrat', sans-serif;
  font-size: 10px;
  margin-bottom: 15px;
}

.item-detail-page .some-info {
  border-bottom: 1px solid #ebebeb;
  margin-bottom: 20px;
  padding-bottom: 20px;
}

.item-detail-page .in-stoke {
  border: 1px solid #ebebeb;
  display: inline-block;
  padding: 10px 20px;
  font-size: 11px;
}

.item-detail-page .in-stoke i {
  color: #78ae51;
  margin-right: 5px;
  font-size: 14px;
}

.item-detail-page .stars {
  display: inline-block;
  width: auto;
  margin: 0 20px;
}

.item-detail-page .review {
  color: #b8b8b8;
}

.item-detail-page .images-slider img {
  width: 100%;
}

.item-detail-page .slides {
  display: inline-block;
  width: 100%;
}

.item-detail-page .flex-nav-next {
  right: 15px;
}

.item-detail-page .flex-nav-prev {
  left: 15px;
}

.item-detail-page .flex-direction-nav {
  display: none;
}

.item-detail-page .flex-control-thumbs {
  display: inline-block;
  width: 100%;
  margin-top: 0;
}

.item-detail-page .item-select p {
  font-size: 12px;
  color: #272727;
  margin-top: 10px;
}

.item-detail-page .item-select .bootstrap-select .btn {
  margin-top: 0;
  background: #fff !important;
  border: 1px solid #ebebeb;
  color: #c2c2c2;
  font-size: 10px;
  text-transform: uppercase;
}

.item-detail-page .item-select .bootstrap-select .dropdown-menu > li > a {
  font-size: 10px;
  line-height: 22px;
}

.item-detail-page .fun-share {
  display: inline-block;
  width: 100%;
}

.item-detail-page .fun-share .btn {
  height: 44px;
  line-height: 42px;
  float: left;
  margin-right: 10px;
  padding: 0 20px;
}

.item-detail-page .fun-share input {
  border: 1px solid #ebebeb;
  width: 60px;
  height: 44px;
  float: left;
  display: inline-block;
  text-align: center;
  margin-top: 20px;
  margin-right: 10px;
}

.item-detail-page .share-sec {
  font-size: 16px;
  color: #272727;
  display: inline-block;
  margin-top: 20px;
  height: 44px;
  float: left;
  line-height: 42px;
  padding: 0 24px;
  margin-right: 10px;
  border: 1px solid #ebebeb;
}

.item-detail-page .share-sec:hover {
  background: #ebebeb;
  color: #fff;
  border-color: #ebebeb;
}

.item-detail-page .share-with {
  display: inline-block;
  width: 100%;
  margin-top: 20px;
}

.item-detail-page .share-with li {
  display: inline-block;
  margin-right: 10px;
}

.item-detail-page .share-with li p {
  font-size: 12px;
  color: #272727;
}

.item-decribe {
  margin-top: 50px;
}

.item-decribe .tab-content {
  padding: 30px;
  border: 1px solid #ebebeb;
  margin-top: 30px;
}

.item-decribe .content {
  padding: 30px;
  border-top: 1px solid #ebebeb;
  margin-top: 30px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif, "微軟正黑體", "蘋果儷中黑", sans-serif, "新細明體";
}

.item-decribe .content h2 {
  font-size: 26px;
  line-height: 32px;
  margin-bottom: 20px;
  text-align: center;
}

.item-decribe .tab-content p {
  font-size: 12px;
}

.item-decribe .nav-tabs {
  border: none;
  margin: 0;
  display: inline-block;
  border: 1px solid #272727;
  border-right: none;
}

.item-decribe .nav-tabs a {
  border: none;
  margin: 0;
  padding: 15px 40px;
  font-size: 14px;
}

.item-decribe .nav-tabs > li > a:hover {
  background: none;
}

.item-decribe .nav-tabs li {
  float: none;
  display: inline-block;
  border-right: 1px solid #272727;
}

.item-decribe .nav-tabs > li.active > a {
  border: none;
  margin: 0;
}

.item-decribe .nav-tabs > li {
  margin: 0;
}

.item-decribe .avatar {
  margin-right: 15px;
  height: 82px;
  width: 82px;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
}

.item-decribe .avatar img {
  border-radius: 50%;
}

.item-decribe .media-body p {
  width: 80%;
  font-style: italic;
}

.item-decribe .media-body h6 {
  font-size: 12px;
  font-weight: 400;
}

.item-decribe .media {
  border-bottom: 1px solid #ebebeb;
  padding-bottom: 20px;
  padding-top: 20px;
}

.item-decribe form {
  margin-top: 50px;
}

.item-decribe form label {
  display: inline-block;
  width: 100%;
  font-size: 11px;
  font-weight: 400;
  margin-bottom: 20px;
}

.item-decribe form input {
  width: 100%;
  margin-top: 10px;
  padding: 0 10px;
  display: inline-block;
  height: 40px;
  border: 1px solid #ebebeb;
}

.item-decribe form textarea {
  width: 100%;
  margin-top: 10px;
  padding: 10px;
  display: inline-block;
  height: 140px;
  border: 1px solid #ebebeb;
}

.item-detail-page .item-decribe .stars span {
  color: #272727;
}

.item-detail-page .item-decribe .stars {
  margin: 0;
  color: #b8b8b8;
}

.item-detail-page .large-detail img {
  margin-bottom: 30px;
}

.chart-page .payment_steps {
  margin: 30px 0;
  text-align: center;
}

.chart-page .payment_steps i {
  font-size: 24px;
  border: 1px solid #ebebeb;
  height: 73px;
  width: 73px;
  border-radius: 50%;
  line-height: 71px;
  position: relative;
  color: #b8b8b8;
  margin-bottom: 20px;
}

.chart-page .payment_steps h6:before {
  content: "";
  background: #ebebeb;
  height: 18px;
  width: 2px;
  position: absolute;
  top: 85px;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.chart-page .payment_steps h6 {
  font-size: 12px;
  margin: 20px 0;
  font-weight: 400;
  color: #272727;
}

.chart-page .payment_steps .current i {
  color: #4ba53a;
}

.chart-page .payment_steps .current h6 {
  color: #4ba53a;
}

.shopping-cart .item-img {
  width: 120px;
  display: inline-block;
}

.shopping-cart img {
  width: 100%;
}

.shopping-cart li {
  position: relative;
}

.shopping-cart li input {
  display: inline-block;
  width: 100%;
}

.shopping-cart li {
  font-family: 'Montserrat', sans-serif;
  font-size: 12px;
  color: #666;
}

.shopping-cart li input {
  border: 1px solid #666;
  width: 60px;
  font-family: 'Montserrat', sans-serif;
  height: 44px;
  float: left;
  width: 100%;
  display: inline-block;
  text-align: center;
}

.shopping-cart li a {
  color: #272727;
  font-size: 16px;
}

.shopping-cart .cart-details {
  padding: 0 30px;
  padding-bottom: 20px;
  border-bottom: 1px solid #ebebeb;
  margin-bottom: 20px;
}

.shopping-cart .cart-details li {
  min-height: 115px;
}

.shopping-cart .cart-details h6 {
  font-weight: 400;
  font-size: 12px;
}

.shopping-cart .cart-head {
  border: 1px solid #ebebeb;
  display: inline-block;
  width: 100%;
  padding: 20px 0;
  margin-bottom: 30px;
}

.shopping-cart .cart-head h6 {
  margin: 0;
  font-size: 12px;
}

.shopping-cart .btn-sec {
  display: inline-block;
  width: 100%;
}

.shopping-cart .btn-sec .btn {
  padding: 6px 30px;
  float: left;
  font-size: 12px;
  margin-right: 20px;
  font-family: 'Montserrat', sans-serif;
  background: #4ba53a;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #0a892f), color-stop(0, #80bd43));
  background: -webkit-linear-gradient(#80bd43, #0a892f);
  background: -moz-linear-gradient(#80bd43, #0a892f);
  background: -o-linear-gradient(#80bd43, #0a892f);
  background: -ms-linear-gradient(#80bd43, #0a892f);
  background: -webkit-gradient(linear, left top, left bottom, from(#80bd43), to(#0a892f));
  background: linear-gradient(#80bd43, #0a892f);
  color: #fff;
  line-height: 22px;
  text-align: center;
  text-decoration: none;
  border-radius: 3px;
  cursor: pointer;
  border: 0;
}

.shopping-cart .btn-sec .btn:hover {
  background: #309b1b;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #12782a), color-stop(0, #71ad3d));
  background: -webkit-linear-gradient(#71ad3d, #12782a);
  background: -moz-linear-gradient(#71ad3d, #12782a);
  background: -o-linear-gradient(#71ad3d, #12782a);
  background: -ms-linear-gradient(#71ad3d, #12782a);
  background: -webkit-gradient(linear, left top, left bottom, from(#71ad3d), to(#12782a));
  background: linear-gradient(#71ad3d, #12782a);
}

.shopping-cart .btn-sec .btn i {
  margin-right: 10px;
  font-size: 16px;
}

.shopping-cart .btn.right-btn {
  float: right;
  margin-right: 0;
}

.shopping-cart .cart-ship-info {
  text-align: left;
  margin-top: 50px;
}

.shopping-cart .cart-ship-info h6 {
  margin-bottom: 60px;
  margin-top: 0;
}

.shopping-cart .cart-ship-info h6:before {
  width: 60px;
  height: 2px;
  background: #272727;
  border: none;
  content: '';
  display: inline-block;
  position: absolute;
  margin-top: 30px;
}

.shopping-cart .cart-ship-info input {
  border: 1px solid #ebebeb;
  width: 60px;
  font-family: 'Montserrat', sans-serif;
  height: 44px;
  float: left;
  width: 100%;
  font-size: 11px;
  padding: 0 10px;
  letter-spacing: 1px;
  display: inline-block;
  font-weight: 400;
  text-align: left;
  -webkit-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  -ms-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
}

.shopping-cart .cart-ship-info input[type=radio] {
  float: left;
  padding-right: 10px;
  height: auto;
  width: auto;
  line-height: 44px;
}

.shopping-cart .cart-ship-info button {
  font-family: 'Montserrat', sans-serif;
  background: #4ba53a;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #0a892f), color-stop(0, #80bd43));
  background: -webkit-linear-gradient(#80bd43, #0a892f);
  background: -moz-linear-gradient(#80bd43, #0a892f);
  background: -o-linear-gradient(#80bd43, #0a892f);
  background: -ms-linear-gradient(#80bd43, #0a892f);
  background: -webkit-gradient(linear, left top, left bottom, from(#80bd43), to(#0a892f));
  background: linear-gradient(#80bd43, #0a892f);
  color: #fff;
  line-height: 22px;
  text-align: center;
  text-decoration: none;
  border-radius: 3px;
  cursor: pointer;
  border: 0;
}

.shopping-cart .bootstrap-select .btn {
  margin-top: 10px;
  background: #fff !important;
  border: 1px solid #ebebeb;
  color: #b8b8b8;
  font-size: 12px;
  height: 45px;
  letter-spacing: 2px;
}

.shopping-cart .cart-ship-info input {
  margin-top: 10px;
}

.shopping-cart .cart-ship-info label {
  font-family: 'Montserrat', sans-serif;
  font-size: 10px;
  margin-bottom: 20px;
  display: inline-block;
  width: 100%;
  font-size: 11px;
  font-weight: 700;
  color: #272727;
}

.shopping-cart .cart-ship-info .grand-total {
  padding: 30px 20px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif, "微軟正黑體", "蘋果儷中黑", sans-serif, "新細明體";
  text-align: right;
  min-height: 180px;
  background-color: #404040;
  color: #fff;
  border-radius: 3px;
}

.shopping-cart .cart-ship-info .grand-total h4 {
  font-size: 20px;
  font-weight: 700;
  margin: 20px 0;
  color: #fff;
}

.shopping-cart .cart-ship-info .grand-total h4 span {
  color: #ebebeb;
}

.shopping-cart .cart-ship-info .grand-total .btn {
  background: #4ba53a;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #0a892f), color-stop(0, #80bd43));
  background: -webkit-linear-gradient(#80bd43, #0a892f);
  background: -moz-linear-gradient(#80bd43, #0a892f);
  background: -o-linear-gradient(#80bd43, #0a892f);
  background: -ms-linear-gradient(#80bd43, #0a892f);
  background: -webkit-gradient(linear, left top, left bottom, from(#80bd43), to(#0a892f));
  background: linear-gradient(#80bd43, #0a892f);
  color: #fff;
  font-size: 12px;
  line-height: 22px;
  text-align: center;
  text-decoration: none;
  border-radius: 3px;
  cursor: pointer;
  width: 120px;
  padding: 10px 15px;
  margin: 0;
  margin-bottom: 10px;
  border: 0;
}

.shopping-cart .cart-ship-info .grand-total .btn:hover {
  background: #309b1b;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #12782a), color-stop(0, #71ad3d));
  background: -webkit-linear-gradient(#71ad3d, #12782a);
  background: -moz-linear-gradient(#71ad3d, #12782a);
  background: -o-linear-gradient(#71ad3d, #12782a);
  background: -ms-linear-gradient(#71ad3d, #12782a);
  background: -webkit-gradient(linear, left top, left bottom, from(#71ad3d), to(#12782a));
  background: linear-gradient(#71ad3d, #12782a);
}

.shopping-cart .cart-ship-info .grand-total p {
  letter-spacing: 1px;
  font-size: 10px;
}

.shopping-cart .checkbox input {
  height: auto;
}

.shopping-cart .checkbox label::before {
  margin-left: 0;
}

.shopping-cart .order-place {
  border: 2px solid #ebebeb;
  padding: 30px;
  font-family: 'Montserrat', sans-serif;
  display: inline-block;
  width: 100%;
}

.shopping-cart .order-place h5 {
  font-weight: 700;
  color: #4ba53a;
  margin: 0;
}

.shopping-cart .order-place .order-detail p {
  font-weight: 700;
  color: #272727;
  border-top: 1px solid #ebebeb;
  padding: 10px 0;
  font-size: 12px;
  margin: 0;
}

.shopping-cart .order-place .order-detail p span {
  float: right;
}

.shopping-cart .order-place .order-detail {
  margin-top: 40px;
  margin-bottom: 30px;
}

.shopping-cart .order-place .item-order span {
  color: #555;
  float: none;
}

.shopping-cart .order-place .item-order {
  min-height: 100px;
  padding-bottom: 30px;
  padding-top: 20px;
  border-top: 1px solid #ebebeb;
}

.shopping-cart .order-place .item-order p {
  text-transform: none;
  font-size: 10px;
  border: none;
  margin: 0;
  padding: 0;
  color: #b8b8b8;
  font-weight: 400;
}

.shopping-cart .order-place .pay-meth p {
  color: #b8b8b8;
  font-size: 12px;
}

.shopping-cart .order-place .pay-meth ul {
  margin-top: 30px;
}

.shopping-cart .order-place .pay-meth ul li {
  border-top: 1px solid #ebebeb;
  display: inline-block;
  width: 100%;
  padding-top: 2px;
}

.shopping-cart .order-place .pay-meth label {
  margin-bottom: 0;
  font-weight: 400;
  font-size: 10px;
}

.shopping-cart .order-place .pay-meth .color {
  color: #4ba53a;
}

input:focus {
  border: 1px solid #272727;
  outline: none !important;
}

.contact-box .boxes-in {
  border: none;
  text-align: left;
}

.contact-box .boxes-in h6 {
  margin-bottom: 60px;
  margin-top: 0;
}

.contact-box .boxes-in h6:before {
  width: 60px;
  height: 2px;
  background: #272727;
  border: none;
  content: '';
  display: inline-block;
  position: absolute;
  margin-top: 30px;
}

.contact-box .boxes-in .avatar {
  height: 100px;
  width: 100px;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
  margin-right: 20px;
}

.contact-box .boxes-in h5 {
  font-size: 16px;
  margin: 0;
  margin-bottom: 10px;
}

.contact-box .boxes-in .media-body p {
  font-style: italic;
  font-family: 'Playfair Display', serif;
  text-transform: none;
  letter-spacing: 2px;
  margin-bottom: 10px;
}

.contact-box .boxes-in .media-body span {
  font-size: 12px;
  font-family: 'Montserrat', sans-serif;
  color: #b8b8b8;
}

.contact-box .boxes-in .media-body span i {
  color: #2cc0e0;
  border: none;
  height: auto;
  width: auto;
  margin: 0;
  line-height: 20px;
  margin-right: 10px;
}

.contact-box .boxes-in {
  padding: 0;
}

.contact-box .boxes-in .social_icons li {
  display: inline-block;
  width: auto;
  float: left;
  margin-right: 10px;
  background: #ebebeb;
  border-radius: 50%;
  border: none;
}

.contact-box .boxes-in .social_icons li a {
  margin: 0;
  color: #272727;
  border: none;
}

.about-us .sma-hed {
  margin-bottom: 30px;
}

.about-us.about-con {
  padding-right: 40%;
}

.about-us.about-con .sma-hed h5 {
  line-height: 36px;
}

.about-us.about-con .sma-hed hr {
  width: 60px;
  height: 2px;
  background: #272727;
  border: none;
  content: '';
  display: inline-block;
  position: relative;
  margin-top: 10px;
  margin-bottom: 0;
}

.about-us .sma-hed h5 {
  margin: 0;
  margin-bottom: 20px;
}

.about-us .sma-hed p {
  font-style: italic;
}

.han-icon {
  margin: 20px 0;
  margin-bottom: 30px;
}

.about-us .about-detail {
  font-family: 'Montserrat', sans-serif;
}

.about-us .about-detail p {
  color: #b8b8b8;
}

.about-us .video-btn {
  color: #fff;
  height: 70px;
  width: 70px;
  background: url(../images/play-icon.png) no-repeat;
  float: left;
}

.about-us .media-heading {
  font-weight: 400;
  margin-top: 5px;
}

.about-us .media i {
  height: 55px;
  width: 55px;
  display: inline-block;
  background: #ebebeb;
  border-radius: 50%;
  font-size: 20px;
  color: #fff;
  text-align: center;
  line-height: 55px;
  margin-right: 20px;
}

.about-us .media .media-body p {
  font-family: 'Playfair Display', serif;
  font-style: italic;
}

.about-us .about-feat {
  margin-top: 30px;
}

.about-us .about-feat li {
  border-top: 1px solid #ebebeb;
  padding-top: 20px;
  display: inline-block;
  width: 100%;
}

.page-404 {
  padding: 200px 0;
}

.page-404 h1 {
  font-size: 72px;
  font-weight: 700;
  letter-spacing: 6px;
  margin: 0;
}

.page-404 h4 {
  font-weight: 700;
  margin: 0;
  margin: 20px 0;
  letter-spacing: 5px;
}

.page-404 p {
  text-transform: uppercase;
  font-size: 11px;
  font-family: 'Montserrat', sans-serif;
  color: #b8b8b8;
}

.search input {
  display: inline-block;
  width: 100%;
  border: 1px solid #ebebeb;
  height: 40px;
  font-family: 'Montserrat', sans-serif;
  padding: 0 10px;
  font-size: 12px;
}

.search button {
  color: #202020;
  float: right;
  position: relative;
  margin-top: -32px;
  font-size: 16px;
  background: none;
  border: none;
  margin-right: 10px;
}

.faq-cate {
  margin-top: 30px;
}

.faq-cate li:before {
  content: "";
  content: \f105;
  font-family: 'FontAwesome';
  padding-right: 10px;
  position: absolute;
  left: 15px;
}

.side-bar .faq-cate li {
  border-bottom: none;
  padding-left: 20px;
}

.faq-cate li a {
  text-transform: uppercase;
  font-weight: 700;
}

#accordion {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif, "微軟正黑體", "蘋果儷中黑", sans-serif, "新細明體";
}

#accordion .panel-default > .panel-heading .panel-title a:before {
  content: "\f106";
  font-family: FontAwesome;
  color: #FFF;
  padding: 0;
  color: #202020;
  float: right;
  position: absolute;
  right: 25px;
  font-size: 18px;
  color: #fff;
}

#accordion .panel-default > .panel-heading:hover {
  background: #4ba53a;
  color: #fff;
}

.panel-title:hover {
  /* background: url(../images/PostLink_Hover.png) no-repeat 20px 22px #7a8b72; */
}

#accordion .panel-default > .panel-heading .panel-title a.collapsed:before {
  content: "\f107";
  font-family: FontAwesome;
}

#accordion .panel-default > .panel-heading {
  background-color: #fff;
  padding: 0;
  border-radius: 6px;
  overflow: hidden;
}

#accordion .panel-default > .panel-heading a {
  text-decoration: none;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif, "微軟正黑體", "蘋果儷中黑", sans-serif, "新細明體";
  font-size: 16px;
  width: 100%;
  font-weight: 700;
  padding: 15px;
  padding-left: 20px;
  line-height: 24px;
  display: inline-block;
  text-transform: uppercase;
  position: relative;
  background: #b8c0b3;
  color: #fff;
  border-radius: 6px;
}
#accordion .panel-default > .panel-heading a[aria-expanded='true']{
  background: #7b8b71;
}
#accordion .panel-default > .panel-heading a:hover{
  background: #7b8b71;
}

#accordion .panel-default > .panel-heading a p {
  line-height: 1.2;
  padding-top: 4px;
}
.panel-default{
  border-color: #fff !important;
}
#accordion .panel {
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0;
  border-radius: 0 0 6px 6px;
  margin-bottom: 10px;
}

#accordion .panel-body {
  color: #666;
  line-height: 24px;
  font-size: 14px;
  padding: 5px 20px 50px 100px;
}

#accordion .panel-body img {
  max-width: 100%;
  height: auto;
}
#accordion .panel-body ul{
  width: 70%;
  margin: 20px auto 10px;
}
#accordion .panel-body li{
  padding: 10px 0;
  border-bottom: 1px solid #999999;
  color: #202020;
}
#accordion .panel-body h3 {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif, "微軟正黑體", "蘋果儷中黑", sans-serif, "新細明體";
  font-size: 16px;
  color: #202020;
  font-weight: 900;
}
#accordion .panel-body p {
  text-align: left;
}

#accordion .panel-default > .panel-heading + .panel-collapse > .panel-body {
  border: none;
}

.coming-soon {
  background: url(../images/bg/coming-soon.jpg) center center fixed no-repeat;
  background-size: cover;
  padding: 150px 0;
  text-align: center;
}

.coming-soon .avatar {
  height: 200px;
  width: 200px;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
  display: inline-block;
}

.coming-soon .avatar img {
  width: 100%;
}

.coming-soon {
  font-family: 'Montserrat', sans-serif;
  color: #b8b8b8;
}

.coming-soon p {
  color: #b8b8b8;
}

.coming-soon h1 {
  color: #fff;
  letter-spacing: 20px;
  color: #ebebeb;
  font-size: 48px;
}

.coming-soon h3 {
  font-family: 'Playfair Display', serif;
  font-style: italic;
  color: #858585;
}

.coming-soon .countdown {
  margin-top: 100px;
}

.coming-soon .countdown li {
  text-align: center;
  border-right: 1px solid rgba(255, 255, 255, 0.2);
  display: inline-block;
  min-width: 180px;
  padding: 20px 0;
}

.coming-soon .countdown li:nth-last-child(1) {
  border-right: none;
}

.coming-soon .countdown li span {
  font-size: 60px;
  font-family: 'Playfair Display', serif;
  font-style: italic;
  color: #fff;
}

.coming-soon .countdown li p {
  font-size: 14px;
  font-family: 'Playfair Display', serif;
  font-style: italic;
  color: #858585;
}

.coming-soon .social_icons {
  margin-top: 80px;
}

.coming-soon .social_icons li {
  float: none;
}

.coming-soon .social_icons li a {
  color: rgba(255, 255, 255, 0.8);
}

.faqs {
  display: block;
}

.faqs .size {
  display: block;
  clear: both;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif, "微軟正黑體", "蘋果儷中黑", sans-serif, "新細明體";
  padding: 30px;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

.faqs #download a {
  padding: 2px 0 6px 28px;
  background: url(../images/link__icon__1.1.png) no-repeat 0 2px;
  line-height: 22px;
  text-decoration: none;
  color: #666;
}

.cd-top {
  display: inline-block;
  height: 50px;
  z-index: 9;
  width: 50px;
  position: fixed;
  bottom: 40px;
  right: 40px;
  color: #ebebeb;
  border-radius: 4px;
  font-size: 26px;
  text-align: center;
  line-height: 40px;
  border: 3px solid #ebebeb;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  overflow: hidden;
  white-space: nowrap;
  background: none;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0 .3s;
  -moz-transition: opacity .3s 0s, visibility 0 .3s;
  -o-transition: opacity .3s 0s, visibility 0 .3s;
  transition: opacity .3s 0s, visibility 0 .3s;
  -webkit-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  -ms-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
}

.cd-top.cd-is-visible,
.cd-top.cd-fade-out,
.no-touch .cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0 0;
  -moz-transition: opacity .3s 0s, visibility 0 0;
  -o-transition: opacity .3s 0s, visibility 0 0;
  transition: opacity .3s 0s, visibility 0 0;
}

.cd-top.cd-is-visible {
  visibility: visible;
  opacity: .5;
}

.cd-top.cd-fade-out {
  opacity: .5;
}

.no-touch .cd-top:hover {
  background-color: #ebebeb;
  opacity: 1;
  color: #fff;
}

.sidebar {
  background: url(../images/Sidebar-BackGround.jpg) 0 0 repeat-x #666;
  margin-top: 15px;
}

.sidebar h5 {
  color: #000;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif, "微軟正黑體", "蘋果儷中黑", sans-serif, "新細明體";
  padding: 20px 15px;
  border-bottom: 1px solid;
  border-bottom-color: rgba(204, 204, 204, 0.3);
  font-size: 18px;
  margin-bottom: 0;
}

.sidebar h4 {
  color: #ccc;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif, "微軟正黑體", "蘋果儷中黑", sans-serif, "新細明體";
  padding: 20px 15px 5px;
  font-size: 18px;
  text-align: center;
}

.sidebar h5.menubtn {
  text-align: center;
  margin-top: 0;
}

.sidebar h5.menubtn em {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif, "微軟正黑體", "蘋果儷中黑", sans-serif, "新細明體";
  font-style: normal;
  font-size: 12px;
}

.sidebar h5.menubtn a {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif, "微軟正黑體", "蘋果儷中黑", sans-serif, "新細明體";
  color: #ccc;
}

.sidebar h5:hover {
  color: #ebebeb;
  background: rgba(87, 87, 87, 0.3);
}

.sidebar h5.tborder {
  border-bottom: 1px solid;
  border-bottom-color: rgba(204, 204, 204, 0.3);
}

ul.cate {
  padding-top: 10px;
  padding-bottom: 20px;
  border-bottom: 1px solid;
  border-bottom-color: rgba(204, 204, 204, 0.3);
}

.cate li {
  padding: 5px 10px;
}

.cate li a {
  color: #fff;
  font-weight: 400;
}

.cate li a:hover {
  color: #4ba53a;
}

.sidebar .cate li {
  text-align: center;
}

#color_action {
  height: 62px;
  overflow: hidden;
  margin-bottom: 11px;
  list-style: none;
}

#color_action li {
  display: block;
  float: left;
  width: 80px;
  height: 58px;
  margin-right: 5px;
  background: url(../images/color_action_3.0.png) no-repeat 0 0;
  cursor: pointer;
}

#color_action li#cactiorn_wk {
  background-position: 0 0;
}

#color_action li#cactiorn_wk.current {
  background-position: 0 -136px;
}

#color_action li#cactiorn_wk:hover {
  background-position: 0 -68px;
}

#color_action li#cactiorn_ws {
  background-position: -270px 0;
}

#color_action li#cactiorn_ws.current {
  background-position: -270px -136px;
}

#color_action li#cactiorn_ws:hover {
  background-position: -270px -68px;
}

#color_action li#cactiorn_wg {
  background-position: -90px 0;
}

#color_action li#cactiorn_wg.current {
  background-position: -90px -136px;
}

#color_action li#cactiorn_wg:hover {
  background-position: -90px -68px;
}

#option_action {
  height: 24px;
  overflow: hidden;
  margin-bottom: 28px;
  list-style: none;
}

#option_action li {
  display: block;
  height: 23px;
  line-height: 23px;
  padding-left: 28px;
  background: url(../images/option_action_2.0.png) no-repeat 0 0;
  cursor: pointer;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
  #option_action li {
    background: url(../images/option_action_2.0@2x.png) no-repeat 0 0;
    background-size: 23px 79px;
  }
}

#option_action li:hover {
  background-position: 0 -28px;
}

#option_action li.on {
  background-position: 0 -56px;
}

#option_action li em {
  font-size: 14px;
  line-height: 24px;
  color: #333;
  font-style: normal;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif, "微軟正黑體", "蘋果儷中黑", sans-serif, "新細明體";
}

#main_block_cart_basic {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif, "微軟正黑體", "蘋果儷中黑", sans-serif, "新細明體";
  margin-bottom: 10px;
  padding: 30px 0 5px 25px;
  border: 1px solid #e2e2e2;
}

#main_block_cart .prod_price {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif, "微軟正黑體", "蘋果儷中黑", sans-serif, "新細明體";
  font-size: 24px;
  line-height: 20px;
  margin: 0 0 5px;
}

#main_block_cart .prod_price em {
  font-size: 18px;
}

#main_block_cart .prod_price span {
  font-size: 11px;
}

#main_block_cart .tax_information {
  display: none;
}

#add_cart {
  position: relative;
  margin-bottom: 1px;
}

#add_cart.btn {
  padding: 0;
}

#add_cart .btn_store_basic {
  margin: 3px auto 5px 0;
}

#add_cart select {
  width: 56px;
  position: absolute;
  top: 0;
  left: 164px;
}

#main_block_cart .ship_date {
  font-size: 14px;
  line-height: 26px;
  margin: 0;
}

#main_block_cart .ship_date em {
  font-size: 11px;
  padding-right: 5px;
  color: #999;
}

#main_block_cart .additional_info {
  border-top: 1px solid #4ba53a;
  border-bottom: 1px solid #4ba53a;
  margin: 5px 25px 15px 0;
  padding: 7px 0 5px;
  font-size: 12px;
  line-height: 14px;
  color: #4ba53a;
}

#main_block_cart .caution {
  margin: 20px auto;
  height: 30px;
  border: 1px solid #c00;
  line-height: 30px;
  color: #c00;
  text-align: center;
}

#Contents .main_block_info {
  clear: both;
}

#Contents .main_block_info p {
  font-size: 12px;
  line-height: 16px;
  color: #999;
}

.btn_store_basic {
  display: block;
  width: 160px;
  height: 34px;
  border: none;
  background: #4ba53a;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #0a892f), color-stop(0, #80bd43));
  background: -webkit-linear-gradient(#80bd43, #0a892f);
  background: -moz-linear-gradient(#80bd43, #0a892f);
  background: -o-linear-gradient(#80bd43, #0a892f);
  background: -ms-linear-gradient(#80bd43, #0a892f);
  background: -webkit-gradient(linear, left top, left bottom, from(#80bd43), to(#0a892f));
  background: linear-gradient(#80bd43, #0a892f);
  color: #fff;
  font-size: 12px;
  line-height: 32px;
  text-align: center;
  text-decoration: none;
  border-radius: 3px;
  cursor: pointer;
}

.btn_store_basic:hover {
  background: #309b1b;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #12782a), color-stop(0, #71ad3d));
  background: -webkit-linear-gradient(#71ad3d, #12782a);
  background: -moz-linear-gradient(#71ad3d, #12782a);
  background: -o-linear-gradient(#71ad3d, #12782a);
  background: -ms-linear-gradient(#71ad3d, #12782a);
  background: -webkit-gradient(linear, left top, left bottom, from(#71ad3d), to(#12782a));
  background: linear-gradient(#71ad3d, #12782a);
}

.btn_store_basic.disabled {
  background: #666;
  cursor: default;
}

p.additional_info {
  border-top: 1px solid #4ba53a;
  border-bottom: 1px solid #4ba53a;
  margin: 5px 25px 15px 0;
  padding: 7px 0 5px;
  font-size: 12px;
  line-height: 14px;
  color: #4ba53a;
}

.caution {
  margin: 20px auto;
  height: 30px;
  border: 1px solid #c00;
  line-height: 30px;
  color: #c00;
  text-align: center;
}

em {
  font-style: normal;
}

.main_block_info {
  clear: both;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif, "微軟正黑體", "蘋果儷中黑", sans-serif, "新細明體";
}

.main_block_info p {
  font-size: 12px;
  line-height: 16px;
  color: #999;
}

#main_block {
  border-bottom: 1px solid #ddd;
  padding-bottom: 40px;
  text-align: center;
  font-size: 14px;
  margin: auto;
  max-width: 800px;
}

.home-slider h2,
.home-slider h3,
.home-slider h4,
.home-slider h5,
.home-slider h6 {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif, "微軟正黑體", "蘋果儷中黑", sans-serif, "新細明體";
  font-weight: 700;
}

.home-slider h1 {
  font-family: 'Open Sans', sans-serif, 'Hiragino Kaku Gothic Pro';
  font-weight: 600;
}

.important_info {
  height: 80px;
  overflow: hidden;
  background: url(../images/substage_background.png) repeat;
}

.important_info__content {
  width: 100%;
  margin: 0 auto;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  text-align: center;
}

.important_info__content a {
  position: relative;
  line-height: 40px;
  text-decoration: none;
  color: #666;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif, "微軟正黑體", "蘋果儷中黑", sans-serif, "新細明體";
}

.important_info__content a:after {
  font-family: 'v2';
  font-size: 20px;
  content: "\e008";
  position: absolute;
  top: 50%;
  left: 0;
  margin: -20px auto 0 -30px;
}

.important_info__content a:hover {
  color: #000;
}

.text-center {
  text-align: center;
}

.light {
  color: #fff;
}

.black {
  color: #000;
}

.dark {
  color: #333;
}

table.store {
  margin: 15px 0 30px;
  clear: both;
  width: 100%;
}

.store th {
  background: #ebebeb;
  color: #000;
  padding: 5px 10px;
  border-bottom: 1px solid #ebebeb;
}

.store td {
  background: #fff;
  color: #000;
  padding: 5px 10px;
  border-bottom: 1px solid #ebebeb;
  -webkit-box-sizing: inherit !important;
  box-sizing: inherit !important;
}

.store tr.item {
  width: 100%;
}

#sort_box {
  width: 100%;
  list-style: none;
  background-color: #FFF;
  font-size: 12px;
  line-height: 20px;
  color: #888;
  text-align: right;
}

#sort img {
  cursor: pointer;
  cursor: hand;
}

#sort_box ul {
  padding: 0 14px 12px 0;
  font-size: 0;
}

#sort_box ul li {
  padding-right: 4px;
  background-color: #FFF;
  display: inline-block;
  font-size: 12px;
  list-style: none;
  *display: inline;
  *zoom: 1;
}

.status_cell {
  width: 23%;
  text-align: right;
}

.tell_cell {
  width: 24%;
}

.address_cell {
  width: 43%;
}

.city_cell {
  width: 10%;
}

.label__block {
  display: inline-block;
  margin-bottom: 2rem;
  padding: .6rem 2.6rem;
  border: 1px solid #999;
  border-radius: 2px;
  font-size: 1.4rem;
  color: #999;
}

p.copy.overview_text {
  font-size: 2rem;
  text-align: center;
}

a.pot_link_text {
  clear: both;
  display: inline-block;
  margin-top: 1rem;
  color: #666;
}

a.pot_link_text.white {
  color: #fff;
}

a.pot_link_text:hover {
  color: #000;
  text-decoration: none;
}

a.pot_link_text.white:hover {
  color: #4ba53a;
}

#footer_products {
  text-decoration: none;
  color: #ccc;
}

.footer__products {
  padding: 55px 0 65px;
  background-color: #363636;
  background-position: right bottom;
  background-repeat: no-repeat;
  background-size: 25%;
}

.__group--kitchen,
.__group--air {
  max-width: 90%;
  margin: 0 auto;
}

.each_icon {
  padding: 20px 0;
  width: 100%;
  height: 100px;
  text-align: center;
}

.each_icon .__sev_ {
  padding: 0;
  text-align: left;
}

.each_icon .__sev {
  text-align: left;
  padding: 0;
}

.each_icon .__iconv {
  padding-top: 4px;
}

.__group .__title {
  border-bottom: 1px solid #666;
  padding-bottom: 9px;
  padding-bottom: .5rem;
  margin-bottom: 27px;
  margin-bottom: 1.5rem;
  margin-top: 16px;
  color: #fff;
}

.__group {
  height: auto;
  width: 100%;
}

.__item {
  height: 4rem;
  font-size: 15px;
  line-height: 1.3;
  text-decoration: none;
  color: #ccc;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif, "微軟正黑體", "蘋果儷中黑", sans-serif, "新細明體";
}

.__item:hover {
  color: #fff;
}

.__item .__caption {
  display: block;
  padding-top: .2rem;
  color: #999;
}

.test_div_first {
  position: relative;
  margin: 0;
  padding: 0;
  width: 33.33333333%;
  float: left;
  height: 100px;
  text-align: center;
  background-color: grey;
}

.test_div_second {
  position: relative;
  float: right;
  margin: 0;
  padding: 0;
  width: 66.666666%;
  height: 100px;
  text-align: center;
}

@media (max-width: 440px) {
  .footer__products {
    padding: 40px 0 20px;
  }
  .each_icon .__sev_ {
    padding: 10px 5px 0;
  }
  .each_icon .__sev {
    padding: 0 5px;
  }
  .each_icon .__iconv {
    padding-top: 5px;
  }
}

#news .ThePost h3 a:hover {
  color: #58AD49;
  text-decoration: underline;
}

.ColumnPostMain {
  font-family: 'Open Sans', 'YuGothic_Family', 'YuGothic', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
  font-size: 14px;
  line-height: 26px;
  letter-spacing: .5px;
  color: #666;
}

.CategoryList li {
  font-size: 14px;
}

#first_bg_toaster {
  width: 100%;
  position: relative;
  left: 0;
  top: 0;
}

.index_span {
  display: none;
}

/* product page */
.pline .p_block_mother {
  height: 350px;
  display: -webkit-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 2rem 0;
  border-bottom: 1px solid #ddd;
}

/* 圖片 */
.p_block {
  width: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.pline .pline_product_img {
  width: 100%;
  height: auto;
}

/* 右邊文字 */
.p_block_ {
  height: 300px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: auto;
  width: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.p_block_ ._text {
  width: 100%;
  height: 100px;
  text-align: left;
}

.pline .p_block_ ._text ._title {
  font-size: 2rem;
  display: block;
  line-height: 1.4;
  color: #222;
  font-weight: 400;
  font-family: 'Open Sans', YuGothic_Family, YuGothic, 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
  margin: 0;
  padding: 0;
  text-align: center;
}

.pline .p_block_ ._text ._copy {
  font-size: 1rem;
  color: #666;
  line-height: 1.4;
  display: block;
  -webkit-margin-before: 1em;
  -webkit-margin-after: 1em;
  -webkit-margin-start: 0;
  -webkit-margin-end: 0;
  margin: 0;
  padding: 0;
}

/* GREEN FAN */
.gf-navfloat {
  -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
}

.g-section-a .gcopy,
.g-section-a .greenfan_ .gtitle {
  letter-spacing: 1.5px;
  font-family: 'Open Sans', YuGothic_Family, YuGothic, 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
}

.g-section-a .text_greenfan_img {
  width: 100%;
  height: auto;
}

.g-section-a .greenfan_text {
  position: relative;
  max-width: 980px;
  height: 100%;
  margin: 0 auto;
  font-weight: 400;
  font-style: normal;
}

.g-section-a .greenfan_ {
  max-width: 880px;
  margin: 0 auto;
}

.g-section-a .greenfan_ .gtitle {
  font-size: 3rem;
  line-height: 1.7;
  white-space: nowrap;
  font-weight: 400;
  font-style: normal;
}

.g-section-a .glabel_ {
  display: inline-block;
  margin-bottom: 3.5rem;
  padding: .6rem 5rem;
  border: 1px solid #999;
  border-radius: 2px;
  font-size: 20px;
  font-size: 18px;
  color: #999;
}

.g-section-a .gcopy {
  padding: 0 100px;
  font-size: 18px;
  line-height: 40px;
  color: #333;
  font-weight: 300;
}

/* div section */
.g-section {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 12rem 4rem 9rem;
  background: center center no-repeat;
  background-size: cover;
  font-family: 'Open Sans', YuGothic_Family, YuGothic, 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
  font-size: 18px;
}

.g-section-index {
  height: 600px;
  background-size: cover;
}

.g-section-a {
  height: auto;
  text-align: center;
  padding: 140px 0;
}

.g-section-index .viewport_ {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: block;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: 880px;
  height: 100%;
  margin: 0 auto;
  position: relative;
}

.g-section-index .viewport_ .content_ {
  margin: 0 0 0 50%;
}

.swipe2 .viewport_ .content_ {
  margin: 0 55% 0 0;
}

.swipe3 .viewport_ {
  max-width: 600px;
}

.swipe3 .viewport_ .content_ {
  text-align: center;
  margin: 0;
}

.g-section-index .viewport_ .content_ .g-section-title {
  margin-bottom: 36px;
  font-size: 3rem;
  line-height: 1.5;
  font-weight: 300;
  letter-spacing: 1.4px;
  margin-top: 0;
}

.g-section-index .viewport_ .content_ .g-section-p {
  font-size: 18px;
  line-height: 2.0;
  font-weight: 400;
  letter-spacing: 1px;
  text-align: left;
}

.g-section-index .viewport_ .content_ .g-section-p-story {
  padding: 0 50px;
}

.g-section-index .viewport_ .content_ .g-section-read {
  position: relative;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 2px;
  outline: 0;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  vertical-align: middle;
  -webkit-tap-highlight-color: transparent;
  display: inline-block;
  margin-top: 1rem;
  color: #666;
}

.fa-chevron-circle-right {
  margin-left: 2.4px;
  margin-bottom: 1px;
  position: absolute;
  top: 3px;
}

/* nav bottom */
.buy-section {
  padding: 5rem 0 2rem;
}

.viewport-buy {
  position: relative;
  max-width: 980px;
  height: 100%;
  margin: 0 auto;
  overflow: hidden;
}

.viewport-buy .buy-image-wrapper {
  width: 40%;
  float: left;
  text-align: right;
}

.viewport-buy .buy-image-wrapper .buy-img {
  width: 270px;
}

.viewport-buy .buy-contents {
  width: 60%;
  float: left;
  text-align: left;
}

.viewport-buy .buy-contents .buy-title {
  width: 200px;
  height: auto;
  margin: 3rem auto 2rem 0;
}

.viewport-buy .buy-contents .buy-color {
  font-size: 1.8rem;
}

.viewport-buy .buy-contents .buy-btn {
  position: relative;
  display: block;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 2px;
  outline: 0;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  vertical-align: middle;
  -webkit-tap-highlight-color: transparent;
}

.viewport-buy .buy-contents .buy-buy {
  margin: 2rem 10px 1rem 0;
  font-size: 1.6rem;
  width: 130px;
  height: 29px;
  background-color: #4ba53a;
  color: #fff;
  line-height: 29px;
  font-weight: 300;
  letter-spacing: 1.5px;
}

/* GREEN FAN Feature Universal*/
.section-feature {
  height: 650px;
  background-size: cover;
}

.gf-viewport {
  position: relative;
  max-width: 980px;
  height: 100%;
  margin: 0 auto;
}

.gf-viewport .gf-content {
  padding: 10rem 4rem 0;
  text-align: center;
}

.gf-viewport .gf-content .gf-title-h2 {
  margin-bottom: 3rem;
  font-size: 42px;
  line-height: 1.4;
  font-weight: 400;
}

.gf-viewport .gf-content p {
  font-size: 19px;
  line-height: 1.6;
  font-weight: 300;
}

.section-feature-a {
  height: auto;
  padding: 0 0 12rem 0;
  border-bottom: 1px solid #ddd;
}

/* 第一區塊 */
.section-feature-a ._image {
  height: 650px;
  background-image: url(../images/greenfan/greenfeature-1.jpg);
  background-size: cover;
  background-position: center;
  width: 100%;
}

.section-feature-a .gf-viewport {
  max-width: 780px;
}

/* background-img */
.section-gf-wrap {
  position: relative;
}

.section-gf-wrap .section-feature-b {
  background-image: url(../images/greenfan/greenfeature-2.jpg);
  background-position: center top;
  padding: 12rem 4rem 12rem;
}

.section-gf-wrap .section-feature-c {
  background-image: url(../images/greenfan/greenfeature-3.jpg);
  background-position: center top;
  padding: 12rem 4rem 12rem;
}

.section-feature-d {
  background-image: url(../images/greenfan/greenfeature-4.jpg);
  padding-top: 10rem;
}

.section-feature-e {
  background-image: url(../images/greenfan/greenfeature-5.jpg);
  background-position: bottom;
  padding-top: 10rem;
}

.section-feature-d .gf-viewport,
.section-gf-wrap .section-feature-bc .gf-viewport {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

/* content */
.section-feature-bc .gf-viewport .gf-content {
  margin: 0 0 0 50%;
  padding: 0;
  text-align: left;
}

.section-feature-bc .gf-viewport .gf-content p {
  font-weight: 300;
  line-height: 32px;
  letter-spacing: 1.2px;
  color: #fff;
}

.section-feature-bc .gf-title-h2 {
  color: #fff;
}

.section-feature-d .gf-viewport .gf-content {
  margin: 0 50% 0 0;
  padding: 0;
  text-align: left;
}

.section-feature-d .gf-viewport .gf-content .gf-title-h2 {
  margin-top: 0;
}

.section-feature-e .gf-viewport .gf-content .gf-title-h2 {
  margin: 0 0 4rem;
}

.section-feature-d .gf-note {
  font-size: 1.2rem;
  line-height: 1.8;
  color: #666;
  font-style: italic;
}

/*  Green Fan Feature VIDEO */
.section-feature-bc .play_video_d {
  display: block;
  width: 150px;
  height: 34px;
  margin-top: 2rem;
  border: 2px solid #fff;
  border-radius: 18px;
  font-size: 1.5rem;
  line-height: 32px;
  text-align: center;
  text-decoration: none;
  opacity: .8;
  color: #fff;
  cursor: pointer;
}

.video-overlap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: -99;
}

.video-overlap-a {
  background-color: #fff;
}

.video-overlap-b {
  background-color: black;
}

.video-overlap-b .ui_close {
  color: lightgrey;
}

.video-show {
  opacity: 1;
  z-index: 3;
  -webkit-transition: opacity 0.8s;
  -o-transition: opacity 0.8s;
  transition: opacity 0.8s;
}

/* Green Fan STORY */
.section-story-all {
  height: 650px;
  background-position: no-repeat center center;
}

.section-story-all .gf-viewport .gf-content {
  padding-top: 3rem;
}

.section-story-g .gf-viewport .gf-content {
  padding-top: 1rem;
}

.section-story-all .gf-viewport .gf-story-content p {
  color: #fff;
  letter-spacing: 1.2px;
  font-weight: 300;
  text-align: left;
}

.section-story-all .gf-viewport .gf-story-content .gf-story-h2 {
  color: #fff;
}

.section-story {
  padding: 12rem 4rem 13rem;
}

.section-story-b {
  background-image: url(../images/greenfan/greenfan-story01.jpg);
  background-position: center bottom;
}

.section-story-c {
  background-image: url(../images/greenfan/greenfan-story02.jpg);
}

.section-story-d {
  background-image: url(../images/greenfan/greenfan-story03.jpg);
}

.section-story-e {
  background-image: url(../images/greenfan/greenfan-story04.jpg);
}

.section-story-f {
  background-image: url(../images/greenfan/greenfan-story05.jpg);
}

.section-story-g {
  background-image: url(../images/greenfan/greenfan-story06.jpg);
}

.section-story .gf-viewport {
  max-width: 800px;
}

.section-story-a {
  padding-bottom: 15rem;
}

.section-story-a .gf-viewport .gf-story-content {
  padding-top: 8rem;
}

.section-story-a .gf-viewport .gf-story-content .gf-story-h2 {
  margin-bottom: 40px;
}

.section-story-a .gf-viewport .gf-story-content p {
  padding: 0 100px;
  margin-bottom: 30px;
}

.section-story-a .gf-story-sign {
  font-size: 13px;
}

.section-story-c .gf-viewport .gf-story-content p,
.section-story-f .gf-viewport .gf-story-content p {
  color: #2D2D2D;
}

.section-story-c .gf-viewport .gf-story-content .gf-story-h2,
.section-story-f .gf-viewport .gf-story-content .gf-story-h2 {
  color: #2D2D2D;
}

.section-story-g .gf-viewport .gf-content {
  margin: 0 35% 0 0;
}

.section-story-a .gf-story-sign ._terao_sign {
  max-width: 200px;
  height: auto;
  margin: 5px 0;
}

.section-story-a .gf-story-sign ._terao_note {
  display: block;
  font-size: 16px;
  color: #666;
}

/* Green Fan DESIGN  */
.section-design-all {
  height: 650px;
}

.section-design-all .gf-viewport {
  max-width: 780px;
}

.section-design-all p {
  letter-spacing: 1.2px;
  font-weight: normal;
}

.section-design-b {
  background-image: url(../images/greenfan/greenfan-design01.jpg);
}

.section-design-c {
  background-image: url(../images/greenfan/greenfan-design02.jpg);
}

.section-design-d {
  background-image: url(../images/greenfan/greenfan-design03.jpg);
}

.section-design-e {
  background-image: url(../images/greenfan/greenfan-design04.jpg);
}

/*Green Fan DESIGN VIDEO */
.section-design-av video {
  width: 100%;
  height: auto;
  -webkit-box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
  box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
  z-index: 2;
  opacity: 1;
}

.section-design-a .gf-viewport .gf-content {
  padding: 8rem 4rem;
}

.section-design-b .gf-viewport .gf-content {
  margin: 0 50% 0 0;
  text-align: left;
  padding: 0;
}

.section-design-b {
  padding: 9rem 4rem 10rem;
}

.section-design-b .gf-viewport {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.section-design-c .gf-viewport .gf-content {
  padding-top: 4rem;
}

.section-design-c .play_video_d {
  display: block;
  width: 150px;
  height: 34px;
  position: relative;
  margin: 15px auto 0;
  border: 2px solid #000;
  border-radius: 18px;
  font-size: 16px;
  line-height: 32px;
  text-decoration: none;
  cursor: pointer;
  color: #000;
  opacity: .8;
  text-align: center;
}

.section-design-d h2,
.section-design-d p {
  color: white;
  letter-spacing: 1.2px;
  font-weight: normal;
}

/* Green Fan  Feature */
/* store */
._info_h4 {
  font-size: 40px;
  margin: 12px 0 16px;
  color: #d3d3d3;
  font-family: 'Kameron', serif;
}

._info_h5 {
  margin: 0 0 33px;
  color: #383839;
  font-family: 'Noto Sans TC', sans-serif;
  letter-spacing: 1px;
}

._store_info h6 {
  font-weight: 400;
  color: #4c4c4c;
  font-family: 'Encode Sans', sans-serif;
  letter-spacing: 1px;
}

.side-bar-row {
  margin-right: -15px;
  margin-left: -15px;
}

.bbstore {
  border-bottom: 1px solid #BEBFC0;
  margin-bottom: 50px;
}

.sub-banner {
  border-bottom: none;
}

/*footer*/
.fbottom {
  width: 50%;
  float: right;
  text-align: right;
}

.nav_system {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding: 0;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  margin: 0;
  float: right;
}

.nav_system li {
  white-space: nowrap;
}

.fbottom .nav-system__link {
  color: #999;
  display: block;
  padding: 0 10px;
  font-size: 14px;
  text-decoration: none;
  padding: 0 0 0 20px;
}

.fsicon {
  position: relative;
  float: left;
}

.section-space {
  padding: 40px 0 50px;
}

/*!
 * animate.css - https://animate.style/
 * Version - 4.1.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2020 Animate.css
 */
:root {
  --animate-duration: 1s;
  --animate-delay: 1s;
  --animate-repeat: 1;
}

.animate__animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-duration: var(--animate-duration);
  animation-duration: var(--animate-duration);
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animate__animated.animate__infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animate__animated.animate__repeat-1 {
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-iteration-count: var(--animate-repeat);
  animation-iteration-count: var(--animate-repeat);
}

.animate__animated.animate__repeat-2 {
  -webkit-animation-iteration-count: calc(1 * 2);
  animation-iteration-count: calc(1 * 2);
  -webkit-animation-iteration-count: calc(var(--animate-repeat) * 2);
  animation-iteration-count: calc(var(--animate-repeat) * 2);
}

.animate__animated.animate__repeat-3 {
  -webkit-animation-iteration-count: calc(1 * 3);
  animation-iteration-count: calc(1 * 3);
  -webkit-animation-iteration-count: calc(var(--animate-repeat) * 3);
  animation-iteration-count: calc(var(--animate-repeat) * 3);
}

.animate__animated.animate__delay-1s {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
  -webkit-animation-delay: var(--animate-delay);
  animation-delay: var(--animate-delay);
}

.animate__animated.animate__delay-2s {
  -webkit-animation-delay: calc(1s * 2);
  animation-delay: calc(1s * 2);
  -webkit-animation-delay: calc(var(--animate-delay) * 2);
  animation-delay: calc(var(--animate-delay) * 2);
}

.animate__animated.animate__delay-3s {
  -webkit-animation-delay: calc(1s * 3);
  animation-delay: calc(1s * 3);
  -webkit-animation-delay: calc(var(--animate-delay) * 3);
  animation-delay: calc(var(--animate-delay) * 3);
}

.animate__animated.animate__delay-4s {
  -webkit-animation-delay: calc(1s * 4);
  animation-delay: calc(1s * 4);
  -webkit-animation-delay: calc(var(--animate-delay) * 4);
  animation-delay: calc(var(--animate-delay) * 4);
}

.animate__animated.animate__delay-5s {
  -webkit-animation-delay: calc(1s * 5);
  animation-delay: calc(1s * 5);
  -webkit-animation-delay: calc(var(--animate-delay) * 5);
  animation-delay: calc(var(--animate-delay) * 5);
}

.animate__animated.animate__faster {
  -webkit-animation-duration: calc(1s / 2);
  animation-duration: calc(1s / 2);
  -webkit-animation-duration: calc(var(--animate-duration) / 2);
  animation-duration: calc(var(--animate-duration) / 2);
}

.animate__animated.animate__fast {
  -webkit-animation-duration: calc(1s * 0.8);
  animation-duration: calc(1s * 0.8);
  -webkit-animation-duration: calc(var(--animate-duration) * 0.8);
  animation-duration: calc(var(--animate-duration) * 0.8);
}

.animate__animated.animate__slow {
  -webkit-animation-duration: calc(1s * 2);
  animation-duration: calc(1s * 2);
  -webkit-animation-duration: calc(var(--animate-duration) * 2);
  animation-duration: calc(var(--animate-duration) * 2);
}

.animate__animated.animate__slower {
  -webkit-animation-duration: calc(1s * 3);
  animation-duration: calc(1s * 3);
  -webkit-animation-duration: calc(var(--animate-duration) * 3);
  animation-duration: calc(var(--animate-duration) * 3);
}

@media print, (prefers-reduced-motion: reduce) {
  .animate__animated {
    -webkit-animation-duration: 1ms !important;
    animation-duration: 1ms !important;
    -webkit-transition-duration: 1ms !important;
    -o-transition-duration: 1ms !important;
    transition-duration: 1ms !important;
    -webkit-animation-iteration-count: 1 !important;
    animation-iteration-count: 1 !important;
  }
  .animate__animated[class*='Out'] {
    opacity: 0;
  }
}

/* Attention seekers  */
@-webkit-keyframes bounce {
  from,
  20%,
  53%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
    transform: translate3d(0, -30px, 0) scaleY(1.1);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
    transform: translate3d(0, -15px, 0) scaleY(1.05);
  }
  80% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0) scaleY(0.95);
    transform: translate3d(0, 0, 0) scaleY(0.95);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
    transform: translate3d(0, -4px, 0) scaleY(1.02);
  }
}

@keyframes bounce {
  from,
  20%,
  53%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
    transform: translate3d(0, -30px, 0) scaleY(1.1);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
    transform: translate3d(0, -15px, 0) scaleY(1.05);
  }
  80% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0) scaleY(0.95);
    transform: translate3d(0, 0, 0) scaleY(0.95);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
    transform: translate3d(0, -4px, 0) scaleY(1.02);
  }
}

.animate__bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  -ms-transform-origin: center bottom;
  transform-origin: center bottom;
}

@-webkit-keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}

@keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}

.animate__flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.animate__pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}

@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.animate__rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}

@-webkit-keyframes shakeX {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

@keyframes shakeX {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

.animate__shakeX {
  -webkit-animation-name: shakeX;
  animation-name: shakeX;
}

@-webkit-keyframes shakeY {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
}

@keyframes shakeY {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
}

.animate__shakeY {
  -webkit-animation-name: shakeY;
  animation-name: shakeY;
}

@-webkit-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

.animate__headShake {
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
  animation-name: headShake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

.animate__swing {
  -webkit-transform-origin: top center;
  -ms-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.animate__tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.animate__wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes jello {
  from,
  11.1%,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    -webkit-transform: skewX(0.39062deg) skewY(0.39062deg);
    transform: skewX(0.39062deg) skewY(0.39062deg);
  }
  88.8% {
    -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
    transform: skewX(-0.19531deg) skewY(-0.19531deg);
  }
}

@keyframes jello {
  from,
  11.1%,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    -webkit-transform: skewX(0.39062deg) skewY(0.39062deg);
    transform: skewX(0.39062deg) skewY(0.39062deg);
  }
  88.8% {
    -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
    transform: skewX(-0.19531deg) skewY(-0.19531deg);
  }
}

.animate__jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
}

@-webkit-keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.animate__heartBeat {
  -webkit-animation-name: heartBeat;
  animation-name: heartBeat;
  -webkit-animation-duration: calc(1s * 1.3);
  animation-duration: calc(1s * 1.3);
  -webkit-animation-duration: calc(var(--animate-duration) * 1.3);
  animation-duration: calc(var(--animate-duration) * 1.3);
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}

/* Back entrances */
@-webkit-keyframes backInDown {
  0% {
    -webkit-transform: translateY(-1200px) scale(0.7);
    transform: translateY(-1200px) scale(0.7);
    opacity: 0.7;
  }
  80% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}

@keyframes backInDown {
  0% {
    -webkit-transform: translateY(-1200px) scale(0.7);
    transform: translateY(-1200px) scale(0.7);
    opacity: 0.7;
  }
  80% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}

.animate__backInDown {
  -webkit-animation-name: backInDown;
  animation-name: backInDown;
}

@-webkit-keyframes backInLeft {
  0% {
    -webkit-transform: translateX(-2000px) scale(0.7);
    transform: translateX(-2000px) scale(0.7);
    opacity: 0.7;
  }
  80% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}

@keyframes backInLeft {
  0% {
    -webkit-transform: translateX(-2000px) scale(0.7);
    transform: translateX(-2000px) scale(0.7);
    opacity: 0.7;
  }
  80% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}

.animate__backInLeft {
  -webkit-animation-name: backInLeft;
  animation-name: backInLeft;
}

@-webkit-keyframes backInRight {
  0% {
    -webkit-transform: translateX(2000px) scale(0.7);
    transform: translateX(2000px) scale(0.7);
    opacity: 0.7;
  }
  80% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}

@keyframes backInRight {
  0% {
    -webkit-transform: translateX(2000px) scale(0.7);
    transform: translateX(2000px) scale(0.7);
    opacity: 0.7;
  }
  80% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}

.animate__backInRight {
  -webkit-animation-name: backInRight;
  animation-name: backInRight;
}

@-webkit-keyframes backInUp {
  0% {
    -webkit-transform: translateY(1200px) scale(0.7);
    transform: translateY(1200px) scale(0.7);
    opacity: 0.7;
  }
  80% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}

@keyframes backInUp {
  0% {
    -webkit-transform: translateY(1200px) scale(0.7);
    transform: translateY(1200px) scale(0.7);
    opacity: 0.7;
  }
  80% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}

.animate__backInUp {
  -webkit-animation-name: backInUp;
  animation-name: backInUp;
}

/* Back exits */
@-webkit-keyframes backOutDown {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  20% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: translateY(700px) scale(0.7);
    transform: translateY(700px) scale(0.7);
    opacity: 0.7;
  }
}

@keyframes backOutDown {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  20% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: translateY(700px) scale(0.7);
    transform: translateY(700px) scale(0.7);
    opacity: 0.7;
  }
}

.animate__backOutDown {
  -webkit-animation-name: backOutDown;
  animation-name: backOutDown;
}

@-webkit-keyframes backOutLeft {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  20% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: translateX(-2000px) scale(0.7);
    transform: translateX(-2000px) scale(0.7);
    opacity: 0.7;
  }
}

@keyframes backOutLeft {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  20% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: translateX(-2000px) scale(0.7);
    transform: translateX(-2000px) scale(0.7);
    opacity: 0.7;
  }
}

.animate__backOutLeft {
  -webkit-animation-name: backOutLeft;
  animation-name: backOutLeft;
}

@-webkit-keyframes backOutRight {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  20% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: translateX(2000px) scale(0.7);
    transform: translateX(2000px) scale(0.7);
    opacity: 0.7;
  }
}

@keyframes backOutRight {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  20% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: translateX(2000px) scale(0.7);
    transform: translateX(2000px) scale(0.7);
    opacity: 0.7;
  }
}

.animate__backOutRight {
  -webkit-animation-name: backOutRight;
  animation-name: backOutRight;
}

@-webkit-keyframes backOutUp {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  20% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: translateY(-700px) scale(0.7);
    transform: translateY(-700px) scale(0.7);
    opacity: 0.7;
  }
}

@keyframes backOutUp {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  20% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: translateY(-700px) scale(0.7);
    transform: translateY(-700px) scale(0.7);
    opacity: 0.7;
  }
}

.animate__backOutUp {
  -webkit-animation-name: backOutUp;
  animation-name: backOutUp;
}

/* Bouncing entrances  */
@-webkit-keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.animate__bounceIn {
  -webkit-animation-duration: calc(1s * 0.75);
  animation-duration: calc(1s * 0.75);
  -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
  animation-duration: calc(var(--animate-duration) * 0.75);
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0) scaleY(3);
    transform: translate3d(0, -3000px, 0) scaleY(3);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0) scaleY(0.9);
    transform: translate3d(0, 25px, 0) scaleY(0.9);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95);
    transform: translate3d(0, -10px, 0) scaleY(0.95);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985);
    transform: translate3d(0, 5px, 0) scaleY(0.985);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0) scaleY(3);
    transform: translate3d(0, -3000px, 0) scaleY(3);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0) scaleY(0.9);
    transform: translate3d(0, 25px, 0) scaleY(0.9);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95);
    transform: translate3d(0, -10px, 0) scaleY(0.95);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985);
    transform: translate3d(0, 5px, 0) scaleY(0.985);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.animate__bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
    transform: translate3d(-3000px, 0, 0) scaleX(3);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0) scaleX(1);
    transform: translate3d(25px, 0, 0) scaleX(1);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98);
    transform: translate3d(-10px, 0, 0) scaleX(0.98);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995);
    transform: translate3d(5px, 0, 0) scaleX(0.995);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
    transform: translate3d(-3000px, 0, 0) scaleX(3);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0) scaleX(1);
    transform: translate3d(25px, 0, 0) scaleX(1);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98);
    transform: translate3d(-10px, 0, 0) scaleX(0.98);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995);
    transform: translate3d(5px, 0, 0) scaleX(0.995);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.animate__bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
    transform: translate3d(3000px, 0, 0) scaleX(3);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
    transform: translate3d(-25px, 0, 0) scaleX(1);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0) scaleX(0.98);
    transform: translate3d(10px, 0, 0) scaleX(0.98);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995);
    transform: translate3d(-5px, 0, 0) scaleX(0.995);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
    transform: translate3d(3000px, 0, 0) scaleX(3);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
    transform: translate3d(-25px, 0, 0) scaleX(1);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0) scaleX(0.98);
    transform: translate3d(10px, 0, 0) scaleX(0.98);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995);
    transform: translate3d(-5px, 0, 0) scaleX(0.995);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.animate__bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
    transform: translate3d(0, 3000px, 0) scaleY(5);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
    transform: translate3d(0, -20px, 0) scaleY(0.9);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95);
    transform: translate3d(0, 10px, 0) scaleY(0.95);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985);
    transform: translate3d(0, -5px, 0) scaleY(0.985);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
    transform: translate3d(0, 3000px, 0) scaleY(5);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
    transform: translate3d(0, -20px, 0) scaleY(0.9);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95);
    transform: translate3d(0, 10px, 0) scaleY(0.95);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985);
    transform: translate3d(0, -5px, 0) scaleY(0.985);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.animate__bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

/* Bouncing exits  */
@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}

@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}

.animate__bounceOut {
  -webkit-animation-duration: calc(1s * 0.75);
  animation-duration: calc(1s * 0.75);
  -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
  animation-duration: calc(var(--animate-duration) * 0.75);
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0) scaleY(0.985);
    transform: translate3d(0, 10px, 0) scaleY(0.985);
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
    transform: translate3d(0, -20px, 0) scaleY(0.9);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
    transform: translate3d(0, 2000px, 0) scaleY(3);
  }
}

@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0) scaleY(0.985);
    transform: translate3d(0, 10px, 0) scaleY(0.985);
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
    transform: translate3d(0, -20px, 0) scaleY(0.9);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
    transform: translate3d(0, 2000px, 0) scaleY(3);
  }
}

.animate__bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0) scaleX(0.9);
    transform: translate3d(20px, 0, 0) scaleX(0.9);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
    transform: translate3d(-2000px, 0, 0) scaleX(2);
  }
}

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0) scaleX(0.9);
    transform: translate3d(20px, 0, 0) scaleX(0.9);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
    transform: translate3d(-2000px, 0, 0) scaleX(2);
  }
}

.animate__bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9);
    transform: translate3d(-20px, 0, 0) scaleX(0.9);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
    transform: translate3d(2000px, 0, 0) scaleX(2);
  }
}

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9);
    transform: translate3d(-20px, 0, 0) scaleX(0.9);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
    transform: translate3d(2000px, 0, 0) scaleX(2);
  }
}

.animate__bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0) scaleY(0.985);
    transform: translate3d(0, -10px, 0) scaleY(0.985);
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0) scaleY(0.9);
    transform: translate3d(0, 20px, 0) scaleY(0.9);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
    transform: translate3d(0, -2000px, 0) scaleY(3);
  }
}

@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0) scaleY(0.985);
    transform: translate3d(0, -10px, 0) scaleY(0.985);
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0) scaleY(0.9);
    transform: translate3d(0, 20px, 0) scaleY(0.9);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
    transform: translate3d(0, -2000px, 0) scaleY(3);
  }
}

.animate__bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

/* Fading entrances  */
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.animate__fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.animate__fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.animate__fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.animate__fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.animate__fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.animate__fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.animate__fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.animate__fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.animate__fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeInTopLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInTopLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.animate__fadeInTopLeft {
  -webkit-animation-name: fadeInTopLeft;
  animation-name: fadeInTopLeft;
}

@-webkit-keyframes fadeInTopRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInTopRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.animate__fadeInTopRight {
  -webkit-animation-name: fadeInTopRight;
  animation-name: fadeInTopRight;
}

@-webkit-keyframes fadeInBottomLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInBottomLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.animate__fadeInBottomLeft {
  -webkit-animation-name: fadeInBottomLeft;
  animation-name: fadeInBottomLeft;
}

@-webkit-keyframes fadeInBottomRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInBottomRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.animate__fadeInBottomRight {
  -webkit-animation-name: fadeInBottomRight;
  animation-name: fadeInBottomRight;
}

/* Fading exits */
@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

.animate__fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes fadeOutDown {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.animate__fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.animate__fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.animate__fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.animate__fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes fadeOutRight {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.animate__fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.animate__fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes fadeOutUp {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.animate__fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.animate__fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes fadeOutTopLeft {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0);
  }
}

@keyframes fadeOutTopLeft {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0);
  }
}

.animate__fadeOutTopLeft {
  -webkit-animation-name: fadeOutTopLeft;
  animation-name: fadeOutTopLeft;
}

@-webkit-keyframes fadeOutTopRight {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0);
  }
}

@keyframes fadeOutTopRight {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0);
  }
}

.animate__fadeOutTopRight {
  -webkit-animation-name: fadeOutTopRight;
  animation-name: fadeOutTopRight;
}

@-webkit-keyframes fadeOutBottomRight {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0);
  }
}

@keyframes fadeOutBottomRight {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0);
  }
}

.animate__fadeOutBottomRight {
  -webkit-animation-name: fadeOutBottomRight;
  animation-name: fadeOutBottomRight;
}

@-webkit-keyframes fadeOutBottomLeft {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0);
  }
}

@keyframes fadeOutBottomLeft {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0);
  }
}

.animate__fadeOutBottomLeft {
  -webkit-animation-name: fadeOutBottomLeft;
  animation-name: fadeOutBottomLeft;
}

/* Flippers */
@-webkit-keyframes flip {
  from {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  to {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  from {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  to {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

.animate__animated.animate__flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.animate__flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.animate__flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

.animate__flipOutX {
  -webkit-animation-duration: calc(1s * 0.75);
  animation-duration: calc(1s * 0.75);
  -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
  animation-duration: calc(var(--animate-duration) * 0.75);
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

.animate__flipOutY {
  -webkit-animation-duration: calc(1s * 0.75);
  animation-duration: calc(1s * 0.75);
  -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
  animation-duration: calc(var(--animate-duration) * 0.75);
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}

/* Lightspeed */
@-webkit-keyframes lightSpeedInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes lightSpeedInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.animate__lightSpeedInRight {
  -webkit-animation-name: lightSpeedInRight;
  animation-name: lightSpeedInRight;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
    transform: translate3d(-100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(-20deg);
    transform: skewX(-20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(5deg);
    transform: skewX(5deg);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes lightSpeedInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
    transform: translate3d(-100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(-20deg);
    transform: skewX(-20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(5deg);
    transform: skewX(5deg);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.animate__lightSpeedInLeft {
  -webkit-animation-name: lightSpeedInLeft;
  animation-name: lightSpeedInLeft;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOutRight {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOutRight {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

.animate__lightSpeedOutRight {
  -webkit-animation-name: lightSpeedOutRight;
  animation-name: lightSpeedOutRight;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes lightSpeedOutLeft {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
    transform: translate3d(-100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOutLeft {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
    transform: translate3d(-100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
}

.animate__lightSpeedOutLeft {
  -webkit-animation-name: lightSpeedOutLeft;
  animation-name: lightSpeedOutLeft;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

/* Rotating entrances */
@-webkit-keyframes rotateIn {
  from {
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateIn {
  from {
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.animate__rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
}

@-webkit-keyframes rotateInDownLeft {
  from {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  from {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.animate__rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
  -webkit-transform-origin: left bottom;
  -ms-transform-origin: left bottom;
  transform-origin: left bottom;
}

@-webkit-keyframes rotateInDownRight {
  from {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  from {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.animate__rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
  -webkit-transform-origin: right bottom;
  -ms-transform-origin: right bottom;
  transform-origin: right bottom;
}

@-webkit-keyframes rotateInUpLeft {
  from {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  from {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.animate__rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
  -webkit-transform-origin: left bottom;
  -ms-transform-origin: left bottom;
  transform-origin: left bottom;
}

@-webkit-keyframes rotateInUpRight {
  from {
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  from {
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.animate__rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
  -webkit-transform-origin: right bottom;
  -ms-transform-origin: right bottom;
  transform-origin: right bottom;
}

/* Rotating exits */
@-webkit-keyframes rotateOut {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

.animate__rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
}

@-webkit-keyframes rotateOutDownLeft {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

.animate__rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
  -webkit-transform-origin: left bottom;
  -ms-transform-origin: left bottom;
  transform-origin: left bottom;
}

@-webkit-keyframes rotateOutDownRight {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.animate__rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
  -webkit-transform-origin: right bottom;
  -ms-transform-origin: right bottom;
  transform-origin: right bottom;
}

@-webkit-keyframes rotateOutUpLeft {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.animate__rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
  -webkit-transform-origin: left bottom;
  -ms-transform-origin: left bottom;
  transform-origin: left bottom;
}

@-webkit-keyframes rotateOutUpRight {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

.animate__rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
  -webkit-transform-origin: right bottom;
  -ms-transform-origin: right bottom;
  transform-origin: right bottom;
}

/* Specials */
@-webkit-keyframes hinge {
  0% {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

.animate__hinge {
  -webkit-animation-duration: calc(1s * 2);
  animation-duration: calc(1s * 2);
  -webkit-animation-duration: calc(var(--animate-duration) * 2);
  animation-duration: calc(var(--animate-duration) * 2);
  -webkit-animation-name: hinge;
  animation-name: hinge;
  -webkit-transform-origin: top left;
  -ms-transform-origin: top left;
  transform-origin: top left;
}

@-webkit-keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }
  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }
  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.animate__jackInTheBox {
  -webkit-animation-name: jackInTheBox;
  animation-name: jackInTheBox;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.animate__rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

@keyframes rollOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

.animate__rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}

/* Zooming entrances */
@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}

.animate__zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.animate__zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.animate__zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.animate__zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.animate__zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}

/* Zooming exits */
@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}

@keyframes zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}

.animate__zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.animate__zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
  -webkit-transform-origin: center bottom;
  -ms-transform-origin: center bottom;
  transform-origin: center bottom;
}

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
  }
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
  }
}

.animate__zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
}

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
  }
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
  }
}

.animate__zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
  -webkit-transform-origin: right center;
  -ms-transform-origin: right center;
  transform-origin: right center;
}

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.animate__zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
  -webkit-transform-origin: center bottom;
  -ms-transform-origin: center bottom;
  transform-origin: center bottom;
}

/* Sliding entrances */
@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.animate__slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.animate__slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.animate__slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.animate__slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}

/* Sliding exits */
@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.animate__slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.animate__slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.animate__slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.animate__slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

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

@font-face {
  font-family: 'AliMedium';
  src: url("../fonts/AlibabaPuHuiTi-2-65-Medium.ttf");
}
@font-face {
  font-family: 'AliHeavy';
  src: url("../fonts/AlibabaPuHuiTi-2-105-Heavy.ttf");
}

.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  z-index: 9999;
}

.fa-lg {
  font-size: 1.33333333em;
  line-height: .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.28571429em;
  text-align: center;
}

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

.fa-ul > li {
  position: relative;
}

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

.fa-li.fa-lg {
  left: -1.85714286em;
}

.fa-border {
  padding: .2em .25em .15em;
  border: solid .08em #eee;
  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: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}

.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8);
}

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

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

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

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

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

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

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

:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  -webkit-filter: none;
  filter: none;
}

.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: #fff;
}

.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-remove:before,
.fa-close:before,
.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-photo:before,
.fa-image:before,
.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,
.fa-bar-chart: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-f:before,
.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-navicon:before,
.fa-reorder:before,
.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-desc:before {
  content: "\f0dd";
}

.fa-sort-up:before,
.fa-sort-asc: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-mail-reply-all:before,
.fa-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,
.fa-gratipay: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";
}

.fa-space-shuttle:before {
  content: "\f197";
}

.fa-slack:before {
  content: "\f198";
}

.fa-envelope-square:before {
  content: "\f199";
}

.fa-wordpress:before {
  content: "\f19a";
}

.fa-openid:before {
  content: "\f19b";
}

.fa-institution:before,
.fa-bank:before,
.fa-university:before {
  content: "\f19c";
}

.fa-mortar-board:before,
.fa-graduation-cap:before {
  content: "\f19d";
}

.fa-yahoo:before {
  content: "\f19e";
}

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

.fa-reddit:before {
  content: "\f1a1";
}

.fa-reddit-square:before {
  content: "\f1a2";
}

.fa-stumbleupon-circle:before {
  content: "\f1a3";
}

.fa-stumbleupon:before {
  content: "\f1a4";
}

.fa-delicious:before {
  content: "\f1a5";
}

.fa-digg:before {
  content: "\f1a6";
}

.fa-pied-piper:before {
  content: "\f1a7";
}

.fa-pied-piper-alt:before {
  content: "\f1a8";
}

.fa-drupal:before {
  content: "\f1a9";
}

.fa-joomla:before {
  content: "\f1aa";
}

.fa-language:before {
  content: "\f1ab";
}

.fa-fax:before {
  content: "\f1ac";
}

.fa-building:before {
  content: "\f1ad";
}

.fa-child:before {
  content: "\f1ae";
}

.fa-paw:before {
  content: "\f1b0";
}

.fa-spoon:before {
  content: "\f1b1";
}

.fa-cube:before {
  content: "\f1b2";
}

.fa-cubes:before {
  content: "\f1b3";
}

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

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

.fa-steam:before {
  content: "\f1b6";
}

.fa-steam-square:before {
  content: "\f1b7";
}

.fa-recycle:before {
  content: "\f1b8";
}

.fa-automobile:before,
.fa-car:before {
  content: "\f1b9";
}

.fa-cab:before,
.fa-taxi:before {
  content: "\f1ba";
}

.fa-tree:before {
  content: "\f1bb";
}

.fa-spotify:before {
  content: "\f1bc";
}

.fa-deviantart:before {
  content: "\f1bd";
}

.fa-soundcloud:before {
  content: "\f1be";
}

.fa-database:before {
  content: "\f1c0";
}

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

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

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

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

.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
  content: "\f1c5";
}

.fa-file-zip-o:before,
.fa-file-archive-o:before {
  content: "\f1c6";
}

.fa-file-sound-o:before,
.fa-file-audio-o:before {
  content: "\f1c7";
}

.fa-file-movie-o:before,
.fa-file-video-o:before {
  content: "\f1c8";
}

.fa-file-code-o:before {
  content: "\f1c9";
}

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

.fa-codepen:before {
  content: "\f1cb";
}

.fa-jsfiddle:before {
  content: "\f1cc";
}

.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
  content: "\f1cd";
}

.fa-circle-o-notch:before {
  content: "\f1ce";
}

.fa-ra:before,
.fa-rebel:before {
  content: "\f1d0";
}

.fa-ge:before,
.fa-empire:before {
  content: "\f1d1";
}

.fa-git-square:before {
  content: "\f1d2";
}

.fa-git:before {
  content: "\f1d3";
}

.fa-hacker-news:before {
  content: "\f1d4";
}

.fa-tencent-weibo:before {
  content: "\f1d5";
}

.fa-qq:before {
  content: "\f1d6";
}

.fa-wechat:before,
.fa-weixin:before {
  content: "\f1d7";
}

.fa-send:before,
.fa-paper-plane:before {
  content: "\f1d8";
}

.fa-send-o:before,
.fa-paper-plane-o:before {
  content: "\f1d9";
}

.fa-history:before {
  content: "\f1da";
}

.fa-genderless:before,
.fa-circle-thin:before {
  content: "\f1db";
}

.fa-header:before {
  content: "\f1dc";
}

.fa-paragraph:before {
  content: "\f1dd";
}

.fa-sliders:before {
  content: "\f1de";
}

.fa-share-alt:before {
  content: "\f1e0";
}

.fa-share-alt-square:before {
  content: "\f1e1";
}

.fa-bomb:before {
  content: "\f1e2";
}

.fa-soccer-ball-o:before,
.fa-futbol-o:before {
  content: "\f1e3";
}

.fa-tty:before {
  content: "\f1e4";
}

.fa-binoculars:before {
  content: "\f1e5";
}

.fa-plug:before {
  content: "\f1e6";
}

.fa-slideshare:before {
  content: "\f1e7";
}

.fa-twitch:before {
  content: "\f1e8";
}

.fa-yelp:before {
  content: "\f1e9";
}

.fa-newspaper-o:before {
  content: "\f1ea";
}

.fa-wifi:before {
  content: "\f1eb";
}

.fa-calculator:before {
  content: "\f1ec";
}

.fa-paypal:before {
  content: "\f1ed";
}

.fa-google-wallet:before {
  content: "\f1ee";
}

.fa-cc-visa:before {
  content: "\f1f0";
}

.fa-cc-mastercard:before {
  content: "\f1f1";
}

.fa-cc-discover:before {
  content: "\f1f2";
}

.fa-cc-amex:before {
  content: "\f1f3";
}

.fa-cc-paypal:before {
  content: "\f1f4";
}

.fa-cc-stripe:before {
  content: "\f1f5";
}

.fa-bell-slash:before {
  content: "\f1f6";
}

.fa-bell-slash-o:before {
  content: "\f1f7";
}

.fa-trash:before {
  content: "\f1f8";
}

.fa-copyright:before {
  content: "\f1f9";
}

.fa-at:before {
  content: "\f1fa";
}

.fa-eyedropper:before {
  content: "\f1fb";
}

.fa-paint-brush:before {
  content: "\f1fc";
}

.fa-birthday-cake:before {
  content: "\f1fd";
}

.fa-area-chart:before {
  content: "\f1fe";
}

.fa-pie-chart:before {
  content: "\f200";
}

.fa-line-chart:before {
  content: "\f201";
}

.fa-lastfm:before {
  content: "\f202";
}

.fa-lastfm-square:before {
  content: "\f203";
}

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

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

.fa-bicycle:before {
  content: "\f206";
}

.fa-bus:before {
  content: "\f207";
}

.fa-ioxhost:before {
  content: "\f208";
}

.fa-angellist:before {
  content: "\f209";
}

.fa-cc:before {
  content: "\f20a";
}

.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
  content: "\f20b";
}

.fa-meanpath:before {
  content: "\f20c";
}

.fa-buysellads:before {
  content: "\f20d";
}

.fa-connectdevelop:before {
  content: "\f20e";
}

.fa-dashcube:before {
  content: "\f210";
}

.fa-forumbee:before {
  content: "\f211";
}

.fa-leanpub:before {
  content: "\f212";
}

.fa-sellsy:before {
  content: "\f213";
}

.fa-shirtsinbulk:before {
  content: "\f214";
}

.fa-simplybuilt:before {
  content: "\f215";
}

.fa-skyatlas:before {
  content: "\f216";
}

.fa-cart-plus:before {
  content: "\f217";
}

.fa-cart-arrow-down:before {
  content: "\f218";
}

.fa-diamond:before {
  content: "\f219";
}

.fa-ship:before {
  content: "\f21a";
}

.fa-user-secret:before {
  content: "\f21b";
}

.fa-motorcycle:before {
  content: "\f21c";
}

.fa-street-view:before {
  content: "\f21d";
}

.fa-heartbeat:before {
  content: "\f21e";
}

.fa-venus:before {
  content: "\f221";
}

.fa-mars:before {
  content: "\f222";
}

.fa-mercury:before {
  content: "\f223";
}

.fa-transgender:before {
  content: "\f224";
}

.fa-transgender-alt:before {
  content: "\f225";
}

.fa-venus-double:before {
  content: "\f226";
}

.fa-mars-double:before {
  content: "\f227";
}

.fa-venus-mars:before {
  content: "\f228";
}

.fa-mars-stroke:before {
  content: "\f229";
}

.fa-mars-stroke-v:before {
  content: "\f22a";
}

.fa-mars-stroke-h:before {
  content: "\f22b";
}

.fa-neuter:before {
  content: "\f22c";
}

.fa-facebook-official:before {
  content: "\f230";
}

.fa-pinterest-p:before {
  content: "\f231";
}

.fa-whatsapp:before {
  content: "\f232";
}

.fa-server:before {
  content: "\f233";
}

.fa-user-plus:before {
  content: "\f234";
}

.fa-user-times:before {
  content: "\f235";
}

.fa-hotel:before,
.fa-bed:before {
  content: "\f236";
}

.fa-viacoin:before {
  content: "\f237";
}

.fa-train:before {
  content: "\f238";
}

.fa-subway:before {
  content: "\f239";
}

.fa-medium:before {
  content: "\f23a";
}

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

.ion,
.ionicons,
.ion-alert:before,
.ion-alert-circled:before,
.ion-android-add:before,
.ion-android-add-circle:before,
.ion-android-alarm-clock:before,
.ion-android-alert:before,
.ion-android-apps:before,
.ion-android-archive:before,
.ion-android-arrow-back:before,
.ion-android-arrow-down:before,
.ion-android-arrow-dropdown:before,
.ion-android-arrow-dropdown-circle:before,
.ion-android-arrow-dropleft:before,
.ion-android-arrow-dropleft-circle:before,
.ion-android-arrow-dropright:before,
.ion-android-arrow-dropright-circle:before,
.ion-android-arrow-dropup:before,
.ion-android-arrow-dropup-circle:before,
.ion-android-arrow-forward:before,
.ion-android-arrow-up:before,
.ion-android-attach:before,
.ion-android-bar:before,
.ion-android-bicycle:before,
.ion-android-boat:before,
.ion-android-bookmark:before,
.ion-android-bulb:before,
.ion-android-bus:before,
.ion-android-calendar:before,
.ion-android-call:before,
.ion-android-camera:before,
.ion-android-cancel:before,
.ion-android-car:before,
.ion-android-cart:before,
.ion-android-chat:before,
.ion-android-checkbox:before,
.ion-android-checkbox-blank:before,
.ion-android-checkbox-outline:before,
.ion-android-checkbox-outline-blank:before,
.ion-android-checkmark-circle:before,
.ion-android-clipboard:before,
.ion-android-close:before,
.ion-android-cloud:before,
.ion-android-cloud-circle:before,
.ion-android-cloud-done:before,
.ion-android-cloud-outline:before,
.ion-android-color-palette:before,
.ion-android-compass:before,
.ion-android-contact:before,
.ion-android-contacts:before,
.ion-android-contract:before,
.ion-android-create:before,
.ion-android-delete:before,
.ion-android-desktop:before,
.ion-android-document:before,
.ion-android-done:before,
.ion-android-done-all:before,
.ion-android-download:before,
.ion-android-drafts:before,
.ion-android-exit:before,
.ion-android-expand:before,
.ion-android-favorite:before,
.ion-android-favorite-outline:before,
.ion-android-film:before,
.ion-android-folder:before,
.ion-android-folder-open:before,
.ion-android-funnel:before,
.ion-android-globe:before,
.ion-android-hand:before,
.ion-android-hangout:before,
.ion-android-happy:before,
.ion-android-home:before,
.ion-android-image:before,
.ion-android-laptop:before,
.ion-android-list:before,
.ion-android-locate:before,
.ion-android-lock:before,
.ion-android-mail:before,
.ion-android-map:before,
.ion-android-menu:before,
.ion-android-microphone:before,
.ion-android-microphone-off:before,
.ion-android-more-horizontal:before,
.ion-android-more-vertical:before,
.ion-android-navigate:before,
.ion-android-notifications:before,
.ion-android-notifications-none:before,
.ion-android-notifications-off:before,
.ion-android-open:before,
.ion-android-options:before,
.ion-android-people:before,
.ion-android-person:before,
.ion-android-person-add:before,
.ion-android-phone-landscape:before,
.ion-android-phone-portrait:before,
.ion-android-pin:before,
.ion-android-plane:before,
.ion-android-playstore:before,
.ion-android-print:before,
.ion-android-radio-button-off:before,
.ion-android-radio-button-on:before,
.ion-android-refresh:before,
.ion-android-remove:before,
.ion-android-remove-circle:before,
.ion-android-restaurant:before,
.ion-android-sad:before,
.ion-android-search:before,
.ion-android-send:before,
.ion-android-settings:before,
.ion-android-share:before,
.ion-android-share-alt:before,
.ion-android-star:before,
.ion-android-star-half:before,
.ion-android-star-outline:before,
.ion-android-stopwatch:before,
.ion-android-subway:before,
.ion-android-sunny:before,
.ion-android-sync:before,
.ion-android-textsms:before,
.ion-android-time:before,
.ion-android-train:before,
.ion-android-unlock:before,
.ion-android-upload:before,
.ion-android-volume-down:before,
.ion-android-volume-mute:before,
.ion-android-volume-off:before,
.ion-android-volume-up:before,
.ion-android-walk:before,
.ion-android-warning:before,
.ion-android-watch:before,
.ion-android-wifi:before,
.ion-aperture:before,
.ion-archive:before,
.ion-arrow-down-a:before,
.ion-arrow-down-b:before,
.ion-arrow-down-c:before,
.ion-arrow-expand:before,
.ion-arrow-graph-down-left:before,
.ion-arrow-graph-down-right:before,
.ion-arrow-graph-up-left:before,
.ion-arrow-graph-up-right:before,
.ion-arrow-left-a:before,
.ion-arrow-left-b:before,
.ion-arrow-left-c:before,
.ion-arrow-move:before,
.ion-arrow-resize:before,
.ion-arrow-return-left:before,
.ion-arrow-return-right:before,
.ion-arrow-right-a:before,
.ion-arrow-right-b:before,
.ion-arrow-right-c:before,
.ion-arrow-shrink:before,
.ion-arrow-swap:before,
.ion-arrow-up-a:before,
.ion-arrow-up-b:before,
.ion-arrow-up-c:before,
.ion-asterisk:before,
.ion-at:before,
.ion-backspace:before,
.ion-backspace-outline:before,
.ion-bag:before,
.ion-battery-charging:before,
.ion-battery-empty:before,
.ion-battery-full:before,
.ion-battery-half:before,
.ion-battery-low:before,
.ion-beaker:before,
.ion-beer:before,
.ion-bluetooth:before,
.ion-bonfire:before,
.ion-bookmark:before,
.ion-bowtie:before,
.ion-briefcase:before,
.ion-bug:before,
.ion-calculator:before,
.ion-calendar:before,
.ion-camera:before,
.ion-card:before,
.ion-cash:before,
.ion-chatbox:before,
.ion-chatbox-working:before,
.ion-chatboxes:before,
.ion-chatbubble:before,
.ion-chatbubble-working:before,
.ion-chatbubbles:before,
.ion-checkmark:before,
.ion-checkmark-circled:before,
.ion-checkmark-round:before,
.ion-chevron-down:before,
.ion-chevron-left:before,
.ion-chevron-right:before,
.ion-chevron-up:before,
.ion-clipboard:before,
.ion-clock:before,
.ion-close:before,
.ion-close-circled:before,
.ion-close-round:before,
.ion-closed-captioning:before,
.ion-cloud:before,
.ion-code:before,
.ion-code-download:before,
.ion-code-working:before,
.ion-coffee:before,
.ion-compass:before,
.ion-compose:before,
.ion-connection-bars:before,
.ion-contrast:before,
.ion-crop:before,
.ion-cube:before,
.ion-disc:before,
.ion-document:before,
.ion-document-text:before,
.ion-drag:before,
.ion-earth:before,
.ion-easel:before,
.ion-edit:before,
.ion-egg:before,
.ion-eject:before,
.ion-email:before,
.ion-email-unread:before,
.ion-erlenmeyer-flask:before,
.ion-erlenmeyer-flask-bubbles:before,
.ion-eye:before,
.ion-eye-disabled:before,
.ion-female:before,
.ion-filing:before,
.ion-film-marker:before,
.ion-fireball:before,
.ion-flag:before,
.ion-flame:before,
.ion-flash:before,
.ion-flash-off:before,
.ion-folder:before,
.ion-fork:before,
.ion-fork-repo:before,
.ion-forward:before,
.ion-funnel:before,
.ion-gear-a:before,
.ion-gear-b:before,
.ion-grid:before,
.ion-hammer:before,
.ion-happy:before,
.ion-happy-outline:before,
.ion-headphone:before,
.ion-heart:before,
.ion-heart-broken:before,
.ion-help:before,
.ion-help-buoy:before,
.ion-help-circled:before,
.ion-home:before,
.ion-icecream:before,
.ion-image:before,
.ion-images:before,
.ion-information:before,
.ion-information-circled:before,
.ion-ionic:before,
.ion-ios-alarm:before,
.ion-ios-alarm-outline:before,
.ion-ios-albums:before,
.ion-ios-albums-outline:before,
.ion-ios-americanfootball:before,
.ion-ios-americanfootball-outline:before,
.ion-ios-analytics:before,
.ion-ios-analytics-outline:before,
.ion-ios-arrow-back:before,
.ion-ios-arrow-down:before,
.ion-ios-arrow-forward:before,
.ion-ios-arrow-left:before,
.ion-ios-arrow-right:before,
.ion-ios-arrow-thin-down:before,
.ion-ios-arrow-thin-left:before,
.ion-ios-arrow-thin-right:before,
.ion-ios-arrow-thin-up:before,
.ion-ios-arrow-up:before,
.ion-ios-at:before,
.ion-ios-at-outline:before,
.ion-ios-barcode:before,
.ion-ios-barcode-outline:before,
.ion-ios-baseball:before,
.ion-ios-baseball-outline:before,
.ion-ios-basketball:before,
.ion-ios-basketball-outline:before,
.ion-ios-bell:before,
.ion-ios-bell-outline:before,
.ion-ios-body:before,
.ion-ios-body-outline:before,
.ion-ios-bolt:before,
.ion-ios-bolt-outline:before,
.ion-ios-book:before,
.ion-ios-book-outline:before,
.ion-ios-bookmarks:before,
.ion-ios-bookmarks-outline:before,
.ion-ios-box:before,
.ion-ios-box-outline:before,
.ion-ios-briefcase:before,
.ion-ios-briefcase-outline:before,
.ion-ios-browsers:before,
.ion-ios-browsers-outline:before,
.ion-ios-calculator:before,
.ion-ios-calculator-outline:before,
.ion-ios-calendar:before,
.ion-ios-calendar-outline:before,
.ion-ios-camera:before,
.ion-ios-camera-outline:before,
.ion-ios-cart:before,
.ion-ios-cart-outline:before,
.ion-ios-chatboxes:before,
.ion-ios-chatboxes-outline:before,
.ion-ios-chatbubble:before,
.ion-ios-chatbubble-outline:before,
.ion-ios-checkmark:before,
.ion-ios-checkmark-empty:before,
.ion-ios-checkmark-outline:before,
.ion-ios-circle-filled:before,
.ion-ios-circle-outline:before,
.ion-ios-clock:before,
.ion-ios-clock-outline:before,
.ion-ios-close:before,
.ion-ios-close-empty:before,
.ion-ios-close-outline:before,
.ion-ios-cloud:before,
.ion-ios-cloud-download:before,
.ion-ios-cloud-download-outline:before,
.ion-ios-cloud-outline:before,
.ion-ios-cloud-upload:before,
.ion-ios-cloud-upload-outline:before,
.ion-ios-cloudy:before,
.ion-ios-cloudy-night:before,
.ion-ios-cloudy-night-outline:before,
.ion-ios-cloudy-outline:before,
.ion-ios-cog:before,
.ion-ios-cog-outline:before,
.ion-ios-color-filter:before,
.ion-ios-color-filter-outline:before,
.ion-ios-color-wand:before,
.ion-ios-color-wand-outline:before,
.ion-ios-compose:before,
.ion-ios-compose-outline:before,
.ion-ios-contact:before,
.ion-ios-contact-outline:before,
.ion-ios-copy:before,
.ion-ios-copy-outline:before,
.ion-ios-crop:before,
.ion-ios-crop-strong:before,
.ion-ios-download:before,
.ion-ios-download-outline:before,
.ion-ios-drag:before,
.ion-ios-email:before,
.ion-ios-email-outline:before,
.ion-ios-eye:before,
.ion-ios-eye-outline:before,
.ion-ios-fastforward:before,
.ion-ios-fastforward-outline:before,
.ion-ios-filing:before,
.ion-ios-filing-outline:before,
.ion-ios-film:before,
.ion-ios-film-outline:before,
.ion-ios-flag:before,
.ion-ios-flag-outline:before,
.ion-ios-flame:before,
.ion-ios-flame-outline:before,
.ion-ios-flask:before,
.ion-ios-flask-outline:before,
.ion-ios-flower:before,
.ion-ios-flower-outline:before,
.ion-ios-folder:before,
.ion-ios-folder-outline:before,
.ion-ios-football:before,
.ion-ios-football-outline:before,
.ion-ios-game-controller-a:before,
.ion-ios-game-controller-a-outline:before,
.ion-ios-game-controller-b:before,
.ion-ios-game-controller-b-outline:before,
.ion-ios-gear:before,
.ion-ios-gear-outline:before,
.ion-ios-glasses:before,
.ion-ios-glasses-outline:before,
.ion-ios-grid-view:before,
.ion-ios-grid-view-outline:before,
.ion-ios-heart:before,
.ion-ios-heart-outline:before,
.ion-ios-help:before,
.ion-ios-help-empty:before,
.ion-ios-help-outline:before,
.ion-ios-home:before,
.ion-ios-home-outline:before,
.ion-ios-infinite:before,
.ion-ios-infinite-outline:before,
.ion-ios-information:before,
.ion-ios-information-empty:before,
.ion-ios-information-outline:before,
.ion-ios-ionic-outline:before,
.ion-ios-keypad:before,
.ion-ios-keypad-outline:before,
.ion-ios-lightbulb:before,
.ion-ios-lightbulb-outline:before,
.ion-ios-list:before,
.ion-ios-list-outline:before,
.ion-ios-location:before,
.ion-ios-location-outline:before,
.ion-ios-locked:before,
.ion-ios-locked-outline:before,
.ion-ios-loop:before,
.ion-ios-loop-strong:before,
.ion-ios-medical:before,
.ion-ios-medical-outline:before,
.ion-ios-medkit:before,
.ion-ios-medkit-outline:before,
.ion-ios-mic:before,
.ion-ios-mic-off:before,
.ion-ios-mic-outline:before,
.ion-ios-minus:before,
.ion-ios-minus-empty:before,
.ion-ios-minus-outline:before,
.ion-ios-monitor:before,
.ion-ios-monitor-outline:before,
.ion-ios-moon:before,
.ion-ios-moon-outline:before,
.ion-ios-more:before,
.ion-ios-more-outline:before,
.ion-ios-musical-note:before,
.ion-ios-musical-notes:before,
.ion-ios-navigate:before,
.ion-ios-navigate-outline:before,
.ion-ios-nutrition:before,
.ion-ios-nutrition-outline:before,
.ion-ios-paper:before,
.ion-ios-paper-outline:before,
.ion-ios-paperplane:before,
.ion-ios-paperplane-outline:before,
.ion-ios-partlysunny:before,
.ion-ios-partlysunny-outline:before,
.ion-ios-pause:before,
.ion-ios-pause-outline:before,
.ion-ios-paw:before,
.ion-ios-paw-outline:before,
.ion-ios-people:before,
.ion-ios-people-outline:before,
.ion-ios-person:before,
.ion-ios-person-outline:before,
.ion-ios-personadd:before,
.ion-ios-personadd-outline:before,
.ion-ios-photos:before,
.ion-ios-photos-outline:before,
.ion-ios-pie:before,
.ion-ios-pie-outline:before,
.ion-ios-pint:before,
.ion-ios-pint-outline:before,
.ion-ios-play:before,
.ion-ios-play-outline:before,
.ion-ios-plus:before,
.ion-ios-plus-empty:before,
.ion-ios-plus-outline:before,
.ion-ios-pricetag:before,
.ion-ios-pricetag-outline:before,
.ion-ios-pricetags:before,
.ion-ios-pricetags-outline:before,
.ion-ios-printer:before,
.ion-ios-printer-outline:before,
.ion-ios-pulse:before,
.ion-ios-pulse-strong:before,
.ion-ios-rainy:before,
.ion-ios-rainy-outline:before,
.ion-ios-recording:before,
.ion-ios-recording-outline:before,
.ion-ios-redo:before,
.ion-ios-redo-outline:before,
.ion-ios-refresh:before,
.ion-ios-refresh-empty:before,
.ion-ios-refresh-outline:before,
.ion-ios-reload:before,
.ion-ios-reverse-camera:before,
.ion-ios-reverse-camera-outline:before,
.ion-ios-rewind:before,
.ion-ios-rewind-outline:before,
.ion-ios-rose:before,
.ion-ios-rose-outline:before,
.ion-ios-search:before,
.ion-ios-search-strong:before,
.ion-ios-settings:before,
.ion-ios-settings-strong:before,
.ion-ios-shuffle:before,
.ion-ios-shuffle-strong:before,
.ion-ios-skipbackward:before,
.ion-ios-skipbackward-outline:before,
.ion-ios-skipforward:before,
.ion-ios-skipforward-outline:before,
.ion-ios-snowy:before,
.ion-ios-speedometer:before,
.ion-ios-speedometer-outline:before,
.ion-ios-star:before,
.ion-ios-star-half:before,
.ion-ios-star-outline:before,
.ion-ios-stopwatch:before,
.ion-ios-stopwatch-outline:before,
.ion-ios-sunny:before,
.ion-ios-sunny-outline:before,
.ion-ios-telephone:before,
.ion-ios-telephone-outline:before,
.ion-ios-tennisball:before,
.ion-ios-tennisball-outline:before,
.ion-ios-thunderstorm:before,
.ion-ios-thunderstorm-outline:before,
.ion-ios-time:before,
.ion-ios-time-outline:before,
.ion-ios-timer:before,
.ion-ios-timer-outline:before,
.ion-ios-toggle:before,
.ion-ios-toggle-outline:before,
.ion-ios-trash:before,
.ion-ios-trash-outline:before,
.ion-ios-undo:before,
.ion-ios-undo-outline:before,
.ion-ios-unlocked:before,
.ion-ios-unlocked-outline:before,
.ion-ios-upload:before,
.ion-ios-upload-outline:before,
.ion-ios-videocam:before,
.ion-ios-videocam-outline:before,
.ion-ios-volume-high:before,
.ion-ios-volume-low:before,
.ion-ios-wineglass:before,
.ion-ios-wineglass-outline:before,
.ion-ios-world:before,
.ion-ios-world-outline:before,
.ion-ipad:before,
.ion-iphone:before,
.ion-ipod:before,
.ion-jet:before,
.ion-key:before,
.ion-knife:before,
.ion-laptop:before,
.ion-leaf:before,
.ion-levels:before,
.ion-lightbulb:before,
.ion-link:before,
.ion-load-a:before,
.ion-load-b:before,
.ion-load-c:before,
.ion-load-d:before,
.ion-location:before,
.ion-lock-combination:before,
.ion-locked:before,
.ion-log-in:before,
.ion-log-out:before,
.ion-loop:before,
.ion-magnet:before,
.ion-male:before,
.ion-man:before,
.ion-map:before,
.ion-medkit:before,
.ion-merge:before,
.ion-mic-a:before,
.ion-mic-b:before,
.ion-mic-c:before,
.ion-minus:before,
.ion-minus-circled:before,
.ion-minus-round:before,
.ion-model-s:before,
.ion-monitor:before,
.ion-more:before,
.ion-mouse:before,
.ion-music-note:before,
.ion-navicon:before,
.ion-navicon-round:before,
.ion-navigate:before,
.ion-network:before,
.ion-no-smoking:before,
.ion-nuclear:before,
.ion-outlet:before,
.ion-paintbrush:before,
.ion-paintbucket:before,
.ion-paper-airplane:before,
.ion-paperclip:before,
.ion-pause:before,
.ion-person:before,
.ion-person-add:before,
.ion-person-stalker:before,
.ion-pie-graph:before,
.ion-pin:before,
.ion-pinpoint:before,
.ion-pizza:before,
.ion-plane:before,
.ion-planet:before,
.ion-play:before,
.ion-playstation:before,
.ion-plus:before,
.ion-plus-circled:before,
.ion-plus-round:before,
.ion-podium:before,
.ion-pound:before,
.ion-power:before,
.ion-pricetag:before,
.ion-pricetags:before,
.ion-printer:before,
.ion-pull-request:before,
.ion-qr-scanner:before,
.ion-quote:before,
.ion-radio-waves:before,
.ion-record:before,
.ion-refresh:before,
.ion-reply:before,
.ion-reply-all:before,
.ion-ribbon-a:before,
.ion-ribbon-b:before,
.ion-sad:before,
.ion-sad-outline:before,
.ion-scissors:before,
.ion-search:before,
.ion-settings:before,
.ion-share:before,
.ion-shuffle:before,
.ion-skip-backward:before,
.ion-skip-forward:before,
.ion-social-android:before,
.ion-social-android-outline:before,
.ion-social-angular:before,
.ion-social-angular-outline:before,
.ion-social-apple:before,
.ion-social-apple-outline:before,
.ion-social-bitcoin:before,
.ion-social-bitcoin-outline:before,
.ion-social-buffer:before,
.ion-social-buffer-outline:before,
.ion-social-chrome:before,
.ion-social-chrome-outline:before,
.ion-social-codepen:before,
.ion-social-codepen-outline:before,
.ion-social-css3:before,
.ion-social-css3-outline:before,
.ion-social-designernews:before,
.ion-social-designernews-outline:before,
.ion-social-dribbble:before,
.ion-social-dribbble-outline:before,
.ion-social-dropbox:before,
.ion-social-dropbox-outline:before,
.ion-social-euro:before,
.ion-social-euro-outline:before,
.ion-social-facebook:before,
.ion-social-facebook-outline:before,
.ion-social-foursquare:before,
.ion-social-foursquare-outline:before,
.ion-social-freebsd-devil:before,
.ion-social-github:before,
.ion-social-github-outline:before,
.ion-social-google:before,
.ion-social-google-outline:before,
.ion-social-googleplus:before,
.ion-social-googleplus-outline:before,
.ion-social-hackernews:before,
.ion-social-hackernews-outline:before,
.ion-social-html5:before,
.ion-social-html5-outline:before,
.ion-social-instagram:before,
.ion-social-instagram-outline:before,
.ion-social-javascript:before,
.ion-social-javascript-outline:before,
.ion-social-linkedin:before,
.ion-social-linkedin-outline:before,
.ion-social-markdown:before,
.ion-social-nodejs:before,
.ion-social-octocat:before,
.ion-social-pinterest:before,
.ion-social-pinterest-outline:before,
.ion-social-python:before,
.ion-social-reddit:before,
.ion-social-reddit-outline:before,
.ion-social-rss:before,
.ion-social-rss-outline:before,
.ion-social-sass:before,
.ion-social-skype:before,
.ion-social-skype-outline:before,
.ion-social-snapchat:before,
.ion-social-snapchat-outline:before,
.ion-social-tumblr:before,
.ion-social-tumblr-outline:before,
.ion-social-tux:before,
.ion-social-twitch:before,
.ion-social-twitch-outline:before,
.ion-social-twitter:before,
.ion-social-twitter-outline:before,
.ion-social-usd:before,
.ion-social-usd-outline:before,
.ion-social-vimeo:before,
.ion-social-vimeo-outline:before,
.ion-social-whatsapp:before,
.ion-social-whatsapp-outline:before,
.ion-social-windows:before,
.ion-social-windows-outline:before,
.ion-social-wordpress:before,
.ion-social-wordpress-outline:before,
.ion-social-yahoo:before,
.ion-social-yahoo-outline:before,
.ion-social-yen:before,
.ion-social-yen-outline:before,
.ion-social-youtube:before,
.ion-social-youtube-outline:before,
.ion-soup-can:before,
.ion-soup-can-outline:before,
.ion-speakerphone:before,
.ion-speedometer:before,
.ion-spoon:before,
.ion-star:before,
.ion-stats-bars:before,
.ion-steam:before,
.ion-stop:before,
.ion-thermometer:before,
.ion-thumbsdown:before,
.ion-thumbsup:before,
.ion-toggle:before,
.ion-toggle-filled:before,
.ion-transgender:before,
.ion-trash-a:before,
.ion-trash-b:before,
.ion-trophy:before,
.ion-tshirt:before,
.ion-tshirt-outline:before,
.ion-umbrella:before,
.ion-university:before,
.ion-unlocked:before,
.ion-upload:before,
.ion-usb:before,
.ion-videocamera:before,
.ion-volume-high:before,
.ion-volume-low:before,
.ion-volume-medium:before,
.ion-volume-mute:before,
.ion-wand:before,
.ion-waterdrop:before,
.ion-wifi:before,
.ion-wineglass:before,
.ion-woman:before,
.ion-wrench:before,
.ion-xbox:before {
  display: inline-block;
  font-family: "Ionicons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-rendering: auto;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.ion-alert:before {
  content: "\f101";
}

.ion-alert-circled:before {
  content: "\f100";
}

.ion-android-add:before {
  content: "\f2c7";
}

.ion-android-add-circle:before {
  content: "\f359";
}

.ion-android-alarm-clock:before {
  content: "\f35a";
}

.ion-android-alert:before {
  content: "\f35b";
}

.ion-android-apps:before {
  content: "\f35c";
}

.ion-android-archive:before {
  content: "\f2c9";
}

.ion-android-arrow-back:before {
  content: "\f2ca";
}

.ion-android-arrow-down:before {
  content: "\f35d";
}

.ion-android-arrow-dropdown:before {
  content: "\f35f";
}

.ion-android-arrow-dropdown-circle:before {
  content: "\f35e";
}

.ion-android-arrow-dropleft:before {
  content: "\f361";
}

.ion-android-arrow-dropleft-circle:before {
  content: "\f360";
}

.ion-android-arrow-dropright:before {
  content: "\f363";
}

.ion-android-arrow-dropright-circle:before {
  content: "\f362";
}

.ion-android-arrow-dropup:before {
  content: "\f365";
}

.ion-android-arrow-dropup-circle:before {
  content: "\f364";
}

.ion-android-arrow-forward:before {
  content: "\f30f";
}

.ion-android-arrow-up:before {
  content: "\f366";
}

.ion-android-attach:before {
  content: "\f367";
}

.ion-android-bar:before {
  content: "\f368";
}

.ion-android-bicycle:before {
  content: "\f369";
}

.ion-android-boat:before {
  content: "\f36a";
}

.ion-android-bookmark:before {
  content: "\f36b";
}

.ion-android-bulb:before {
  content: "\f36c";
}

.ion-android-bus:before {
  content: "\f36d";
}

.ion-android-calendar:before {
  content: "\f2d1";
}

.ion-android-call:before {
  content: "\f2d2";
}

.ion-android-camera:before {
  content: "\f2d3";
}

.ion-android-cancel:before {
  content: "\f36e";
}

.ion-android-car:before {
  content: "\f36f";
}

.ion-android-cart:before {
  content: "\f370";
}

.ion-android-chat:before {
  content: "\f2d4";
}

.ion-android-checkbox:before {
  content: "\f374";
}

.ion-android-checkbox-blank:before {
  content: "\f371";
}

.ion-android-checkbox-outline:before {
  content: "\f373";
}

.ion-android-checkbox-outline-blank:before {
  content: "\f372";
}

.ion-android-checkmark-circle:before {
  content: "\f375";
}

.ion-android-clipboard:before {
  content: "\f376";
}

.ion-android-close:before {
  content: "\f2d7";
}

.ion-android-cloud:before {
  content: "\f37a";
}

.ion-android-cloud-circle:before {
  content: "\f377";
}

.ion-android-cloud-done:before {
  content: "\f378";
}

.ion-android-cloud-outline:before {
  content: "\f379";
}

.ion-android-color-palette:before {
  content: "\f37b";
}

.ion-android-compass:before {
  content: "\f37c";
}

.ion-android-contact:before {
  content: "\f2d8";
}

.ion-android-contacts:before {
  content: "\f2d9";
}

.ion-android-contract:before {
  content: "\f37d";
}

.ion-android-create:before {
  content: "\f37e";
}

.ion-android-delete:before {
  content: "\f37f";
}

.ion-android-desktop:before {
  content: "\f380";
}

.ion-android-document:before {
  content: "\f381";
}

.ion-android-done:before {
  content: "\f383";
}

.ion-android-done-all:before {
  content: "\f382";
}

.ion-android-download:before {
  content: "\f2dd";
}

.ion-android-drafts:before {
  content: "\f384";
}

.ion-android-exit:before {
  content: "\f385";
}

.ion-android-expand:before {
  content: "\f386";
}

.ion-android-favorite:before {
  content: "\f388";
}

.ion-android-favorite-outline:before {
  content: "\f387";
}

.ion-android-film:before {
  content: "\f389";
}

.ion-android-folder:before {
  content: "\f2e0";
}

.ion-android-folder-open:before {
  content: "\f38a";
}

.ion-android-funnel:before {
  content: "\f38b";
}

.ion-android-globe:before {
  content: "\f38c";
}

.ion-android-hand:before {
  content: "\f2e3";
}

.ion-android-hangout:before {
  content: "\f38d";
}

.ion-android-happy:before {
  content: "\f38e";
}

.ion-android-home:before {
  content: "\f38f";
}

.ion-android-image:before {
  content: "\f2e4";
}

.ion-android-laptop:before {
  content: "\f390";
}

.ion-android-list:before {
  content: "\f391";
}

.ion-android-locate:before {
  content: "\f2e9";
}

.ion-android-lock:before {
  content: "\f392";
}

.ion-android-mail:before {
  content: "\f2eb";
}

.ion-android-map:before {
  content: "\f393";
}

.ion-android-menu:before {
  content: "\f394";
}

.ion-android-microphone:before {
  content: "\f2ec";
}

.ion-android-microphone-off:before {
  content: "\f395";
}

.ion-android-more-horizontal:before {
  content: "\f396";
}

.ion-android-more-vertical:before {
  content: "\f397";
}

.ion-android-navigate:before {
  content: "\f398";
}

.ion-android-notifications:before {
  content: "\f39b";
}

.ion-android-notifications-none:before {
  content: "\f399";
}

.ion-android-notifications-off:before {
  content: "\f39a";
}

.ion-android-open:before {
  content: "\f39c";
}

.ion-android-options:before {
  content: "\f39d";
}

.ion-android-people:before {
  content: "\f39e";
}

.ion-android-person:before {
  content: "\f3a0";
}

.ion-android-person-add:before {
  content: "\f39f";
}

.ion-android-phone-landscape:before {
  content: "\f3a1";
}

.ion-android-phone-portrait:before {
  content: "\f3a2";
}

.ion-android-pin:before {
  content: "\f3a3";
}

.ion-android-plane:before {
  content: "\f3a4";
}

.ion-android-playstore:before {
  content: "\f2f0";
}

.ion-android-print:before {
  content: "\f3a5";
}

.ion-android-radio-button-off:before {
  content: "\f3a6";
}

.ion-android-radio-button-on:before {
  content: "\f3a7";
}

.ion-android-refresh:before {
  content: "\f3a8";
}

.ion-android-remove:before {
  content: "\f2f4";
}

.ion-android-remove-circle:before {
  content: "\f3a9";
}

.ion-android-restaurant:before {
  content: "\f3aa";
}

.ion-android-sad:before {
  content: "\f3ab";
}

.ion-android-search:before {
  content: "\f2f5";
}

.ion-android-send:before {
  content: "\f2f6";
}

.ion-android-settings:before {
  content: "\f2f7";
}

.ion-android-share:before {
  content: "\f2f8";
}

.ion-android-share-alt:before {
  content: "\f3ac";
}

.ion-android-star:before {
  content: "\f2fc";
}

.ion-android-star-half:before {
  content: "\f3ad";
}

.ion-android-star-outline:before {
  content: "\f3ae";
}

.ion-android-stopwatch:before {
  content: "\f2fd";
}

.ion-android-subway:before {
  content: "\f3af";
}

.ion-android-sunny:before {
  content: "\f3b0";
}

.ion-android-sync:before {
  content: "\f3b1";
}

.ion-android-textsms:before {
  content: "\f3b2";
}

.ion-android-time:before {
  content: "\f3b3";
}

.ion-android-train:before {
  content: "\f3b4";
}

.ion-android-unlock:before {
  content: "\f3b5";
}

.ion-android-upload:before {
  content: "\f3b6";
}

.ion-android-volume-down:before {
  content: "\f3b7";
}

.ion-android-volume-mute:before {
  content: "\f3b8";
}

.ion-android-volume-off:before {
  content: "\f3b9";
}

.ion-android-volume-up:before {
  content: "\f3ba";
}

.ion-android-walk:before {
  content: "\f3bb";
}

.ion-android-warning:before {
  content: "\f3bc";
}

.ion-android-watch:before {
  content: "\f3bd";
}

.ion-android-wifi:before {
  content: "\f305";
}

.ion-aperture:before {
  content: "\f313";
}

.ion-archive:before {
  content: "\f102";
}

.ion-arrow-down-a:before {
  content: "\f103";
}

.ion-arrow-down-b:before {
  content: "\f104";
}

.ion-arrow-down-c:before {
  content: "\f105";
}

.ion-arrow-expand:before {
  content: "\f25e";
}

.ion-arrow-graph-down-left:before {
  content: "\f25f";
}

.ion-arrow-graph-down-right:before {
  content: "\f260";
}

.ion-arrow-graph-up-left:before {
  content: "\f261";
}

.ion-arrow-graph-up-right:before {
  content: "\f262";
}

.ion-arrow-left-a:before {
  content: "\f106";
}

.ion-arrow-left-b:before {
  content: "\f107";
}

.ion-arrow-left-c:before {
  content: "\f108";
}

.ion-arrow-move:before {
  content: "\f263";
}

.ion-arrow-resize:before {
  content: "\f264";
}

.ion-arrow-return-left:before {
  content: "\f265";
}

.ion-arrow-return-right:before {
  content: "\f266";
}

.ion-arrow-right-a:before {
  content: "\f109";
}

.ion-arrow-right-b:before {
  content: "\f10a";
}

.ion-arrow-right-c:before {
  content: "\f10b";
}

.ion-arrow-shrink:before {
  content: "\f267";
}

.ion-arrow-swap:before {
  content: "\f268";
}

.ion-arrow-up-a:before {
  content: "\f10c";
}

.ion-arrow-up-b:before {
  content: "\f10d";
}

.ion-arrow-up-c:before {
  content: "\f10e";
}

.ion-asterisk:before {
  content: "\f314";
}

.ion-at:before {
  content: "\f10f";
}

.ion-backspace:before {
  content: "\f3bf";
}

.ion-backspace-outline:before {
  content: "\f3be";
}

.ion-bag:before {
  content: "\f110";
}

.ion-battery-charging:before {
  content: "\f111";
}

.ion-battery-empty:before {
  content: "\f112";
}

.ion-battery-full:before {
  content: "\f113";
}

.ion-battery-half:before {
  content: "\f114";
}

.ion-battery-low:before {
  content: "\f115";
}

.ion-beaker:before {
  content: "\f269";
}

.ion-beer:before {
  content: "\f26a";
}

.ion-bluetooth:before {
  content: "\f116";
}

.ion-bonfire:before {
  content: "\f315";
}

.ion-bookmark:before {
  content: "\f26b";
}

.ion-bowtie:before {
  content: "\f3c0";
}

.ion-briefcase:before {
  content: "\f26c";
}

.ion-bug:before {
  content: "\f2be";
}

.ion-calculator:before {
  content: "\f26d";
}

.ion-calendar:before {
  content: "\f117";
}

.ion-camera:before {
  content: "\f118";
}

.ion-card:before {
  content: "\f119";
}

.ion-cash:before {
  content: "\f316";
}

.ion-chatbox:before {
  content: "\f11b";
}

.ion-chatbox-working:before {
  content: "\f11a";
}

.ion-chatboxes:before {
  content: "\f11c";
}

.ion-chatbubble:before {
  content: "\f11e";
}

.ion-chatbubble-working:before {
  content: "\f11d";
}

.ion-chatbubbles:before {
  content: "\f11f";
}

.ion-checkmark:before {
  content: "\f122";
}

.ion-checkmark-circled:before {
  content: "\f120";
}

.ion-checkmark-round:before {
  content: "\f121";
}

.ion-chevron-down:before {
  content: "\f123";
}

.ion-chevron-left:before {
  content: "\f124";
}

.ion-chevron-right:before {
  content: "\f125";
}

.ion-chevron-up:before {
  content: "\f126";
}

.ion-clipboard:before {
  content: "\f127";
}

.ion-clock:before {
  content: "\f26e";
}

.ion-close:before {
  content: "\f12a";
}

.ion-close-circled:before {
  content: "\f128";
}

.ion-close-round:before {
  content: "\f129";
}

.ion-closed-captioning:before {
  content: "\f317";
}

.ion-cloud:before {
  content: "\f12b";
}

.ion-code:before {
  content: "\f271";
}

.ion-code-download:before {
  content: "\f26f";
}

.ion-code-working:before {
  content: "\f270";
}

.ion-coffee:before {
  content: "\f272";
}

.ion-compass:before {
  content: "\f273";
}

.ion-compose:before {
  content: "\f12c";
}

.ion-connection-bars:before {
  content: "\f274";
}

.ion-contrast:before {
  content: "\f275";
}

.ion-crop:before {
  content: "\f3c1";
}

.ion-cube:before {
  content: "\f318";
}

.ion-disc:before {
  content: "\f12d";
}

.ion-document:before {
  content: "\f12f";
}

.ion-document-text:before {
  content: "\f12e";
}

.ion-drag:before {
  content: "\f130";
}

.ion-earth:before {
  content: "\f276";
}

.ion-easel:before {
  content: "\f3c2";
}

.ion-edit:before {
  content: "\f2bf";
}

.ion-egg:before {
  content: "\f277";
}

.ion-eject:before {
  content: "\f131";
}

.ion-email:before {
  content: "\f132";
}

.ion-email-unread:before {
  content: "\f3c3";
}

.ion-erlenmeyer-flask:before {
  content: "\f3c5";
}

.ion-erlenmeyer-flask-bubbles:before {
  content: "\f3c4";
}

.ion-eye:before {
  content: "\f133";
}

.ion-eye-disabled:before {
  content: "\f306";
}

.ion-female:before {
  content: "\f278";
}

.ion-filing:before {
  content: "\f134";
}

.ion-film-marker:before {
  content: "\f135";
}

.ion-fireball:before {
  content: "\f319";
}

.ion-flag:before {
  content: "\f279";
}

.ion-flame:before {
  content: "\f31a";
}

.ion-flash:before {
  content: "\f137";
}

.ion-flash-off:before {
  content: "\f136";
}

.ion-folder:before {
  content: "\f139";
}

.ion-fork:before {
  content: "\f27a";
}

.ion-fork-repo:before {
  content: "\f2c0";
}

.ion-forward:before {
  content: "\f13a";
}

.ion-funnel:before {
  content: "\f31b";
}

.ion-gear-a:before {
  content: "\f13d";
}

.ion-gear-b:before {
  content: "\f13e";
}

.ion-grid:before {
  content: "\f13f";
}

.ion-hammer:before {
  content: "\f27b";
}

.ion-happy:before {
  content: "\f31c";
}

.ion-happy-outline:before {
  content: "\f3c6";
}

.ion-headphone:before {
  content: "\f140";
}

.ion-heart:before {
  content: "\f141";
}

.ion-heart-broken:before {
  content: "\f31d";
}

.ion-help:before {
  content: "\f143";
}

.ion-help-buoy:before {
  content: "\f27c";
}

.ion-help-circled:before {
  content: "\f142";
}

.ion-home:before {
  content: "\f144";
}

.ion-icecream:before {
  content: "\f27d";
}

.ion-image:before {
  content: "\f147";
}

.ion-images:before {
  content: "\f148";
}

.ion-information:before {
  content: "\f14a";
}

.ion-information-circled:before {
  content: "\f149";
}

.ion-ionic:before {
  content: "\f14b";
}

.ion-ios-alarm:before {
  content: "\f3c8";
}

.ion-ios-alarm-outline:before {
  content: "\f3c7";
}

.ion-ios-albums:before {
  content: "\f3ca";
}

.ion-ios-albums-outline:before {
  content: "\f3c9";
}

.ion-ios-americanfootball:before {
  content: "\f3cc";
}

.ion-ios-americanfootball-outline:before {
  content: "\f3cb";
}

.ion-ios-analytics:before {
  content: "\f3ce";
}

.ion-ios-analytics-outline:before {
  content: "\f3cd";
}

.ion-ios-arrow-back:before {
  content: "\f3cf";
}

.ion-ios-arrow-down:before {
  content: "\f3d0";
}

.ion-ios-arrow-forward:before {
  content: "\f3d1";
}

.ion-ios-arrow-left:before {
  content: "\f3d2";
}

.ion-ios-arrow-right:before {
  content: "\f3d3";
}

.ion-ios-arrow-thin-down:before {
  content: "\f3d4";
}

.ion-ios-arrow-thin-left:before {
  content: "\f3d5";
}

.ion-ios-arrow-thin-right:before {
  content: "\f3d6";
}

.ion-ios-arrow-thin-up:before {
  content: "\f3d7";
}

.ion-ios-arrow-up:before {
  content: "\f3d8";
}

.ion-ios-at:before {
  content: "\f3da";
}

.ion-ios-at-outline:before {
  content: "\f3d9";
}

.ion-ios-barcode:before {
  content: "\f3dc";
}

.ion-ios-barcode-outline:before {
  content: "\f3db";
}

.ion-ios-baseball:before {
  content: "\f3de";
}

.ion-ios-baseball-outline:before {
  content: "\f3dd";
}

.ion-ios-basketball:before {
  content: "\f3e0";
}

.ion-ios-basketball-outline:before {
  content: "\f3df";
}

.ion-ios-bell:before {
  content: "\f3e2";
}

.ion-ios-bell-outline:before {
  content: "\f3e1";
}

.ion-ios-body:before {
  content: "\f3e4";
}

.ion-ios-body-outline:before {
  content: "\f3e3";
}

.ion-ios-bolt:before {
  content: "\f3e6";
}

.ion-ios-bolt-outline:before {
  content: "\f3e5";
}

.ion-ios-book:before {
  content: "\f3e8";
}

.ion-ios-book-outline:before {
  content: "\f3e7";
}

.ion-ios-bookmarks:before {
  content: "\f3ea";
}

.ion-ios-bookmarks-outline:before {
  content: "\f3e9";
}

.ion-ios-box:before {
  content: "\f3ec";
}

.ion-ios-box-outline:before {
  content: "\f3eb";
}

.ion-ios-briefcase:before {
  content: "\f3ee";
}

.ion-ios-briefcase-outline:before {
  content: "\f3ed";
}

.ion-ios-browsers:before {
  content: "\f3f0";
}

.ion-ios-browsers-outline:before {
  content: "\f3ef";
}

.ion-ios-calculator:before {
  content: "\f3f2";
}

.ion-ios-calculator-outline:before {
  content: "\f3f1";
}

.ion-ios-calendar:before {
  content: "\f3f4";
}

.ion-ios-calendar-outline:before {
  content: "\f3f3";
}

.ion-ios-camera:before {
  content: "\f3f6";
}

.ion-ios-camera-outline:before {
  content: "\f3f5";
}

.ion-ios-cart:before {
  content: "\f3f8";
}

.ion-ios-cart-outline:before {
  content: "\f3f7";
}

.ion-ios-chatboxes:before {
  content: "\f3fa";
}

.ion-ios-chatboxes-outline:before {
  content: "\f3f9";
}

.ion-ios-chatbubble:before {
  content: "\f3fc";
}

.ion-ios-chatbubble-outline:before {
  content: "\f3fb";
}

.ion-ios-checkmark:before {
  content: "\f3ff";
}

.ion-ios-checkmark-empty:before {
  content: "\f3fd";
}

.ion-ios-checkmark-outline:before {
  content: "\f3fe";
}

.ion-ios-circle-filled:before {
  content: "\f400";
}

.ion-ios-circle-outline:before {
  content: "\f401";
}

.ion-ios-clock:before {
  content: "\f403";
}

.ion-ios-clock-outline:before {
  content: "\f402";
}

.ion-ios-close:before {
  content: "\f406";
}

.ion-ios-close-empty:before {
  content: "\f404";
}

.ion-ios-close-outline:before {
  content: "\f405";
}

.ion-ios-cloud:before {
  content: "\f40c";
}

.ion-ios-cloud-download:before {
  content: "\f408";
}

.ion-ios-cloud-download-outline:before {
  content: "\f407";
}

.ion-ios-cloud-outline:before {
  content: "\f409";
}

.ion-ios-cloud-upload:before {
  content: "\f40b";
}

.ion-ios-cloud-upload-outline:before {
  content: "\f40a";
}

.ion-ios-cloudy:before {
  content: "\f410";
}

.ion-ios-cloudy-night:before {
  content: "\f40e";
}

.ion-ios-cloudy-night-outline:before {
  content: "\f40d";
}

.ion-ios-cloudy-outline:before {
  content: "\f40f";
}

.ion-ios-cog:before {
  content: "\f412";
}

.ion-ios-cog-outline:before {
  content: "\f411";
}

.ion-ios-color-filter:before {
  content: "\f414";
}

.ion-ios-color-filter-outline:before {
  content: "\f413";
}

.ion-ios-color-wand:before {
  content: "\f416";
}

.ion-ios-color-wand-outline:before {
  content: "\f415";
}

.ion-ios-compose:before {
  content: "\f418";
}

.ion-ios-compose-outline:before {
  content: "\f417";
}

.ion-ios-contact:before {
  content: "\f41a";
}

.ion-ios-contact-outline:before {
  content: "\f419";
}

.ion-ios-copy:before {
  content: "\f41c";
}

.ion-ios-copy-outline:before {
  content: "\f41b";
}

.ion-ios-crop:before {
  content: "\f41e";
}

.ion-ios-crop-strong:before {
  content: "\f41d";
}

.ion-ios-download:before {
  content: "\f420";
}

.ion-ios-download-outline:before {
  content: "\f41f";
}

.ion-ios-drag:before {
  content: "\f421";
}

.ion-ios-email:before {
  content: "\f423";
}

.ion-ios-email-outline:before {
  content: "\f422";
}

.ion-ios-eye:before {
  content: "\f425";
}

.ion-ios-eye-outline:before {
  content: "\f424";
}

.ion-ios-fastforward:before {
  content: "\f427";
}

.ion-ios-fastforward-outline:before {
  content: "\f426";
}

.ion-ios-filing:before {
  content: "\f429";
}

.ion-ios-filing-outline:before {
  content: "\f428";
}

.ion-ios-film:before {
  content: "\f42b";
}

.ion-ios-film-outline:before {
  content: "\f42a";
}

.ion-ios-flag:before {
  content: "\f42d";
}

.ion-ios-flag-outline:before {
  content: "\f42c";
}

.ion-ios-flame:before {
  content: "\f42f";
}

.ion-ios-flame-outline:before {
  content: "\f42e";
}

.ion-ios-flask:before {
  content: "\f431";
}

.ion-ios-flask-outline:before {
  content: "\f430";
}

.ion-ios-flower:before {
  content: "\f433";
}

.ion-ios-flower-outline:before {
  content: "\f432";
}

.ion-ios-folder:before {
  content: "\f435";
}

.ion-ios-folder-outline:before {
  content: "\f434";
}

.ion-ios-football:before {
  content: "\f437";
}

.ion-ios-football-outline:before {
  content: "\f436";
}

.ion-ios-game-controller-a:before {
  content: "\f439";
}

.ion-ios-game-controller-a-outline:before {
  content: "\f438";
}

.ion-ios-game-controller-b:before {
  content: "\f43b";
}

.ion-ios-game-controller-b-outline:before {
  content: "\f43a";
}

.ion-ios-gear:before {
  content: "\f43d";
}

.ion-ios-gear-outline:before {
  content: "\f43c";
}

.ion-ios-glasses:before {
  content: "\f43f";
}

.ion-ios-glasses-outline:before {
  content: "\f43e";
}

.ion-ios-grid-view:before {
  content: "\f441";
}

.ion-ios-grid-view-outline:before {
  content: "\f440";
}

.ion-ios-heart:before {
  content: "\f443";
}

.ion-ios-heart-outline:before {
  content: "\f442";
}

.ion-ios-help:before {
  content: "\f446";
}

.ion-ios-help-empty:before {
  content: "\f444";
}

.ion-ios-help-outline:before {
  content: "\f445";
}

.ion-ios-home:before {
  content: "\f448";
}

.ion-ios-home-outline:before {
  content: "\f447";
}

.ion-ios-infinite:before {
  content: "\f44a";
}

.ion-ios-infinite-outline:before {
  content: "\f449";
}

.ion-ios-information:before {
  content: "\f44d";
}

.ion-ios-information-empty:before {
  content: "\f44b";
}

.ion-ios-information-outline:before {
  content: "\f44c";
}

.ion-ios-ionic-outline:before {
  content: "\f44e";
}

.ion-ios-keypad:before {
  content: "\f450";
}

.ion-ios-keypad-outline:before {
  content: "\f44f";
}

.ion-ios-lightbulb:before {
  content: "\f452";
}

.ion-ios-lightbulb-outline:before {
  content: "\f451";
}

.ion-ios-list:before {
  content: "\f454";
}

.ion-ios-list-outline:before {
  content: "\f453";
}

.ion-ios-location:before {
  content: "\f456";
}

.ion-ios-location-outline:before {
  content: "\f455";
}

.ion-ios-locked:before {
  content: "\f458";
}

.ion-ios-locked-outline:before {
  content: "\f457";
}

.ion-ios-loop:before {
  content: "\f45a";
}

.ion-ios-loop-strong:before {
  content: "\f459";
}

.ion-ios-medical:before {
  content: "\f45c";
}

.ion-ios-medical-outline:before {
  content: "\f45b";
}

.ion-ios-medkit:before {
  content: "\f45e";
}

.ion-ios-medkit-outline:before {
  content: "\f45d";
}

.ion-ios-mic:before {
  content: "\f461";
}

.ion-ios-mic-off:before {
  content: "\f45f";
}

.ion-ios-mic-outline:before {
  content: "\f460";
}

.ion-ios-minus:before {
  content: "\f464";
}

.ion-ios-minus-empty:before {
  content: "\f462";
}

.ion-ios-minus-outline:before {
  content: "\f463";
}

.ion-ios-monitor:before {
  content: "\f466";
}

.ion-ios-monitor-outline:before {
  content: "\f465";
}

.ion-ios-moon:before {
  content: "\f468";
}

.ion-ios-moon-outline:before {
  content: "\f467";
}

.ion-ios-more:before {
  content: "\f46a";
}

.ion-ios-more-outline:before {
  content: "\f469";
}

.ion-ios-musical-note:before {
  content: "\f46b";
}

.ion-ios-musical-notes:before {
  content: "\f46c";
}

.ion-ios-navigate:before {
  content: "\f46e";
}

.ion-ios-navigate-outline:before {
  content: "\f46d";
}

.ion-ios-nutrition:before {
  content: "\f470";
}

.ion-ios-nutrition-outline:before {
  content: "\f46f";
}

.ion-ios-paper:before {
  content: "\f472";
}

.ion-ios-paper-outline:before {
  content: "\f471";
}

.ion-ios-paperplane:before {
  content: "\f474";
}

.ion-ios-paperplane-outline:before {
  content: "\f473";
}

.ion-ios-partlysunny:before {
  content: "\f476";
}

.ion-ios-partlysunny-outline:before {
  content: "\f475";
}

.ion-ios-pause:before {
  content: "\f478";
}

.ion-ios-pause-outline:before {
  content: "\f477";
}

.ion-ios-paw:before {
  content: "\f47a";
}

.ion-ios-paw-outline:before {
  content: "\f479";
}

.ion-ios-people:before {
  content: "\f47c";
}

.ion-ios-people-outline:before {
  content: "\f47b";
}

.ion-ios-person:before {
  content: "\f47e";
}

.ion-ios-person-outline:before {
  content: "\f47d";
}

.ion-ios-personadd:before {
  content: "\f480";
}

.ion-ios-personadd-outline:before {
  content: "\f47f";
}

.ion-ios-photos:before {
  content: "\f482";
}

.ion-ios-photos-outline:before {
  content: "\f481";
}

.ion-ios-pie:before {
  content: "\f484";
}

.ion-ios-pie-outline:before {
  content: "\f483";
}

.ion-ios-pint:before {
  content: "\f486";
}

.ion-ios-pint-outline:before {
  content: "\f485";
}

.ion-ios-play:before {
  content: "\f488";
}

.ion-ios-play-outline:before {
  content: "\f487";
}

.ion-ios-plus:before {
  content: "\f48b";
}

.ion-ios-plus-empty:before {
  content: "\f489";
}

.ion-ios-plus-outline:before {
  content: "\f48a";
}

.ion-ios-pricetag:before {
  content: "\f48d";
}

.ion-ios-pricetag-outline:before {
  content: "\f48c";
}

.ion-ios-pricetags:before {
  content: "\f48f";
}

.ion-ios-pricetags-outline:before {
  content: "\f48e";
}

.ion-ios-printer:before {
  content: "\f491";
}

.ion-ios-printer-outline:before {
  content: "\f490";
}

.ion-ios-pulse:before {
  content: "\f493";
}

.ion-ios-pulse-strong:before {
  content: "\f492";
}

.ion-ios-rainy:before {
  content: "\f495";
}

.ion-ios-rainy-outline:before {
  content: "\f494";
}

.ion-ios-recording:before {
  content: "\f497";
}

.ion-ios-recording-outline:before {
  content: "\f496";
}

.ion-ios-redo:before {
  content: "\f499";
}

.ion-ios-redo-outline:before {
  content: "\f498";
}

.ion-ios-refresh:before {
  content: "\f49c";
}

.ion-ios-refresh-empty:before {
  content: "\f49a";
}

.ion-ios-refresh-outline:before {
  content: "\f49b";
}

.ion-ios-reload:before {
  content: "\f49d";
}

.ion-ios-reverse-camera:before {
  content: "\f49f";
}

.ion-ios-reverse-camera-outline:before {
  content: "\f49e";
}

.ion-ios-rewind:before {
  content: "\f4a1";
}

.ion-ios-rewind-outline:before {
  content: "\f4a0";
}

.ion-ios-rose:before {
  content: "\f4a3";
}

.ion-ios-rose-outline:before {
  content: "\f4a2";
}

.ion-ios-search:before {
  content: "\f4a5";
}

.ion-ios-search-strong:before {
  content: "\f4a4";
}

.ion-ios-settings:before {
  content: "\f4a7";
}

.ion-ios-settings-strong:before {
  content: "\f4a6";
}

.ion-ios-shuffle:before {
  content: "\f4a9";
}

.ion-ios-shuffle-strong:before {
  content: "\f4a8";
}

.ion-ios-skipbackward:before {
  content: "\f4ab";
}

.ion-ios-skipbackward-outline:before {
  content: "\f4aa";
}

.ion-ios-skipforward:before {
  content: "\f4ad";
}

.ion-ios-skipforward-outline:before {
  content: "\f4ac";
}

.ion-ios-snowy:before {
  content: "\f4ae";
}

.ion-ios-speedometer:before {
  content: "\f4b0";
}

.ion-ios-speedometer-outline:before {
  content: "\f4af";
}

.ion-ios-star:before {
  content: "\f4b3";
}

.ion-ios-star-half:before {
  content: "\f4b1";
}

.ion-ios-star-outline:before {
  content: "\f4b2";
}

.ion-ios-stopwatch:before {
  content: "\f4b5";
}

.ion-ios-stopwatch-outline:before {
  content: "\f4b4";
}

.ion-ios-sunny:before {
  content: "\f4b7";
}

.ion-ios-sunny-outline:before {
  content: "\f4b6";
}

.ion-ios-telephone:before {
  content: "\f4b9";
}

.ion-ios-telephone-outline:before {
  content: "\f4b8";
}

.ion-ios-tennisball:before {
  content: "\f4bb";
}

.ion-ios-tennisball-outline:before {
  content: "\f4ba";
}

.ion-ios-thunderstorm:before {
  content: "\f4bd";
}

.ion-ios-thunderstorm-outline:before {
  content: "\f4bc";
}

.ion-ios-time:before {
  content: "\f4bf";
}

.ion-ios-time-outline:before {
  content: "\f4be";
}

.ion-ios-timer:before {
  content: "\f4c1";
}

.ion-ios-timer-outline:before {
  content: "\f4c0";
}

.ion-ios-toggle:before {
  content: "\f4c3";
}

.ion-ios-toggle-outline:before {
  content: "\f4c2";
}

.ion-ios-trash:before {
  content: "\f4c5";
}

.ion-ios-trash-outline:before {
  content: "\f4c4";
}

.ion-ios-undo:before {
  content: "\f4c7";
}

.ion-ios-undo-outline:before {
  content: "\f4c6";
}

.ion-ios-unlocked:before {
  content: "\f4c9";
}

.ion-ios-unlocked-outline:before {
  content: "\f4c8";
}

.ion-ios-upload:before {
  content: "\f4cb";
}

.ion-ios-upload-outline:before {
  content: "\f4ca";
}

.ion-ios-videocam:before {
  content: "\f4cd";
}

.ion-ios-videocam-outline:before {
  content: "\f4cc";
}

.ion-ios-volume-high:before {
  content: "\f4ce";
}

.ion-ios-volume-low:before {
  content: "\f4cf";
}

.ion-ios-wineglass:before {
  content: "\f4d1";
}

.ion-ios-wineglass-outline:before {
  content: "\f4d0";
}

.ion-ios-world:before {
  content: "\f4d3";
}

.ion-ios-world-outline:before {
  content: "\f4d2";
}

.ion-ipad:before {
  content: "\f1f9";
}

.ion-iphone:before {
  content: "\f1fa";
}

.ion-ipod:before {
  content: "\f1fb";
}

.ion-jet:before {
  content: "\f295";
}

.ion-key:before {
  content: "\f296";
}

.ion-knife:before {
  content: "\f297";
}

.ion-laptop:before {
  content: "\f1fc";
}

.ion-leaf:before {
  content: "\f1fd";
}

.ion-levels:before {
  content: "\f298";
}

.ion-lightbulb:before {
  content: "\f299";
}

.ion-link:before {
  content: "\f1fe";
}

.ion-load-a:before {
  content: "\f29a";
}

.ion-load-b:before {
  content: "\f29b";
}

.ion-load-c:before {
  content: "\f29c";
}

.ion-load-d:before {
  content: "\f29d";
}

.ion-location:before {
  content: "\f1ff";
}

.ion-lock-combination:before {
  content: "\f4d4";
}

.ion-locked:before {
  content: "\f200";
}

.ion-log-in:before {
  content: "\f29e";
}

.ion-log-out:before {
  content: "\f29f";
}

.ion-loop:before {
  content: "\f201";
}

.ion-magnet:before {
  content: "\f2a0";
}

.ion-male:before {
  content: "\f2a1";
}

.ion-man:before {
  content: "\f202";
}

.ion-map:before {
  content: "\f203";
}

.ion-medkit:before {
  content: "\f2a2";
}

.ion-merge:before {
  content: "\f33f";
}

.ion-mic-a:before {
  content: "\f204";
}

.ion-mic-b:before {
  content: "\f205";
}

.ion-mic-c:before {
  content: "\f206";
}

.ion-minus:before {
  content: "\f209";
}

.ion-minus-circled:before {
  content: "\f207";
}

.ion-minus-round:before {
  content: "\f208";
}

.ion-model-s:before {
  content: "\f2c1";
}

.ion-monitor:before {
  content: "\f20a";
}

.ion-more:before {
  content: "\f20b";
}

.ion-mouse:before {
  content: "\f340";
}

.ion-music-note:before {
  content: "\f20c";
}

.ion-navicon:before {
  content: "\f20e";
}

.ion-navicon-round:before {
  content: "\f20d";
}

.ion-navigate:before {
  content: "\f2a3";
}

.ion-network:before {
  content: "\f341";
}

.ion-no-smoking:before {
  content: "\f2c2";
}

.ion-nuclear:before {
  content: "\f2a4";
}

.ion-outlet:before {
  content: "\f342";
}

.ion-paintbrush:before {
  content: "\f4d5";
}

.ion-paintbucket:before {
  content: "\f4d6";
}

.ion-paper-airplane:before {
  content: "\f2c3";
}

.ion-paperclip:before {
  content: "\f20f";
}

.ion-pause:before {
  content: "\f210";
}

.ion-person:before {
  content: "\f213";
}

.ion-person-add:before {
  content: "\f211";
}

.ion-person-stalker:before {
  content: "\f212";
}

.ion-pie-graph:before {
  content: "\f2a5";
}

.ion-pin:before {
  content: "\f2a6";
}

.ion-pinpoint:before {
  content: "\f2a7";
}

.ion-pizza:before {
  content: "\f2a8";
}

.ion-plane:before {
  content: "\f214";
}

.ion-planet:before {
  content: "\f343";
}

.ion-play:before {
  content: "\f215";
}

.ion-playstation:before {
  content: "\f30a";
}

.ion-plus:before {
  content: "\f218";
}

.ion-plus-circled:before {
  content: "\f216";
}

.ion-plus-round:before {
  content: "\f217";
}

.ion-podium:before {
  content: "\f344";
}

.ion-pound:before {
  content: "\f219";
}

.ion-power:before {
  content: "\f2a9";
}

.ion-pricetag:before {
  content: "\f2aa";
}

.ion-pricetags:before {
  content: "\f2ab";
}

.ion-printer:before {
  content: "\f21a";
}

.ion-pull-request:before {
  content: "\f345";
}

.ion-qr-scanner:before {
  content: "\f346";
}

.ion-quote:before {
  content: "\f347";
}

.ion-radio-waves:before {
  content: "\f2ac";
}

.ion-record:before {
  content: "\f21b";
}

.ion-refresh:before {
  content: "\f21c";
}

.ion-reply:before {
  content: "\f21e";
}

.ion-reply-all:before {
  content: "\f21d";
}

.ion-ribbon-a:before {
  content: "\f348";
}

.ion-ribbon-b:before {
  content: "\f349";
}

.ion-sad:before {
  content: "\f34a";
}

.ion-sad-outline:before {
  content: "\f4d7";
}

.ion-scissors:before {
  content: "\f34b";
}

.ion-search:before {
  content: "\f21f";
}

.ion-settings:before {
  content: "\f2ad";
}

.ion-share:before {
  content: "\f220";
}

.ion-shuffle:before {
  content: "\f221";
}

.ion-skip-backward:before {
  content: "\f222";
}

.ion-skip-forward:before {
  content: "\f223";
}

.ion-social-android:before {
  content: "\f225";
}

.ion-social-android-outline:before {
  content: "\f224";
}

.ion-social-angular:before {
  content: "\f4d9";
}

.ion-social-angular-outline:before {
  content: "\f4d8";
}

.ion-social-apple:before {
  content: "\f227";
}

.ion-social-apple-outline:before {
  content: "\f226";
}

.ion-social-bitcoin:before {
  content: "\f2af";
}

.ion-social-bitcoin-outline:before {
  content: "\f2ae";
}

.ion-social-buffer:before {
  content: "\f229";
}

.ion-social-buffer-outline:before {
  content: "\f228";
}

.ion-social-chrome:before {
  content: "\f4db";
}

.ion-social-chrome-outline:before {
  content: "\f4da";
}

.ion-social-codepen:before {
  content: "\f4dd";
}

.ion-social-codepen-outline:before {
  content: "\f4dc";
}

.ion-social-css3:before {
  content: "\f4df";
}

.ion-social-css3-outline:before {
  content: "\f4de";
}

.ion-social-designernews:before {
  content: "\f22b";
}

.ion-social-designernews-outline:before {
  content: "\f22a";
}

.ion-social-dribbble:before {
  content: "\f22d";
}

.ion-social-dribbble-outline:before {
  content: "\f22c";
}

.ion-social-dropbox:before {
  content: "\f22f";
}

.ion-social-dropbox-outline:before {
  content: "\f22e";
}

.ion-social-euro:before {
  content: "\f4e1";
}

.ion-social-euro-outline:before {
  content: "\f4e0";
}

.ion-social-facebook:before {
  content: "\f231";
}

.ion-social-facebook-outline:before {
  content: "\f230";
}

.ion-social-foursquare:before {
  content: "\f34d";
}

.ion-social-foursquare-outline:before {
  content: "\f34c";
}

.ion-social-freebsd-devil:before {
  content: "\f2c4";
}

.ion-social-github:before {
  content: "\f233";
}

.ion-social-github-outline:before {
  content: "\f232";
}

.ion-social-google:before {
  content: "\f34f";
}

.ion-social-google-outline:before {
  content: "\f34e";
}

.ion-social-googleplus:before {
  content: "\f235";
}

.ion-social-googleplus-outline:before {
  content: "\f234";
}

.ion-social-hackernews:before {
  content: "\f237";
}

.ion-social-hackernews-outline:before {
  content: "\f236";
}

.ion-social-html5:before {
  content: "\f4e3";
}

.ion-social-html5-outline:before {
  content: "\f4e2";
}

.ion-social-instagram:before {
  content: "\f351";
}

.ion-social-instagram-outline:before {
  content: "\f350";
}

.ion-social-javascript:before {
  content: "\f4e5";
}

.ion-social-javascript-outline:before {
  content: "\f4e4";
}

.ion-social-linkedin:before {
  content: "\f239";
}

.ion-social-linkedin-outline:before {
  content: "\f238";
}

.ion-social-markdown:before {
  content: "\f4e6";
}

.ion-social-nodejs:before {
  content: "\f4e7";
}

.ion-social-octocat:before {
  content: "\f4e8";
}

.ion-social-pinterest:before {
  content: "\f2b1";
}

.ion-social-pinterest-outline:before {
  content: "\f2b0";
}

.ion-social-python:before {
  content: "\f4e9";
}

.ion-social-reddit:before {
  content: "\f23b";
}

.ion-social-reddit-outline:before {
  content: "\f23a";
}

.ion-social-rss:before {
  content: "\f23d";
}

.ion-social-rss-outline:before {
  content: "\f23c";
}

.ion-social-sass:before {
  content: "\f4ea";
}

.ion-social-skype:before {
  content: "\f23f";
}

.ion-social-skype-outline:before {
  content: "\f23e";
}

.ion-social-snapchat:before {
  content: "\f4ec";
}

.ion-social-snapchat-outline:before {
  content: "\f4eb";
}

.ion-social-tumblr:before {
  content: "\f241";
}

.ion-social-tumblr-outline:before {
  content: "\f240";
}

.ion-social-tux:before {
  content: "\f2c5";
}

.ion-social-twitch:before {
  content: "\f4ee";
}

.ion-social-twitch-outline:before {
  content: "\f4ed";
}

.ion-social-twitter:before {
  content: "\f243";
}

.ion-social-twitter-outline:before {
  content: "\f242";
}

.ion-social-usd:before {
  content: "\f353";
}

.ion-social-usd-outline:before {
  content: "\f352";
}

.ion-social-vimeo:before {
  content: "\f245";
}

.ion-social-vimeo-outline:before {
  content: "\f244";
}

.ion-social-whatsapp:before {
  content: "\f4f0";
}

.ion-social-whatsapp-outline:before {
  content: "\f4ef";
}

.ion-social-windows:before {
  content: "\f247";
}

.ion-social-windows-outline:before {
  content: "\f246";
}

.ion-social-wordpress:before {
  content: "\f249";
}

.ion-social-wordpress-outline:before {
  content: "\f248";
}

.ion-social-yahoo:before {
  content: "\f24b";
}

.ion-social-yahoo-outline:before {
  content: "\f24a";
}

.ion-social-yen:before {
  content: "\f4f2";
}

.ion-social-yen-outline:before {
  content: "\f4f1";
}

.ion-social-youtube:before {
  content: "\f24d";
}

.ion-social-youtube-outline:before {
  content: "\f24c";
}

.ion-soup-can:before {
  content: "\f4f4";
}

.ion-soup-can-outline:before {
  content: "\f4f3";
}

.ion-speakerphone:before {
  content: "\f2b2";
}

.ion-speedometer:before {
  content: "\f2b3";
}

.ion-spoon:before {
  content: "\f2b4";
}

.ion-star:before {
  content: "\f24e";
}

.ion-stats-bars:before {
  content: "\f2b5";
}

.ion-steam:before {
  content: "\f30b";
}

.ion-stop:before {
  content: "\f24f";
}

.ion-thermometer:before {
  content: "\f2b6";
}

.ion-thumbsdown:before {
  content: "\f250";
}

.ion-thumbsup:before {
  content: "\f251";
}

.ion-toggle:before {
  content: "\f355";
}

.ion-toggle-filled:before {
  content: "\f354";
}

.ion-transgender:before {
  content: "\f4f5";
}

.ion-trash-a:before {
  content: "\f252";
}

.ion-trash-b:before {
  content: "\f253";
}

.ion-trophy:before {
  content: "\f356";
}

.ion-tshirt:before {
  content: "\f4f7";
}

.ion-tshirt-outline:before {
  content: "\f4f6";
}

.ion-umbrella:before {
  content: "\f2b7";
}

.ion-university:before {
  content: "\f357";
}

.ion-unlocked:before {
  content: "\f254";
}

.ion-upload:before {
  content: "\f255";
}

.ion-usb:before {
  content: "\f2b8";
}

.ion-videocamera:before {
  content: "\f256";
}

.ion-volume-high:before {
  content: "\f257";
}

.ion-volume-low:before {
  content: "\f258";
}

.ion-volume-medium:before {
  content: "\f259";
}

.ion-volume-mute:before {
  content: "\f25a";
}

.ion-wand:before {
  content: "\f358";
}

.ion-waterdrop:before {
  content: "\f25b";
}

.ion-wifi:before {
  content: "\f25c";
}

.ion-wineglass:before {
  content: "\f2b9";
}

.ion-woman:before {
  content: "\f25d";
}

.ion-wrench:before {
  content: "\f2ba";
}

.ion-xbox:before {
  content: "\f30c";
}

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}

@-moz-keyframes zoomIn {
  from {
    opacity: 0;
    -moz-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    -moz-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}

@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  }
  65% {
    opacity: 0;
    -webkit-transform: scale3d(0.6, 0.6, 0.6);
  }
  to {
    opacity: 0;
  }
}

@-moz-keyframes zoomOut {
  from {
    opacity: 1;
  }
  65% {
    opacity: 0;
    -moz-transform: scale3d(0.6, 0.6, 0.6);
    transform: scale3d(0.6, 0.6, 0.6);
  }
  to {
    opacity: 0;
  }
}

@keyframes zoomOut {
  from {
    opacity: 1;
  }
  65% {
    opacity: 0;
    -webkit-transform: scale3d(0.6, 0.6, 0.6);
    -moz-transform: scale3d(0.6, 0.6, 0.6);
    transform: scale3d(0.6, 0.6, 0.6);
  }
  to {
    opacity: 0;
  }
}

@-webkit-keyframes fadeIn {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: block;
    opacity: 0;
  }
  100% {
    display: block;
    opacity: 1;
  }
}

@-moz-keyframes fadeIn {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: block;
    opacity: 0;
  }
  100% {
    display: block;
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: block;
    opacity: 0;
  }
  100% {
    display: block;
    opacity: 1;
  }
}

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

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

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

@-webkit-keyframes right-to-center {
  0% {
    opacity: 0;
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@-moz-keyframes right-to-center {
  0% {
    opacity: 0;
    -moz-transform: translateX(30px);
    transform: translateX(30px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes right-to-center {
  0% {
    opacity: 0;
    -webkit-transform: translateX(30px);
    -moz-transform: translateX(30px);
    transform: translateX(30px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    transform: translateX(0);
  }
}

@-webkit-keyframes left-to-center {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@-moz-keyframes left-to-center {
  0% {
    opacity: 0;
    -moz-transform: translateX(-30px);
    transform: translateX(-30px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes left-to-center {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-30px);
    -moz-transform: translateX(-30px);
    transform: translateX(-30px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    transform: translateX(0);
  }
}

@-webkit-keyframes center-to-left {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px);
  }
}

@-moz-keyframes center-to-left {
  0% {
    opacity: 1;
    -moz-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -moz-transform: translateX(-30px);
    transform: translateX(-30px);
  }
}

@keyframes center-to-left {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-30px);
    -moz-transform: translateX(-30px);
    transform: translateX(-30px);
  }
}

@-webkit-keyframes center-to-right {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }
}

@-moz-keyframes center-to-right {
  0% {
    opacity: 1;
    -moz-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -moz-transform: translateX(30px);
    transform: translateX(30px);
  }
}

@keyframes center-to-right {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(30px);
    -moz-transform: translateX(30px);
    transform: translateX(30px);
  }
}

@-webkit-keyframes bounce {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  30% {
    -webkit-transform: scale(1.4);
    transform: scale(1.4);
  }
  60% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
}

@-moz-keyframes bounce {
  0% {
    -moz-transform: scale(1);
    transform: scale(1);
  }
  30% {
    -moz-transform: scale(1.4);
    transform: scale(1.4);
  }
  60% {
    -moz-transform: scale(1.2);
    transform: scale(1.2);
  }
  100% {
    -moz-transform: scale(1.3);
    transform: scale(1.3);
  }
}

@keyframes bounce {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
  }
  30% {
    -webkit-transform: scale(1.4);
    -moz-transform: scale(1.4);
    transform: scale(1.4);
  }
  60% {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    transform: scale(1.3);
  }
}

.ui_close {
  position: absolute;
  top: 50px;
  right: 50px;
  cursor: pointer;
  display: none;
  font-size: 48px;
  line-height: 48px;
  color: rgba(255, 255, 255, 0.5);
}

.ui_close:hover {
  color: #4ba53a;
}

.home-slider .ui_close {
  top: 120px;
  color: rgba(0, 0, 0, 0.5);
  z-index: 20;
}

.home-slider .ui_close:hover {
  color: #4ba53a;
}

video {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  opacity: 0;
}

.section--movie video {
  position: relative;
  width: 100%;
  height: 100%;
  opacity: 1;
}

.play {
  margin-top: 10px;
  text-align: center;
  color: #ccc;
  cursor: pointer;
}

.play .icon__circle__play {
  font-size: 60px;
  line-height: 60px;
  display: block;
}

.play:hover {
  color: #fff;
}

.ui_play {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -50px 0 0 -50px;
  font-size: 100px;
  line-height: 100px;
  color: rgba(255, 255, 255, 0.7);
  cursor: pointer;
}

.ui_play:hover {
  color: #4ba53a;
}

.replay_trailer {
  width: 240px;
  height: 46px;
  margin: 30px auto 0;
  border-radius: 23px;
  border: 1px solid #333;
  font-size: 18px;
  line-height: 46px;
  color: #333;
  cursor: pointer;
  text-align: center;
}

.replay_trailer:hover {
  border: 1px solid #4ba53a;
  background-color: #4ba53a;
  color: #fff;
}

.noter {
  color: red;
  padding: 3px 5px 3px 0;
  font-size: 18px;
  margin-bottom: 30px;
}

.text {
  text-align: left;
  font-family: "AliMedium";
}

.text.more {
  padding-top: 280px;
}

.text.adr {
  padding-top: 80px;
}

.warm {
  width: 100%;
  max-width: 470px;
}

img.logo--BALMUDA_id {
  width: 150px;
  float: right;
  padding-top: 24px;
}

.multi_column__main .column {
  margin-bottom: 4rem;
  height: auto;
}

.multi_column__main .input {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  margin-bottom: 2rem;
  overflow: hidden;
  text-align: left;
}

.multi_column__main .input > input[type=email],
.multi_column__main .input input[type=number],
.multi_column__main .input input[type=password],
.multi_column__main .input input[type=search],
.multi_column__main .input input[type=tel],
.multi_column__main .input input[type=text],
.multi_column__main .input input[type=url] {
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  display: block;
  width: 100%;
  height: 2.9rem;
  margin-top: 1.1rem;
  border-bottom: 1px solid #999;
  font-size: 1.6rem;
  line-height: 2.7rem;
}

.multi_column__main .input > input[type=email] ~ label,
.multi_column__main .input input[type=number] ~ label,
.multi_column__main .input input[type=password] ~ label,
.multi_column__main .input input[type=search] ~ label,
.multi_column__main .input input[type=tel] ~ label,
.multi_column__main .input input[type=text] ~ label,
.multi_column__main .input input[type=url] ~ label {
  position: absolute;
  cursor: default;
  left: 0;
  top: 0;
  font-size: 1rem;
  line-height: 1.2rem;
  color: #000;
  pointer-events: none;
}

.radio_set > span {
  color: #000;
  font-size: 18px;
}

.multi_column__main .select > select {
  z-index: 2;
  position: relative;
  display: block;
  width: 100%;
  height: 2.9rem;
  margin-top: 1.5rem;
  padding: 0 1rem;
  background: transparent;
  border: 1px solid #9e9e9e;
  border-radius: 2px;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  text-transform: none;
  font: inherit;
  outline: 0;
}

.multi_column__main .select > select ~ label {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 1rem;
  line-height: 1.2rem;
  color: #000;
  pointer-events: none;
}

#Container.Page4 .ContainerLayer__index {
  background: #f5f4f2 url(../images/recipes/bg1_f5f4f2.jpg) 50% 0 no-repeat;
  background-size: 100% auto;
}

#Container.Page4 .section1 {
  padding-top: 120px;
  padding-bottom: 70px;
}

#Container.Page4 .section1 p {
  font-size: 18px;
  line-height: 30px;
  text-align: center;
  max-width: 800px;
  margin: 0 auto;
}

#Container.Page4 .section_list {
  padding-bottom: 60px;
}

#Container.Page4 .section_list .contents,
#Container.Page4 .section_recipe .contents,
#Container.Page4 .section_recomend .contents,
#Container.Page4 .section_subscribe .contents {
  overflow: visible;
  position: relative;
  width: 100%;
  max-width: 980px;
  margin: 0 auto;
  text-align: center;
  height: 100%;
}

#Container.Page4 .recomend:before {
  position: absolute;
  right: 10px;
  bottom: 14px;
  font-family: v2;
  content: "\e023";
  speak: none;
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  color: #ccc;
}

#Container.Page4 .section_recipe .contents {
  text-align: left;
  overflow: visible;
}

#Container.Page4 .section_list ul {
  margin-left: -16px;
  width: 996px;
  zoom: 1;
}

#Container.Page4 .section_list li.signature {
  width: 482px;
  height: 582px;
}

#Container.Page4 .section_list li {
  margin-bottom: 16px;
  margin-left: 16px;
  list-style: none;
  float: left;
  position: relative;
  width: 233px;
  background: #fff;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}

#Container.Page4 .section_list li a {
  text-decoration: none;
}

#Container.Page4 .section_list ul:after {
  content: "";
  display: block;
  clear: both;
}

#Container.Page4 .section_list li:hover {
  -webkit-box-shadow: 0 16px 32px rgba(0, 0, 0, 0.16);
  box-shadow: 0 16px 32px rgba(0, 0, 0, 0.16);
}

#Container.Page4 .section_list li.right {
  float: right;
}

#Container.Page4 .section_list li.new a:after {
  content: 'NEW';
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  width: 100px;
  height: 18px;
  padding: 3px 0;
  left: -28px;
  top: 10px;
  color: #fff;
  background-color: #f33;
  font-size: 11px;
  line-height: 11px;
  letter-spacing: .15em;
  white-space: nowrap;
  text-align: center;
  position: absolute;
}

#Container.Page4 .section_list li.signature a .icon {
  display: block;
  position: absolute;
  right: 7px;
  top: 7px;
}

#Container.Page4 .section_list li.rebake {
  width: 482px;
  height: 480px;
  padding: 60px 40px 20px;
  background: url(../images/recipes/rebake__background.jpg) no-repeat center center;
  background-size: cover;
}

#Container.Page4 .section_list li.rebake .rebake__title {
  font-size: 28px;
  color: #fff;
  margin-bottom: 40px;
}

#Container.Page4 .section_list li.rebake .rebake__text {
  font-size: 16px;
  line-height: 1.8em;
  color: #fff;
}

#Container.Page4 .section_list li.rebake .btn {
  display: block;
  margin: 0 auto;
  width: 220px;
  height: 36px;
  border-radius: 18px;
  border: 1px solid #fff;
  text-align: center;
  font-size: 16px;
  line-height: 36px;
  text-decoration: none;
  color: #fff;
  padding: 0;
}

#Container.Page4 .section_list li.rebake .btn:hover {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.3);
  padding: 0;
}

#Container.Page4 .section_list li.rebake .rebake__bakery_logo {
  position: absolute;
  bottom: 30px;
  left: 40px;
}

#Container.Page4 .section_list li.signature a .icon img {
  width: 114px;
}

#Container.Page4 .section_list li.signature a .chef {
  padding-left: 109px;
  padding-bottom: 13px;
  display: block;
  position: absolute;
  left: 10px;
  bottom: 10px;
  text-align: left;
  font-size: 14px;
  line-height: 20px;
  color: #333;
}

#Container.Page4 .section_list li.signature a .chef img {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 114px;
}

#Container.Page4 .section_list li.signature a .name {
  height: 100px;
  width: 482px;
}

#Container.Page4 .section_list li a .name {
  display: table;
  width: 223px;
  height: 50px;
}

#Container.Page4 .section_list li.signature a .name__inner {
  padding-left: 39px;
}

#Container.Page4 .section_list li a .name__inner {
  display: table-cell;
  text-align: left;
  padding: 5px 20px;
  vertical-align: middle;
  color: #999;
}

#Container.Page4 .section_list li.signature a .name .title {
  font-size: 17px;
  line-height: 22px;
}

#Container.Page4 .section_list li a .name .title {
  display: block;
  margin: 0;
  color: #333;
  font-size: 13px;
  line-height: 14px;
  font-weight: 700;
}

#Container.Page4 .section_recipe .title {
  margin-bottom: 0;
  margin-top: 132px;
  height: 60px;
  position: relative;
}

#Container.Page4 .section_recipe .title h2 {
  float: left;
  font-size: 30px;
  color: #333;
  line-height: 34px;
  margin-bottom: 20px;
  margin-top: 0;
  font-weight: 400;
}

#Container.Page4 .section_recomend {
  height: 660px;
  background: #f6f6f6 url(../images/recipes/recomend__background.jpg) no-repeat;
  background-size: cover;
  margin-top: 60px;
}

#Container.Page4 .section_recipe .title .signature {
  position: absolute;
  right: 0;
  top: 44px;
  z-index: 1;
}

#Container.Page4 .section_list li.signature .dish img,
#Container.Page4 .section_list li .dish img {
  width: 100%;
}

#Container.Page4 .section_recipe .title .share {
  padding-top: 8px;
  float: right;
}

#Container.Page4 .section_recipe .title .share li {
  margin-left: 10px;
  float: left;
  list-style: none;
  overflow: hidden;
}

#Container.Page4 .section_recipe .title .share li.twitter {
  width: 70px;
}

#Container.Page4 .section_recipe .title .share li.facebook {
  width: 60px;
}

#Container.Page4 .section_recipe .visual img {
  width: 100%;
  height: auto;
}

#Container.Page4 .section_recipe .summary {
  padding: 80px 50px 70px;
  display: block;
  width: 100%;
  float: left;
  position: relative;
  zoom: 1;
}

#Container.Page4 .section_recipe .summary .chef {
  margin-bottom: 10px;
  margin-right: 40px;
  float: left;
  width: 160px;
}

#Container.Page4 .section_recipe .summary .text {
  float: left;
  width: 680px;
  text-align: left;
}

#Container.Page4 .section_recipe .summary .text p {
  font-size: 18px;
  line-height: 30px;
  margin-bottom: 10px;
  color: #333;
}

#Container.Page4 .section_recipe .image {
  margin-bottom: 78px;
  zoom: 1;
}

#Container.Page4 .section_recipe .image .ingredients {
  text-align: center;
}

#Container.Page4 .section_recipe .detail {
  margin: 0 50px 70px;
  display: block;
  position: relative;
  width: 100%;
  clear: both;
}

#Container.Page4 .section_recipe .detail .ingredients {
  margin-right: 40px;
  width: 240px;
  float: left;
}

#Container.Page4 .section_recipe .detail h3 {
  margin-bottom: 32px;
  padding-bottom: 22px;
  border-bottom: 1px solid #ebebeb;
  font-size: 24px;
}

#Container.Page4 .section_recipe .detail .ingredients table {
  width: 100%;
}

#Container.Page4 .section_recipe .detail .ingredients p {
  font-size: 14px;
  line-height: 1.5;
}

#Container.Page4 .section_recipe .detail .step {
  float: left;
  width: 600px;
}

#Container.Page4 .section_recipe .detail .step ol {
  list-style: decimal;
  margin-left: 30px;
}

#Container.Page4 .section_recipe .detail .step li {
  margin-bottom: 20px;
  padding-left: 30px;
  list-style: decimal;
  font-size: 18px;
}

#Container.Page4 .section_recipe .detail .ingredients tr:nth-child(2n-1) th,
#Container.Page4 .section_recipe .detail .ingredients tr:nth-child(2n-1) td {
  background: #f6f6f6;
}

#Container.Page4 .section_recipe .detail .ingredients .odd th,
#Container.Page4 .section_recipe .detail .ingredients .odd td {
  background: #f6f6f6;
}

#Container.Page4 .section_recipe .detail .ingredients th,
#Container.Page4 .section_recipe .detail .ingredients td {
  padding: 5px;
  font-size: 14px;
  line-height: 30px;
}

#Container.Page4 .resp {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

#Container.Page4 .section_video {
  width: 880px;
  margin: 0 auto 80px;
}

#Container.Page4 .section_recipe .profile {
  margin: 0 50px 80px;
  padding: 20px 0;
  background: #f6f6f6;
  float: left;
  display: block;
  zoom: 1;
}

#Container.Page4 .section_recipe .profile h3 {
  padding-left: 25px;
  float: left;
  width: 135px;
  font-size: 14px;
  color: #ccc;
}

#Container.Page4 .section_recipe .profile .text {
  float: left;
  width: 680px;
}

#Container.Page4 .section_recipe .profile .text a {
  color: #4ba53a;
  text-decoration: none;
}

#Container.Page4 .section_recomend .title {
  margin: 80px auto 50px;
  padding-bottom: 0;
  font-size: 30px;
  color: #000;
}

#Container.Page4 .recomend__wrap {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -webkit-box-pack: justify;
  justify-content: space-between;
  margin-bottom: 48px;
}

#Container.Page4 .recomend {
  display: block;
  position: relative;
  width: 239px;
  height: 360px;
  overflow: hidden;
  background-color: #fff;
  text-align: left;
  text-decoration: none;
}

#Container.Page4 .recomend__img {
  width: 239px;
  height: 190px;
  margin-bottom: 40px;
  overflow: hidden;
}

#Container.Page4 .recomend__img img {
  width: 100%;
}

#Container.Page4 .recomend__chef {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 64px;
  height: 64px;
  margin: -32px auto auto -32px;
}

#Container.Page4 .recomend__body {
  padding: 0 20px;
}

#Container.Page4 .section_recomend .recomend__title {
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 400;
  text-decoration: none;
}

#Container.Page4 .section_recomend .recomend__text {
  font-size: 12px;
  line-height: 16px;
  color: #999;
  text-decoration: none;
}

#Container.Page4 .section_recomend .btn {
  margin: 0 auto;
  margin-bottom: 40px;
  display: block;
  border: 1px solid #999;
  border-radius: 2px;
  width: 200px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: #333;
  font-size: 14px;
  text-decoration: none;
  padding: 0;
  background: transparent;
}

#Container.Page4 .section_recomend .btn:hover,
.container_story .btn:hover {
  background: transparent;
  opacity: .5;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}

#Container .section_subscribe .contents {
  padding: 120px 0;
  background: url(../images/recipes/subscribe_device.png) no-repeat 640px 30px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
  #Container .section_subscribe .contents {
    background: url(../images/recipes/subscribe_device@2x.png) no-repeat 640px 30px;
    background-size: 233px 482px;
  }
}

#Container .section_subscribe .text_area {
  width: 520px;
  margin-right: 460px;
  text-align: left;
}

#Container .section_subscribe .subscribe__heading {
  font-size: 24px;
  color: #666;
}

#Container .section_subscribe .subscribe__text {
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 16px;
  color: #666;
}

#Container .section_subscribe .btn {
  display: block;
  margin: 0;
  width: 220px;
  height: 36px;
  text-align: center;
  font-size: 16px;
  line-height: 36px;
  text-decoration: none;
  color: #fff;
}

#Container .section_subscribe .btn--ghost {
  border: 1px solid #4ba53a;
  border-radius: 3px;
  color: #fff;
  text-decoration: none;
  text-align: center;
  padding: 0;
}

#Container .section_subscribe .btn--ghost:hover {
  background: #4ba53a;
  color: #fff;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}

#Container .section_subscribe a.btn--ghost:hover {
  text-decoration: none;
}

.container_history .container {
  height: 100%;
  position: relative;
  padding: 0;
}

.container_history .section1 {
  background: url(../images/history/section1_bg.jpg) no-repeat center top;
  background-color: #fff;
  padding-bottom: 0;
  padding-top: 0;
}

.container_history .timeline {
  height: 800px;
  width: 400px;
  border-left: 1px solid #666;
  position: absolute;
  top: 0;
  text-align: left;
  margin-left: 0;
}

.container_history .timeline dl {
  margin-top: 400px;
}

.container_history .timeline dd:before {
  content: "";
  border-top: 1px solid #666;
  width: 50px;
  display: block;
  position: absolute;
  top: 12px;
  left: 0;
}

.container_history .timeline dt {
  margin-left: -70px;
  width: 70px;
  float: left;
  font-size: 18px;
  clear: both;
}

.container_history .timeline dd {
  width: 360px;
  float: left;
  padding-left: 60px;
  font-size: 16px;
  position: relative;
  margin-bottom: 20px;
}

.container_history .content {
  width: 100%;
  max-width: 430px;
  background: transparent;
}

.container_history .section1 .content {
  top: 100px;
  left: 50%;
  margin-left: -215px;
  text-align: left;
}

.container_history h2 {
  font-size: 32px;
  font-weight: 300;
  text-align: center;
}

.container_history .container .content p {
  color: #666;
  font-size: 18px;
  line-height: 1.8em;
}

.container_history .section {
  height: 800px;
}

.container_history p.product_name {
  font-size: 24px;
  text-align: center;
  margin-bottom: 20px;
}

.container_history .content {
  padding: 5px;
  position: absolute;
}

.container_history .section2 {
  background: url(../images/history/section2_bg.jpg) no-repeat center top;
  background-color: #f4f4f4;
}

.container_history .section2 .content {
  top: 200px;
  right: 30px;
  text-align: left;
}

.container_history .section2 dl {
  margin-top: 460px;
}

.container_history .section3 {
  background: url(../images/history/section3_bg.jpg) no-repeat center top;
  background-color: #fff;
}

.container_history .section3 .content {
  top: 420px;
  left: 70px;
  text-align: left;
}

.container_history .section3 dl {
  margin-top: 200px;
}

.container_history .section4 {
  background: url(../images/history/section4_bg.jpg) no-repeat center top;
  background-color: #f4f4f4;
}

.container_history .section4 dl {
  margin-top: 60px;
}

.container_history .section4 .content {
  top: 350px;
  right: -40px;
  text-align: left;
}

.container_history .section5 {
  background: url(../images/history/section5_bg.jpg) no-repeat center bottom;
  background-color: #fff;
}

.container_history .section5 dl {
  margin-top: 100px;
}

.container_history .section5 .content {
  top: 330px;
  left: 40px;
  text-align: left;
}

.container_story .wrapper {
  background: url(../images/story/section_title_pc_bg.jpg) no-repeat center top;
  background-size: cover;
  background-color: #f0f0f0;
}

.container_story .section_title {
  height: 240px;
  margin: 0;
}

.container_story .section_title .container {
  max-width: 640px;
  display: table;
  padding: 80px 0;
}

.container_story .section_title h1 {
  font-size: 60px;
  display: table-cell;
  border-right: 1px solid #999;
  padding-right: 60px;
  vertical-align: middle;
}

.container_story .section_title p {
  display: table-cell;
  padding-left: 60px;
  vertical-align: middle;
}

.container_story .section_posts {
  margin-top: -250px;
  margin-bottom: 0;
  padding-bottom: 50px;
  overflow: hidden;
}

.container_story .section_posts .section_inner {
  margin: 0;
}

@media (min-width: 768px) {
  .storylist {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -5px;
  }
}

.storylist__item {
  border-radius: 5px;
  min-height: 400px;
  background: #fff;
  position: relative;
  overflow: hidden;
  margin: 0 0 15px;
}

@media (min-width: 768px) {
  .storylist__item {
    margin: 5px 5px 15px;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 calc(50% - 10px);
    flex: 0 1 calc(50% - 10px);
  }
}

@media (min-width: 990px) {
  .storylist__item {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 calc(33.333% - 10px);
    flex: 0 1 calc(33.333% - 10px);
  }
}

.storylist__item-comming {
  background: url(../images/story/comingsoon_bg.png?t=20221206v1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.storylist__imgbox {
  background-color: #ccc;
}

.storylist__img {
  width: 100%;
  max-width: 100%;
}

.storylist__info {
  padding: 25px;
}

.storylist__title {
  font-size: 16px;
  line-height: 30px;
  margin: 10px auto 20px;
  font-weight: 400;
  font-style: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 20px;
}

@media (min-width: 768px) {
  .storylist__title {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    font-size: 18px;
    padding: 0;
  }
}

.storylist__item-comming .storylist__title {
  font-size: 30px;
}

.storylist__vol {
  color: #4ba53a;
  font-size: 28px;
  line-height: 30px;
  height: 30px;
  font-weight: 100;
  margin-top: -5px;
}

.storylist__vol:before {
  content: "vol.";
  font-size: 12px;
}

.storylist__desc {
  font-size: 14px;
  line-height: 1.5em;
  margin: 0;
  color: #666;
}

.storylist__item-comming .storylist__desc {
  font-size: 18px;
}

.storylist__link {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  text-indent: -999999px;
  overflow: hidden;
}

.container_story .box__coming_soon {
  width: 320px;
  height: 400px;
  display: inline-block;
  border-radius: 5px;
  margin-bottom: 15px;
  overflow: hidden;
  background: url(../images/story/comingsoon_bg.png);
  text-align: center;
}

.container_story .section {
  margin-top: 0;
  margin-bottom: 48px;
}

.container_story .section_image {
  width: 100%;
  overflow: hidden;
  margin: 0;
}

.container_story .image001_1 {
  background: url(../images/story/001/01_pc.jpg) no-repeat top center;
  background-size: cover;
}

.container_story .image002_1 {
  background: url(../images/story/002/01_pc.jpg) no-repeat center center;
  background-size: cover;
}

.container_story .image003_1 {
  background: url(../images/story/003/01_pc.jpg) no-repeat center center;
  background-size: cover;
}

.container_story .image004_1 {
  background: url(../images/story/004/01_pc.jpg) no-repeat center center;
  background-size: cover;
}

.container_story .image005_1 {
  background: url(../images/story/005/01_pc.jpg) no-repeat top center;
  background-size: cover;
}

.container_story .image006_1 {
  background: url(../images/story/006/01_pc.jpg) no-repeat center center;
  background-size: cover;
}

.container_story .section_text .container,
.container_story .section_image .container,
.container_story .article_list .container {
  max-width: 675px;
}

.container_story h1 span {
  font-size: 16px;
  color: #999;
  line-height: 1.4em;
  letter-spacing: 0;
}

.container_story h1 {
  font-size: 56px;
  line-height: 1.4em;
  text-align: left;
  margin: 50px 0 100px;
  padding: 0;
  color: #222;
  font-weight: 400;
  font-style: normal;
  letter-spacing: -3px;
}

.container_story .image001_2 {
  background: url(../images/story/001/02_pc.jpg) no-repeat center center;
  background-size: cover;
}

.container_story .image002_2 {
  background: url(../images/story/002/02_pc.jpg) no-repeat center center;
  background-size: cover;
}

.container_story .image003_2 {
  background: url(../images/story/003/02_pc.jpg) no-repeat center center;
  background-size: cover;
}

.container_story .image004_2 {
  background: url(../images/story/004/02_pc.jpg) no-repeat center center;
  background-size: cover;
}

.container_story .image005_2 {
  background: url(../images/story/005/02_pc.jpg) no-repeat center center;
  background-size: cover;
}

.container_story .image006_2 {
  background: url(../images/story/006/02_pc.jpg) no-repeat center center;
  background-size: cover;
}

.talksession .image_vol1_01 {
  background: url(../images/story/007/01_pc.jpg) no-repeat center center;
}

.talksession .image_vol1_02 {
  background: url(../images/story/007/02_pc.jpg) no-repeat center center;
}

.talksession .image_vol1_03 {
  background: url(../images/story/007/03_pc.jpg) no-repeat center center;
}

.talksession .image_vol1_04 {
  background: url(../images/story/007/04_pc.jpg) no-repeat center center;
}

.talksession .image_vol1_05 {
  background: url(../images/story/007/05_pc.jpg) no-repeat center center;
}

.talksession .image_vol2_01 {
  background: url(../images/story/008/01_pc.jpg) no-repeat center center;
}

.talksession .image_vol2_02 {
  background: url(../images/story/008/02_pc.jpg) no-repeat center center;
}

.talksession .image_vol2_03 {
  background: url(../images/story/008/03_pc.jpg) no-repeat center center;
}

.talksession .image_vol2_04 {
  background: url(../images/story/008/04_pc.jpg) no-repeat center center;
}

.talksession .image_vol2_05 {
  background: url(../images/story/008/05_pc.jpg) no-repeat center center;
}

.talksession .image_vol3_01 {
  background: url(../images/story/009/01_pc.jpg) no-repeat center center;
}

.talksession .image_vol3_02 {
  background: url(../images/story/009/02_pc.jpg) no-repeat center center;
}

.talksession .image_vol3_03 {
  background: url(../images/story/009/03_pc.jpg) no-repeat center center;
}

.talksession .image_vol3_04 {
  background: url(../images/story/009/04_pc.jpg) no-repeat center center;
}

.talksession .image_vol3_05 {
  background: url(../images/story/009/05_pc.jpg) no-repeat center center;
}

.talksession .image_vol4_01 {
  background: url(../images/story/010/01_pc.jpg) no-repeat center center;
}

.talksession .image_vol4_02 {
  background: url(../images/story/010/02_pc.jpg) no-repeat center center;
}

.talksession .image_vol4_03 {
  background: url(../images/story/010/03_pc.jpg) no-repeat center center;
}

.talksession .image_vol4_04 {
  background: url(../images/story/010/04_pc.jpg) no-repeat center center;
}

.talks .image_vol1_01 {
  background: url(../images/story/011/chapter1-1.jpg) no-repeat center center;
}

.talks .image_vol1_02 {
  background: url(../images/story/011/chapter1-2.jpg) no-repeat center center;
}

.talks .image_vol1_03 {
  background: url(../images/story/011/chapter1-3.jpg) no-repeat center center;
}

.talks .image_vol2_01 {
  background: url(../images/story/012/chapter2-1.jpg) no-repeat center center;
  width: 100%;
  background-size: cover;
}

.talks .image_vol2_02 {
  background: url(../images/story/012/chapter2-2.jpg) no-repeat center center;
}

.talks .image_vol2_03 {
  background: url(../images/story/012/chapter2-3.jpg) no-repeat center center;
}

.miisteros .image_02 {
  background: url(../images/story/013/story13_1.jpg) no-repeat center center;
}

.talksession .column__item .profile-name-en,
.talks .column__item .profile-name-en,
.miisteros .column__item .profile-name-en {
  display: block;
  margin: 0 auto;
  text-align: center;
}

.container_story .h_middle {
  aspect-ratio: 2560 / 1707;
}

@media (min-width: 768px) {
  .container_story .h_middle {
    aspect-ratio: 1920 / 700;
  }
}

.container_story .h_md {
  width: 100%;
  background-size: cover;
  aspect-ratio: 2560 / 1707;
}

@media (min-width: 768px) {
  .container_story .h_md {
    aspect-ratio: 1920 / 600;
  }
}

.container_story .h_md2 {
  width: 100%;
  background-size: cover;
  aspect-ratio: 2560 / 1280;
}

@media (min-width: 768px) {
  .container_story .h_md2 {
    aspect-ratio: 1920 / 600;
  }
}

.container_story p.caption {
  font-size: 13px;
  margin: 0;
}

.container_story h2 {
  font-size: 36px;
  line-height: 1.7em;
  text-align: left;
  margin: 50px 0 60px;
  color: #222;
  font-weight: 400;
  letter-spacing: -3px;
}

.container_story .article_list {
  margin: 50px 0;
}

.container_story .article_list ul {
  border-top: 1px solid #ccc;
}

.container_story .article_list li {
  list-style-type: none;
  font-size: 20px;
  padding: 20px 0;
  border-bottom: 1px solid #ccc;
  position: relative;
}

.container_story .article_list li.current,
.container_story .article_list li.current span.article_num {
  color: #ccc;
}

.container_story .article_list li span.article_num {
  color: #4ba53a;
  padding: 0 30px;
  font-size: 30px;
  font-weight: 100;
}

.container_story .article_list span.article_num:before {
  content: "vol.";
  font-size: 12px;
}

.container_story .article_list a li:after {
  position: absolute;
  right: 30px;
  top: 22px;
  font-family: v2;
  content: "\e023";
  speak: none;
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  color: #ccc;
}

.container_story .article_list a:hover li:after {
  color: #4ba53a;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}

.container_story .article_list a:hover li {
  background: #fafafa;
}

.container_story .article_list a:hover {
  color: #4ba53a;
}

.container_story .article_list li.unpublished {
  color: #ccc;
}

.container_story .article_list span.comingsoon {
  font-size: 14px;
}

.container_story .btn {
  margin: 0 auto;
  display: block;
  border: 1px solid #999;
  border-radius: 2px;
  width: 200px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: #333;
  font-size: 14px;
  text-decoration: none;
  padding: 0;
  background: transparent;
}

.talksession #body_background {
  padding: 0;
}

.talksession #cover {
  position: relative;
  background: url(../images/story/007/title_logo.png) no-repeat center center;
  background-size: contain;
  aspect-ratio: 1 / 1;
}

@media (min-width: 768px) {
  .talksession #cover {
    aspect-ratio: 1920 / 1000;
  }
}

@media (min-width: 1440px) {
  .talksession #cover {
    aspect-ratio: 1920 / 640;
    background-size: initial;
  }
}

.talksession.session2 #cover {
  background-image: url(../images/story/008/title_logo.png);
}

.talksession.session3 #cover {
  background-image: url(../images/story/009/title_logo.png);
}

.talksession.session4 #cover {
  background-image: url(../images/story/010/title_logo.png);
}

.talks #body_background {
  padding: 0;
}

.talks #cover {
  position: relative;
  background: url(../images/story/011/title_logo.png) no-repeat center center;
  aspect-ratio: 1120 / 640;
  background-size: cover;
}

@media (min-width: 768px) {
  .talks #cover {
    background-size: contain;
  }
}

@media (min-width: 1440px) {
  .talks #cover {
    aspect-ratio: 1920 / 640;
    background-size: initial;
  }
}

.talks.session1 #cover {
  background-image: url(../images/story/011/title_logo.png);
}

.talks.session2 #cover {
  background-image: url(../images/story/012/title_logo.png);
}

.miisteros #cover {
  position: relative;
  background: url(../images/story/013/title_logo_mobile.jpg) no-repeat center center;
  aspect-ratio: 1515 / 426;
  background-size: cover;
}

@media (min-width: 768px) {
  .miisteros #cover {
    background-size: contain;
    background-images: url(../images/story/013/title_logo_mobile.jpg) no-repeat center center;
  }
}

@media (min-width: 1440px) {
  .miisteros #cover {
    aspect-ratio: 1920 / 540;
    background-size: initial;
  }
}

.miisteros.session1 #cover {
  background-image: url(../images/story/011/title_logo.png);
}

.container_story .h_small {
  aspect-ratio: 2560 / 1280;
}

@media (min-width: 768px) {
  .container_story .h_small {
    aspect-ratio: 1920 / 500;
  }
}

.talksession #cover #written_by {
  position: absolute;
  width: 300px;
  bottom: 20px;
  right: 20px;
}

.talksession #wrapper .block,
.talks #wrapper .block,
.miisteros #wrapper .block {
  position: relative;
  margin: 0;
}

.talksession #wrapper .block .block_layout,
.talks #wrapper .block .block_layout,
.miisteros #wrapper .block .block_layout {
  width: 100%;
}

.talksession .column--lead,
.talks .column--lead,
.miisteros .column--lead {
  border-top: 1px solid #999;
}

.talksession .column,
.talks .column,
.miisteros .column {
  padding: 80px 100px 60px;
  height: auto;
}

@media (max-width: 480px) {
  .talksession .column,
  .talks .column,
  .miisteros .column {
    padding: 20px 10px 20px 10px;
  }
}

.talksession .column .lead,
.talks .column .lead,
.miisteros .column .lead {
  text-align: center;
}

.talksession .column p,
.talks .column p,
.miisteros .column p {
  text-align: left;
  font-family: "微軟正黑體", serif;
  font-size: 16px;
  line-height: 34px;
  max-width: 720px;
  width: 100%;
  margin: 0 auto 20px;
}

.talksession .column h3,
.talks .column h3,
.miisteros .column h3 {
  font-family: "微軟正黑體", serif;
  font-size: 32px;
  line-height: 40px;
  margin-bottom: 60px;
  text-align: center;
  color: #000;
}

.talksession .column p em.text_wada,
.talksession .column p em.text_terao,
.miisteros .column p em.text_terao {
  color: #c00;
  border-right: 1px solid #c00;
  margin-right: 14px;
}

.talksession .column p.to-be-continued,
.talks .column p.to-be-continued {
  padding-top: 50px;
  color: #666;
  text-align: right;
}

.talksession .column--profile,
.talks .column--profile {
  border-top: 1px solid #999;
}

.talksession .column--profile .column__inner,
.talks .column--profile .column__inner {
  display: table;
  width: 100%;
  max-width: 980px;
  margin: 0 auto;
}

.talksession .column__item {
  display: table-cell;
  width: 50%;
}

.talksession .column__item .profile-photo,
.talks .column__item .profile-photo,
.miisteros .column__item .profile-photo {
  display: block;
  margin: 0 auto;
  width: 150px;
  height: 150px;
}

.talksession .column__item .profile-name,
.talks .column__item .profile-name,
.miisteros .column__item .profile-name {
  display: block;
  margin: 20px auto 0;
}

.talks .column--profile .col-md-6,
.miisteros .column--profile .col-md-6 {
  float: none;
  margin: 0 auto;
}

.talksession .column__item .profile-name-en,
.miisteros .column__item .profile-name-en {
  display: block;
  margin: 0 auto;
  text-align: center;
  color: #666;
  font-size: 18px;
  line-height: 1.8em;
}

.talksession .column__item p.profile-text {
  font-size: 13px;
  width: 80%;
  margin: 20px auto 0;
  line-height: 1.6;
}

.container_awards h1 {
  font-size: 48px;
  line-height: 1.5em;
  margin: 20px 0;
  padding: 0;
  text-align: center;
}

.container_awards .row__ {
  height: 100%;
  position: relative;
  padding: 0;
  padding-left: 20px;
}

.container_awards .section1 {
  padding: 50px;
  text-align: center;
  background: #f4f4f4;
}

.container_awards .section2 {
  height: 1200px;
  background: url(../images/awards/section2_bg.jpg) no-repeat center center;
  background-size: cover;
  background-color: #e7e4da;
  position: relative;
  overflow: hidden;
}

.container_awards .section3 {
  height: 800px;
  position: relative;
  background-color: #fff;
}

.container_awards .section2 .content {
  width: 500px;
  position: absolute;
  right: 0;
  color: #fff;
  margin-top: 180px;
  background: transparent;
}

.container_awards p.country {
  font-size: 24px;
  margin: 0 0 40px;
  text-align: left;
}

.container_awards .section2 .colmns {
  display: table;
  position: absolute;
  bottom: 50px;
  border-collapse: separate;
  border-spacing: 10px 0;
  margin-left: -10px;
  margin-right: -10px;
}

.container_awards .colmn {
  background: #fff;
  color: #666;
  padding: 30px;
  font-size: 14px;
  line-height: 1.8em;
  text-align: left;
}

.container_awards .section2 .colmn {
  width: 302px;
  height: auto;
  display: table-cell;
}

.container_awards .section2 .colmn ul.col2 li:last-child:after {
  content: "";
  clear: both;
}

.container_awards .colmn,
.container_awards .colmn .textss p {
  background: #fff;
  color: #666;
  padding: 30px;
  font-size: 14px;
  line-height: 1.8em;
}

.container_awards .colmn .textss p {
  padding: 0;
  background: transparent;
}

.container_awards .section2 .colmn .textss {
  margin: 20px 0 0;
}

.container_awards .section3 .content {
  position: absolute;
  right: 0;
  padding: 0;
  margin-top: 130px;
  z-index: 1;
  width: 430px;
  background: transparent;
}

.container_awards .image_wrapper {
  display: block;
  line-height: 0;
}

.container_awards h3 {
  font-size: 16px;
  font-weight: 700;
}

.container_awards h4 {
  font-size: 14px;
  font-weight: 700;
  margin: 0;
  line-height: 1.7em;
}

.container_awards .colmn ul {
  margin-bottom: 20px;
}

.container_awards ul li {
  list-style-type: none;
}

.container_awards a {
  color: #666;
  text-decoration: none;
}

.container_awards .section2 .colmn ul.col2 li {
  display: block;
  float: left;
  width: 200px;
}

.container_awards .colmn ul:last-child {
  margin-bottom: 0;
}

.container_awards .section3.bgimage {
  background: url(../images/awards/section3_bg.jpg) no-repeat -100px -50px;
}

.container_awards .section4 {
  height: 800px;
  position: relative;
  background: url(../images/awards/section4_bg.jpg) no-repeat center top;
  background-size: cover;
}

.container_awards .section4 .content {
  position: absolute;
  color: #fff;
  padding: 0;
  margin-top: 160px;
  z-index: 1;
  width: 430px;
  background: transparent;
}

.container_awards .section4 .colmn img.logo {
  float: left;
  margin: 0 20px 0 0;
}

.container_awards .section4 .colmn .textss {
  margin-left: 80px;
}

.container_awards .section4 .colmns {
  display: table;
  position: absolute;
  bottom: 50px;
  border-collapse: separate;
  border-spacing: 10px 0;
  margin-left: -10px;
}

.container_awards .section4 .colmn {
  width: 470px;
  height: auto;
  display: table-cell;
}

.container_awards h2 {
  text-align: left;
  font-size: 42px;
  line-height: 1.5em;
  margin: 0;
  font-weight: 300;
  font-style: normal;
}

.container_awards .section5 {
  height: 800px;
  background-color: #f4f4f4;
}

.container_awards .section5.bgimage {
  background: url(../images/awards/section5_bg.png) no-repeat center -100px #f4f4f4;
}

.container_awards .section5 .image_wrapper .logo {
  width: 392px;
  height: 513px;
  background: url(../images/awards/logo_kda.png) no-repeat;
  background-size: 392px 513px;
  position: absolute;
  right: 40px;
  top: 130px;
  z-index: 2;
}

.container_awards .section5 .content {
  position: absolute;
  padding: 0;
  margin-top: 230px;
  z-index: 1;
  width: 430px;
  background: transparent;
}

.container_awards .section5 .content p,
.container_awards .section4 .content p {
  font-size: 16px;
}

.mainstage__logo {
  position: absolute;
  /* z-index:100 */
  width: 100%;
  height: auto;
}

/* .mainstage__logo{position:absolute;z-index:1000;height:auto;position:absolute;top:15%;left:25%;z-index:100;width:50%;height:auto} */
h2.title {
  margin-bottom: 5px;
  letter-spacing: 0;
  font-family: "AliMedium";
  font-weight: 300;
  margin-top: 18px;
  padding: 0 0 45px;
  font-size: 38px;
  line-height: 1;
}

.airenginef h2.title {
  padding: 0 0 5px;
}

p.copy {
  font-size: 18px;
  line-height: 30px;
  margin-bottom: 10px;
  font-family: "AliMedium";
  letter-spacing: 0;
  text-align: left;
}

p.copy.text-center {
  text-align: center;
}

@media (max-width: 991px) {
  .text {
    margin-top: 10px;
    text-align: center;
  }
}

.resp {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.overview #video_overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 70%;
}

#video_overlay p {
  width: 60%;
  max-width: 780px;
  margin: 0 auto 100px;
  text-shadow: 1px 1px 5px #000;
  color: #fff;
  margin-top: 20px;
  font-family: "AliMedium";
}

.gfeature #video_overlay p {
  width: 100%;
  max-width: 100%;
  margin: 0 auto 100px;
  text-shadow: 0 0 0;
  color: #333;
  margin-top: 20px;
}

#nav_bottom {
  width: 100%;
  height: 70px;
}

#nav_bottom #nav_bottom-inner {
  width: 1050px;
  text-align: center;
  width: 100%;
  margin: 0 auto;
  padding: 0;
}

#nav_bottom .pagemap__main {
  margin: 0 auto;
  width: 100%;
  float: none;
}

#nav_bottom ul {
  padding: 23px 0 0;
  margin: 0 auto;
  text-align: center;
  display: inline-block;
}

#nav_bottom ul li {
  height: 30px;
  overflow: hidden;
  text-align: center;
  padding: 0 30px;
  display: inline-block;
  font-size: 15px;
}

#nav_bottom ul.pagemap__main.toster li {
  padding: 0 15px;
}

#nav_bottom ul li a {
  text-decoration: none;
  color: #666;
  font-family: "AliMedium";
}

#nav_bottom ul li a:hover {
  color: #333;
}

#nav_bottom ul li.active,
#nav_bottom ul li.active a:hover {
  color: #4ba53a;
  text-decoration: none;
  font-family: "AliMedium";
}

.section--purchase {
  margin: 0;
  padding: 0;
  width: 100%;
  border-top: 1px solid #eee;
}

.section--purchase .item {
  width: 100%;
  max-width: 800px;
  margin: 20px auto;
  display: table;
  font-family: "AliMedium";
}

.section--purchase .item__name {
  font-size: 22px;
  color: #333;
}

.section--purchase .item__price {
  font-size: 22px;
  color: #666;
  line-height: 26px;
}

.section--purchase .item__img {
  display: table-cell;
  vertical-align: middle;
}

.section--purchase .item__img img {
  width: 130px;
  margin-right: 20px;
}

.section--purchase .item__detail {
  display: table-cell;
  vertical-align: middle;
  min-width: 250px;
  text-align: left;
  line-height: 21px;
  padding: 0 20px 0 0;
  margin: 0;
}

.section--purchase .item__name {
  font-size: 22px;
  color: #333;
}

.section--purchase .item__buy {
  display: table-cell;
  max-width: 320px;
  vertical-align: middle;
  text-align: center;
}

.section--purchase .item__buy .btn {
  width: 90%;
  display: inline-block;
}

.section--purchase .item__benefit {
  font-size: 15px;
  color: #999;
}

.section--purchase .item__variation {
  font-size: 15px;
  color: #999;
  padding-bottom: 5px;
}

.section--purchase .btn--large {
  max-width: 320px;
  width: 100%;
  height: 40px;
  line-height: 40px;
}

.section--purchase .btn {
  display: block;
  background-color: #4ba53a;
  color: #fff;
  text-decoration: none;
  border-radius: 3px;
  font-size: 16px;
  text-align: center;
  font-family: "AliMedium";
  padding: 0;
}

.section--cta {
  margin: 0;
  padding: 0 0 25px;
  background-color: #fbfbfb;
}

.section--cta .cta {
  padding: 40px 0 0;
  margin: 0 auto;
  background-color: #fbfbfb;
  border-top: 1px solid #eee;
  text-align: center;
  list-style-type: none;
}

.section--cta .cta__item {
  display: inline-block;
  position: relative;
  padding-left: 50px;
  width: 250px;
  margin-right: 30px;
  text-align: left;
  line-height: 26px;
  vertical-align: top;
}

.section--cta .cta__item--call:before {
  content: "\e020";
}

.section--cta .cta__item:before {
  font-family: v2;
  display: block;
  position: absolute;
  left: 0;
  top: 10px;
  font-size: 30px;
  line-height: 30px;
  height: 30px;
  color: #4ba53a;
}

.section--cta .cta__item--dealer:before {
  content: "\e601";
}

.section--cta .cta__item:before {
  font-family: v2;
  display: block;
  position: absolute;
  left: 0;
  top: 10px;
  font-size: 30px;
  line-height: 30px;
  height: 30px;
  color: #4ba53a;
}

.section--cta .cta__item--support:before {
  content: "\e015";
}

.section--cta .cta__item:before {
  font-family: v2;
  display: block;
  position: absolute;
  left: 0;
  top: 10px;
  font-size: 30px;
  line-height: 30px;
  height: 30px;
  color: #4ba53a;
}

.section--cta .cta__title {
  font-size: 20px;
  color: #666;
  font-family: "AliMedium";
  letter-spacing: 0;
}

.section--cta .cta__description {
  font-size: 16px;
  color: #999;
  font-family: "AliMedium";
  letter-spacing: 0;
}

.change img {
  width: 100%;
}

.autochange img,
.autochange,
.autochange .text {
  width: auto;
  text-align: center;
  margin: 0 auto;
}

.autochange .text p {
  text-align: left;
}

.autochange img.centers {
  text-align: center;
  margin: 0 auto;
  display: block;
  padding: 20px 30px 40px;
}

.icon__circle__play {
  margin-left: 5px;
  margin-top: 1px;
}

/* .blog-posts .keynote_link_text, */
.substage_item_text,
.blog-posts p.substage_item_text {
  color: #999;
  line-height: 1.5;
  font-size: 15px;
  cursor: auto;
  letter-spacing: 0.8px;
}

.blog-posts .keynote_link_text:hover,
.blog-posts p.substage_item_text:hover {
  color: #666;
}

.blog-posts a:hover .tittle-post {
  color: #000;
}

.keynote2 .keynote_link_text,
.keynote4 .keynote_link_text,
.part2 .keynote_link_text,
.swipe2 .keynote_link_text,
.swipe4 .keynote_link_text {
  color: #ffc500;
}

.part2 a.keynote_link_text:hover,
.swipe2 .keynote_link_text:hover,
.swipe4 .keynote_link_text:hover {
  color: #ffc500;
}

.toster3 a.keynote_link_text,
.toster3 a.keynote_link_text:hover,
.toster6 a.keynote_link_text,
.toster6 a.keynote_link_text:hover {
  color: #fff;
}

#overview_graph_layout {
  position: absolute;
  top: 190px;
  left: 60px;
}

#overview_graph_overlay {
  position: absolute;
  background: url(../images/overview_graph_overlay.png) no-repeat;
  top: 132px;
  left: 93px;
  width: 430px;
  height: 346px;
  opacity: 0;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
  #overview_graph_overlay {
    background-size: 430px 346px;
  }
}

.blockquote {
  display: inline-block;
  position: relative;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 28px;
  font-weight: 300;
  line-height: 40px;
  color: #000;
  font-family: "AliMedium";
}

.blockquote:before,
.blockquote:after {
  display: inline-block;
  font-size: 160%;
  font-family: v2;
  font-style: normal;
  content: "\e60e";
  color: #ccc;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.videoplay .overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  background: transparent;
}

.videoplay .overview .overlay {
  top: 30px;
}

.quotes .btn {
  display: block;
  margin: 0 auto;
  margin-top: 70px;
  width: 220px;
  height: 36px;
  border-radius: 18px;
  border: 1px solid #666;
  text-align: center;
  font-size: 16px;
  line-height: 36px;
  text-decoration: none;
  background: transparent;
  color: #666;
  font-family: "AliMedium";
  padding: 0;
  z-index: 8;
}

.quotes .btn:hover {
  color: #fff;
  background-color: #666;
}

.toster1 {
  background-image: url(../images/taste1.jpg);
}

.toster2 {
  background-image: url(../images/technology1.jpg);
}

.toster3 {
  background-image: url(../images/howto_new.jpg);
}

.toster4 {
  background-image: url(../images/recipes1.jpg);
}

.toster5 {
  background-image: url(../images/goodmorning.jpg);
}

.toster6 {
  background-image: url(../images/story1.jpg);
}

.swipe1 {
  background-image: url(../images/greenfan/keynote1.jpg);
}

.swipe2 {
  background-image: url(../images/greenfan/keynote2.jpg);
}

.swipe3 {
  background-image: url(../images/greenfan/keynote3.jpg);
}

.swipe4 {
  background-image: url(../images/keynote4.jpg);
}

.airen1 {
  background-image: url(../images/overview_background.jpg);
}

.airen3 {
  background-color: #009cdc;
}

.airen4 {
  background-image: url(../images/keynote3_background.jpg);
}

.smartheater1 {
  background-image: url(../images/smartheater/overview_background.jpg);
}

.smartheater2 {
  background: #f8f8f5 url(../images/smartheater/keynote1_background.png) no-repeat center 195px;
}

.airfeature {
  background-color: #fbfcff;
  border-bottom: 1px solid #ccc;
}

.airfeature1 {
  background-image: url(../images/air/collect_background.jpg);
  background-repeat: repeat;
  border-bottom: 1px solid #ccc;
}

.loop_airflow {
  border-bottom: 1px solid #ccc;
}

.airpower1 {
  background-image: url(../images/air/overview_background1.jpg);
  background-color: #fefefe;
}

.section_natural_wind {
  background-image: url(../images/gfeatures/natural_wind.jpg);
}

.efficiency_pm {
  background: #009cdd;
}

.efficiency_pollen {
  border-bottom: 1px solid #ccc;
}

.airfeature1 .note {
  clear: both;
  text-align: center;
  font-family: "AliMedium";
  padding: 10px 0 30px;
  font-size: 15px;
}

.airen3 p.part2 {
  text-align: left;
}

#stats_graphs {
  width: 100%;
  max-width: 810px;
  margin: 0 auto;
}

#main_graph {
  position: relative;
  width: 880px;
  height: 500px;
  margin: 0 auto 10px;
  border-radius: 3px;
  background-color: #009cdd;
}

#main_graph #power_overview_main {
  position: absolute;
  top: 60px;
  left: 110px;
}

#main_graph h4 {
  padding: 30px 0 10px;
  font-size: 16px;
  line-height: 20px;
  color: #fff;
  font-family: "AliMedium";
}

#main_graph .overview_graph_overlay {
  position: absolute;
  top: 40px;
  left: 20px;
  opacity: 0;
}

.adjusts .contents p.Info,
p.Info {
  font-size: 13px;
  line-height: 18px;
  color: #888;
  padding: 15px 0;
}

.section_deodorize h2.title {
  margin-top: 80px;
}

.adjusts .contents p.Info {
  font-style: normal;
}

.cleanma {
  width: 100%;
  max-width: 520px;
}

.airpowertitle {
  margin: 150px auto 50px;
}

.contents {
  position: relative;
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
  text-align: center;
  height: 100%;
}

.efficiency_pm .contents .title {
  margin: 80px auto 90px;
  vertical-align: top;
}

.efficiency_pm .contents img {
  display: block;
}

.efficiency_pm .contents #chart_PM25 {
  margin-bottom: 40px;
}

.efficiency_pm .contents .efficiency_pm_graph_line {
  position: absolute;
  top: 176px;
  left: 142px;
}

.efficiency_pm .contents .efficiency_pm_graph_overlay {
  position: absolute;
  top: 212px;
  left: 197px;
  opacity: 0;
}

.efficiency_pm .contents .text {
  margin: 0 50px;
}

.efficiency_pm .contents .text p {
  color: #fff;
}

.efficiency_pollen .contents .title {
  margin: 80px auto 280px;
}

.efficiency_pollen .contents #graph_bar {
  position: absolute;
  top: 210px;
  left: 250px;
}

.efficiency_pollen .contents .efficiency_pollen_graph_line {
  position: absolute;
  top: 347px;
  left: 148px;
}

.efficiency_pollen .contents .efficiency_pollen_graph_overlay {
  position: absolute;
  top: 182px;
  left: 305px;
  opacity: 0;
}

.adjusts.black .contents p.graph_caption {
  display: block;
  margin: 0 auto;
  padding-top: 15px;
  font-size: 13px;
  color: #666;
  font-family: "AliMedium";
  text-align: center;
}

.keynote_title {
  top: 64px;
  width: 100%;
  text-align: center;
  height: 162px;
  font-size: 30px;
  line-height: 172px;
  text-align: center;
  background: url(../images/keynote_number.png) no-repeat center 0;
}

.efficiency_pollen .contents .text {
  margin: 50px 50px 20px;
}

.efficiency_pollen .btn.ghost {
  color: #333;
  border: 1px solid #999;
}

.btn.ghost {
  display: block;
  width: 200px;
  height: 40px;
  margin: 0 auto;
  line-height: 40px;
  color: #fff;
  text-decoration: none;
  border: 1px solid #ccc;
  border-radius: 3px;
  cursor: pointer;
  padding: 0 10px;
  font-family: "AliMedium";
  background: transparent;
}

.swipe1.adjusts .contents h2,
.swipe2.adjusts .contents h2,
.swipe3.adjusts .contents h2 {
  text-align: left;
  margin-top: 80px;
  margin-bottom: 30px;
}

.swipe4.adjusts .contents h2 {
  padding-top: 50px;
  margin-bottom: 30px;
}

.swipe4.adjusts .contents p {
  padding: 10px 100px 0;
  text-align: center;
}

.power_of_enzyme {
  background-color: #2e2e2e;
}

.power_of_enzyme .compare {
  position: relative;
  width: 100%;
  max-width: 980px;
  margin: 0 auto 40px;
  border-bottom: 1px dashed #666;
  text-align: center;
}

.power_of_enzyme .title {
  margin: 80px auto 0;
}

.power_of_enzyme .compare span {
  display: block;
  margin-top: 10px;
  font-size: 16px;
  line-height: 30px;
  color: #FFF;
}

.power_of_enzyme .compare p {
  font-size: 14px;
  line-height: 20px;
  color: #ccc;
}

.power_of_enzyme .compare .photo_2 {
  left: 510px;
}

.power_of_enzyme .compare .power_of_enzyme_info {
  position: absolute;
  top: 0;
  right: 50px;
}

.enzyme_filter {
  background: url(../images/air/enzyme_filter_background.jpg);
}

.enzyme_filter .contents .text_hf {
  width: 228px;
  text-align: right;
  margin-top: 200px;
}

.enzyme_filter .contents .text_du {
  width: 260px;
  text-align: left;
  margin-left: 200px;
  margin-top: 10px;
}

.enzyme_filter .contents .text_hf p,
.enzyme_filter .contents .text_du p {
  font-size: 14px;
  line-height: 22px;
  color: #000;
}

.enzyme_filter .contents .caption_title {
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 10px;
}

.enzyme_filter .contents h5.caption_title {
  margin-bottom: 1px;
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
  color: #000;
  font-family: "AliMedium";
}

.section_deodorize .graph canvas {
  margin: 0 50px;
}

.power_of_enzyme .overlay {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
}

.ui_close.ui_close_alt {
  color: rgba(255, 255, 255, 0.5);
}

.ui_close {
  position: absolute;
  top: 50px;
  right: 50px;
  cursor: pointer;
  display: none;
  font-size: 48px;
  line-height: 48px;
  color: rgba(0, 0, 0, 0.2);
}

.power_of_enzyme .overlay_content {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  background: #2e2e2e;
  text-align: center;
}

.power_of_enzyme .overlay_content img {
  width: 100%;
  max-width: 620px;
  text-align: center;
  margin: 0 auto;
  padding-top: 140px;
}

.power_of_enzyme .overlay_content .text {
  width: 90%;
  margin: 0 auto;
  padding-top: 50px;
}

.power_of_enzyme p {
  color: #FFF;
}

.section_deodorize .graph .title {
  display: block;
  margin: 80px auto 130px;
}

.section_deodorize .graph {
  position: relative;
  width: 980px;
  height: 460px;
  margin: 0 auto 30px;
  text-align: center;
}

.section_deodorize #power_deodorize_graph_overlay {
  position: absolute;
  top: 146px;
  left: 93px;
  width: 859px;
  height: 329px;
  background: url(../images/air/power_deodorize_graph_overlay.png) no-repeat;
}

.Page7 .section_spec .inner {
  padding: 70px 50px;
  max-width: 880px;
  width: 100%;
  margin: 0 auto;
  display: block;
  position: relative;
  float: left;
}

.design1 {
  background: url(../images/design/design_overview.jpg) no-repeat center top;
  border-bottom: 1px solid #ccc;
}

.section_jetcleaning {
  background: url(../images/design/design_jetcleaning_bg.jpg) no-repeat;
  border-bottom: 1px solid #ccc;
  background-size: cover;
}

#design_jetcleaning {
  margin-top: 10px;
}

h3.prod_title {
  margin: 80px 0 40px;
  font-size: 32px;
  line-height: 34px;
  font-family: "AliMedium";
  letter-spacing: 0;
  text-align: left;
}

h3.prod_title.white,
.white,
h3.prod_title.awhite,
h2.title.awhite,
p.awhite {
  color: #fff;
}

.section1t h3.prod_title {
  margin-top: 130px;
}

.section_simple {
  background: url(../images/design/design_simple.jpg) #222;
  border-bottom: 1px solid #ccc;
}

.section_maintenance {
  background: url(../images/design/design_maintenance.jpg) no-repeat center top;
  border-bottom: 1px solid #ccc;
}

[id*="model"] {
  clear: both;
  float: left;
  display: block;
  margin: 10px 0 10px 190px;
}

.m1 {
  background: url(../images/design/model1.png) no-repeat left top;
  width: 345px;
  height: 64px;
}

.m2 {
  background: url(../images/design/model2.png) no-repeat left top;
  width: 345px;
  height: 64px;
}

.m3 {
  background: url(../images/design/model3.png) no-repeat left top;
  width: 345px;
  height: 64px;
}

.m4 {
  background: url(../images/design/model4.png) no-repeat left top;
  width: 345px;
  height: 64px;
}

.mleft {
  margin-right: 30px;
}

.mleft,
.wleft {
  float: left;
}

.wleft {
  width: 230px;
  text-align: left;
  font-family: "AliMedium";
}

.wleft h4 {
  font-family: "AliMedium";
}

.section_filter .btn.ghost {
  width: 300px;
  color: #333;
  border: 1px solid #999;
}

.section_filter .text {
  margin-top: 150px;
}

.stats1 {
  border-bottom: 1px solid #ccc;
}

.stats2 {
  background: url(../images/airengine/stats/gatekeeper_background.jpg);
  border-bottom: 1px solid #ccc;
  text-align: center;
}

#gatekeeper_layer {
  margin-top: 90px;
}

.section_1min_movie {
  position: relative;
}

.section_1min {
  height: 300px;
}

.section_1min_movie #video2 {
  position: relative;
  padding-top: 69px;
  padding-bottom: 50%;
  overflow: hidden;
}

.section_1min_movie #video2 iframe {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.award_summaly {
  height: 80px;
  background-color: #f2f2f2;
}

.award_summaly .contents {
  padding-top: 23px;
  text-align: center;
}

table.Specs {
  display: block;
  margin-bottom: 30px;
  font-family: "AliMedium";
  width: auto;
}

.specs .contents .title {
  margin: 80px auto 60px 50px;
}

table.Specs tr td.title {
  color: #000;
}

table.Specs tr td {
  padding: 6px 0 5px;
  color: #666;
  vertical-align: top;
  text-align: left;
}

table.Specs tr {
  border-bottom: 1px solid #ebebeb;
  font-size: 14px;
  line-height: 20px;
  text-align: left;
}

table.Specs tr td.n3 {
  border-left: 1px solid #ebebeb;
  background-color: #f9f9f9;
  padding-left: 10px;
}

.award,
.place {
  overflow: hidden;
  background-color: #f2f2f2;
}

.award .contents .column {
  height: 370px;
  background-color: #fff;
  text-align: left;
  margin-bottom: 30px;
}

.award .contents .column img {
  margin: 50px auto 0 30px;
}

.award .contents .column p {
  padding: 0 30px;
  font-size: 13px;
  line-height: 22px;
}

.gfeature .overview .overlay,
.gfeature2 .overlay,
.gfeature3 .overlay {
  top: 80px;
  background: none;
  position: absolute;
  width: 100%;
  height: 100%;
}

.traditional_airflow {
  border-bottom: 1px solid #ccc;
}

.gfeature .text,
.innovation .text {
  margin-top: 40px;
}

#video_overlay h3.prod_title {
  margin-top: 30px;
}

.section_silent h3.prod_title {
  margin-top: 0;
}

.section_natural_wind .text p,
.gfeature2 .text p,
.gfeature3 .text p,
.innovation .text p,
.section_year .text p,
.section_dc .contents .text p,
.section_japan .text p {
  color: #fff;
  font-family: "AliMedium";
  font-size: 18px;
  line-height: 34px;
  max-width: 800px;
  margin: 0 auto;
  margin-top: 50px;
}

.gfeature2 .text p {
  margin-top: 0;
}

.innovation .text p {
  margin-top: 35px;
}

.gfeature2 .text p,
.innovation .section_silent .text p,
.section_year .text p,
.section_dc .contents .text p {
  color: #333;
}

.section_year .text p {
  margin-top: 330px;
}

.text-center {
  text-align: center !important;
}

h3.prod_title h3.prod_title.m420 {
  margin-bottom: 420px;
}

h3.prod_title.m480 {
  margin-bottom: 530px;
}

.section_old_fans {
  background: url(../images/gfeatures/old_fans.jpg);
  border-bottom: 1px solid #ccc;
}

.section_japan .contents h3 {
  margin-top: 220px;
}

.gfeature2 .section_greenfan #v5_play {
  position: absolute;
  top: 40%;
  left: 50%;
  margin-left: -150px;
  border: 5px solid rgba(0, 0, 0, 0.2);
  cursor: pointer;
}

.section_movie .contents #v6_play {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -150px;
  border: 5px solid rgba(255, 255, 255, 0.2);
  cursor: pointer;
}

.section_movie {
  background-color: #000;
}

video#v6 {
  display: none;
}

.gfeature2 .section_greenfan #v5_play:hover {
  border: 5px solid rgba(0, 0, 0, 0.4);
}

.section_movie .contents #v6_play:hover {
  border: 5px solid #fff;
}

.section_15m {
  background: url(../images/gfeatures/15m_image.jpg);
}

.innovation .overlay {
  top: 80px;
  background: none;
  position: absolute;
  width: 100%;
  height: 100%;
}

.section_eco {
  background: url(../images/innovation/eco_background.png) repeat-x bottom;
  border-bottom: 1px solid #ccc;
}

.section_eco .contents .text div h5 {
  font-size: 20px;
  line-height: 24px;
  font-weight: 400;
  text-align: center;
  margin-bottom: 10px;
  font-family: "AliMedium";
}

.section_eco .contents .text div h5 em {
  display: block;
  font-size: 28px;
  line-height: 36px;
  font-weight: 400;
  font-family: "AliMedium";
}

.section_eco .contents .text p {
  font-family: "AliMedium";
  font-size: 14px;
  line-height: 26px;
  margin-bottom: 10px;
  color: #000;
}

.section_eco .contents #eco_image {
  margin-top: 40px;
}

.section_year {
  background: url(../images/innovation/year.png) no-repeat 50% 45%;
}

.section_year .info,
.info {
  font-size: 12px;
  line-height: 18px;
  color: #888;
  margin-top: 15px;
  font-family: "AliMedium";
}

.section_dc {
  background: url(../images/innovation/dc_background.png) no-repeat 65% center;
  background-color: #acacb1;
}

.section_dc .contents .text {
  margin: 240px 0 0 50px;
}

.section_japan {
  background: url(../images/innovation/japan_background.jpg) no-repeat center center;
  background-size: cover;
}

.gdesign .contents .text {
  padding: 0 50px;
  margin-top: 0;
}

.gdesign .contents .text p,
.section_cordless .text p,
.section_size .text p,
.section_cirq .text p,
.section_adapter .text p {
  font-size: 18px;
  line-height: 34px;
  margin-bottom: 10px;
  color: #333;
}

.section_cordless {
  background: url(../images/gdesign/cordless_background.jpg) no-repeat center center;
  background-size: cover;
}

h3.prod_title.mt300 {
  margin-top: 300px;
}

.section_cordless p.white,
.section_bedroom p.white {
  color: #fff;
}

.section_cordless p.info {
  font-size: 12px;
  line-height: 18px;
  color: #888;
}

.contents .text p.info.white {
  color: #fff;
}

.section_bedroom {
  background: url(../images/gdesign/bedroom_background.jpg) no-repeat center center;
  background-size: cover;
}

.section_size {
  background: url(../images/gdesign/size_background.png) repeat-x bottom;
  border-bottom: 1px solid #ccc;
}

.section_cirq {
  border-bottom: 1px solid #ccc;
}

#adap {
  float: right;
  position: relative;
  height: 464px;
}

#adap #adapter_background {
  position: absolute;
  bottom: 0;
  right: 140px;
}

#adap #adapter_rotate {
  position: absolute;
  bottom: 272px;
  right: 143px;
}

.normal .overlay {
  top: 80px;
  background: none;
  position: absolute;
  width: 100%;
  height: 100%;
}

.section029 {
  background: url(../images/story/029_background.jpg) no-repeat center bottom;
  background-size: cover;
}

.normal .contents .text p {
  font-size: 18px;
  line-height: 34px;
  margin-bottom: 10px;
  color: #333;
}

.normal .contents .text p.white {
  color: #fff;
}

.section030 {
  background: url(../images/story/030_background.jpg) no-repeat center bottom;
  background-size: cover;
}

.section031 {
  background: url(../images/story/031_background.jpg) no-repeat center top;
  background-size: cover;
}

.section032 {
  background: url(../images/story/032_background.jpg) no-repeat center top;
  background-size: cover;
}

.section033 {
  background: url(../images/story/033_background.jpg) no-repeat center top;
  background-size: cover;
}

.section034 {
  background: url(../images/story/034_background.jpg) no-repeat center top;
  background-size: cover;
}

.section034 p.quotes {
  margin-top: 50px;
  text-align: right;
  background: transparent;
}

.section034 p {
  width: 100%;
  max-width: 740px;
  margin: 0 auto 10px;
}

#Spec {
  position: relative;
  margin: 0 auto;
}

.instruction {
  display: block;
  text-align: right;
  padding-right: 40px;
}

.subimages,
.section_specs,
.section_mode,
.section_mode {
  border-bottom: 1px solid #ccc;
}

.place .contents .columns {
  height: 460px;
  margin: 0 auto;
}

.section--image {
  background: url(../images/accessory/background-desktop.jpg) no-repeat center center;
  background-size: cover;
  height: 400px;
}

.page--accessory--airengine .section--image {
  background: url(../images/airengine/background-desktop.jpg) no-repeat center center;
  background-size: cover;
  height: 400px;
}

.page--accessory--airengine .item__image img {
  max-width: 340px;
}

.page--accessory--airengine .contents {
  max-width: 720px;
  width: 100%;
  margin: 0 auto;
  padding: 0;
}

.section--lead {
  padding: 0 45px 50px;
  text-align: center;
}

.section--lead p {
  font-size: 16px;
  max-width: 720px;
  margin: 0 auto;
  text-align: center;
  line-height: 25px;
}

.section--item {
  padding: 0 0 80px;
  border-top: 1px solid #ccc;
  color: #666;
}

h4.prod_title {
  font-weight: 400;
  margin: 0 0 30px;
  font-size: 24px;
  line-height: 36px;
  color: #333;
  text-align: left;
}

.item__description {
  margin-bottom: 40px;
  font-size: 14px;
  line-height: 24px;
  color: #333;
  text-align: left;
}

.section--item td,
.section--item th {
  display: table-cell;
  vertical-align: inherit;
  line-height: 24px;
  text-align: left;
}

.item__spec {
  float: right;
  margin-bottom: 40px;
  color: #666;
  font-size: 12px;
}

.item__spec td:first-child {
  width: 100px;
  padding-right: 1.5em;
}

.item__spec td {
  vertical-align: top;
  padding: 5px 0;
  font-size: 14px;
}

.item__spec tr {
  border-bottom: 1px solid #ccc;
}

.item__purchase {
  clear: both;
  overflow: hidden;
  border-top: 1px solid #ccc;
  padding-top: 30px;
}

.item__purchase-info {
  float: left;
  width: 50%;
  text-align: left;
}

.item__price {
  font-size: 22px;
}

.item__buy {
  float: right;
  width: 240px;
}

.section1 {
  padding-top: 60px;
  padding-bottom: 70px;
}

.section2 h3,
.section3 h3,
.section2q h3,
.img3 h3,
.img4 h3 {
  margin-left: 0;
}

.section2 p {
  font-size: 18px;
  line-height: 30px;
  color: #f6f6f6;
  text-align: left;
}

.section2 .image img {
  width: 100%;
  height: auto;
}

.section2 .text {
  margin-left: -490px;
  position: absolute;
  left: 50%;
  top: 0;
  width: 360px;
  height: 100%;
}

.section2 .right .text {
  left: auto;
  right: 50%;
  margin-left: 0;
  margin-right: -520px;
}

.section2 .text.wide {
  width: 370px;
}

.section2 .text.wide h3,
.section2 .right .text h3 {
  margin-top: 350px;
  text-align: left;
}

.section2 .text h3 {
  margin-top: 210px;
  text-align: left;
}

.section2 .text .inner {
  display: table;
  height: 100%;
}

.section2 .text .inner div {
  display: table-cell;
  vertical-align: middle;
}

.section2 .text p.white {
  color: #fff;
}

h3.prod_title.mb20 {
  margin-bottom: 20px;
}

.section1t p,
.section3 p,
.section2q p,
.img3 p,
.img4 p {
  font-size: 18px;
  line-height: 30px;
  width: 100%;
  margin: 0 auto;
  text-align: left;
}

.section2q p {
  text-align: center;
}

.section2q {
  position: relative;
}

.section2q img {
  width: 100%;
  height: auto;
}

.section2q .text {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  text-align: center;
}

.section2q .text .mvt {
  width: 100%;
  max-width: 950px;
  margin: 0 auto 20px;
  padding: 0 30px;
  text-align: center;
}

.section3 {
  background: #f6f6f6;
}

.section3 .idx .textbox {
  margin-top: 8%;
}

.mx100 {
  margin-top: 100px;
}

.img3 {
  background: url(../images/toaster/technology/section--03@2x.jpg) 50% 50% no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  height: 576px;
}

.img4 {
  background: url(../images/toaster/technology/img4.jpg) 50% 60% no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}

.section_lead {
  text-align: center;
  width: 100%;
  background: #ccc url(../images/howto/section_lead_bg.jpg) no-repeat center center;
  background-size: cover;
}

.section_lead h3.prod_title {
  margin-top: 140px;
  margin-bottom: 20px;
}

.section_step {
  padding: 60px 0 80px;
  position: relative;
}

.section_step .step h3 {
  font-size: 30px;
  margin-bottom: 100px;
  line-height: 60px;
  font-weight: 300;
  margin-top: 0;
}

.section_step.step5 .step h3.prod_title {
  margin-top: 0;
}

.section_step h3.prod_title span {
  font-size: 60px;
  vertical-align: bottom;
  font-weight: 100;
  padding: 0 10px;
}

.alt {
  background-color: #fff;
}

.step2 {
  background: url(../images/howto/step2_image.jpg) no-repeat center bottom;
  background-size: cover;
}

.tipsWarning {
  background: #fafafa;
  padding: 30px;
  border-radius: 5px;
}

h4.tipsWarning_title {
  font-size: 18px;
}

h4.tipsWarning_title:before {
  content: "\e008";
  font-family: "v2";
  float: left;
  display: block;
  font-size: 40px;
  width: 60px;
  height: 100px;
  margin-top: 10px;
}

.section_step .tips h4.tips_title {
  font-size: 22px;
  line-height: 34px;
  margin: 30px 0;
  text-indent: 45px;
  background: url(../images/howto/bulb.png) no-repeat left top;
  text-align: left;
}

.step3 .inner {
  width: 100%;
  max-width: 980px;
  margin: 0 auto;
  padding: 0;
}

.step3 .modesDescription {
  clear: both;
  text-align: center;
  margin: 10px 0 50px;
}

h3.modesDescription_title {
  font-size: 28px;
  min-width: 200px;
  border-bottom: 1px solid #000;
  display: inline-block;
  margin: 40px auto;
  padding-bottom: 25px;
  font-weight: 300;
}

.containerModes {
  overflow: hidden;
  margin: 0 -10px;
}

.section_lead p {
  width: 640px;
  color: #fff;
  margin: 0 auto;
  text-shadow: 0 0 50px rgba(0, 0, 0, 0.8);
}

.containerModes .mode_toast {
  background: url(../images/howto/step3_mode_toast_bg.jpg) no-repeat center top;
}

.containerModes .mode_cheese {
  background: url(../images/howto/step3_mode_cheese_bg.jpg) no-repeat center top;
}

.containerModes .mode_baguette {
  background: url(../images/howto/step3_mode_baguette_bg.jpg) no-repeat center top;
}

.containerModes .mode_croissant {
  background: url(../images/howto/step3_mode_croissant_bg.jpg) no-repeat center top;
}

.containerModes .mode {
  width: 400px;
  height: 430px;
  background-color: #fff;
  float: left;
  padding: 25px;
  margin: 10px;
  border-radius: 5px;
  -webkit-box-sizing: initial;
  box-sizing: initial;
}

.containerModes .mode_toast h4 {
  background: url(../images/howto/step3_icon_toast_bg.png) no-repeat center center;
}

.containerModes .mode_cheese h4 {
  background: url(../images/howto/step3_icon_cheese_bg.png) no-repeat center center;
}

.containerModes .mode_baguette h4 {
  background: url(../images/howto/step3_icon_baguette_bg.png) no-repeat center center;
}

.containerModes .mode_croissant h4 {
  background: url(../images/howto/step3_icon_croissant_bg.png) no-repeat center center;
}

.containerModes .mode h4.mode_title {
  display: block;
  width: 110px;
  height: 40px;
  padding: 90px 20px 20px;
  margin: 140px auto 10px;
  text-align: center;
  color: #d6a247;
  font-size: 14px;
  font-weight: 700;
  -webkit-box-sizing: initial;
  box-sizing: initial;
}

.containerModes .mode p.comment {
  text-align: center;
  font-weight: 700;
  font-size: 16px;
}

.step3 .tips {
  background-color: #f8b031;
  padding: 25px;
  border-radius: 5px;
  margin: 20px 0;
}

.step3 a .tips p.icon {
  font-size: 20px;
  line-height: 50px;
  border-right: 1px solid #fff;
  padding-right: 20px;
  margin-right: 20px;
}

.step3 a .tips p {
  color: #fff;
  font-size: 18px;
  display: inline-block;
  margin: 0;
}

.section_step .tips p {
  font-size: 15px;
  line-height: 1.8em;
}

.mode_classic {
  background-color: #fff;
  border-radius: 5px;
  overflow: hidden;
}

.mode_classic .chart {
  background: url(../images/howto/step3_classic_chart_bg.png) no-repeat left bottom;
  background-size: 168px 207px;
  background-color: #333;
  padding: 40px 0;
  text-align: center;
}

.mode_classic .mode h4 {
  font-size: 22px;
  text-align: center;
  margin: 15px 0;
  padding: 0;
  width: auto;
  color: #333;
}

.mode_classic .containerModes {
  padding: 30px;
  overflow: hidden;
}

.mode_classic .mode_300w h4 span {
  color: #f2d22e;
}

.mode_classic .containerModes .mode {
  width: 33%;
  max-width: 260px;
  height: auto;
  float: left;
  margin: 0 20px;
  padding: 0;
  -webkit-box-sizing: initial;
  box-sizing: initial;
}

.step5 {
  font-size: 18px;
  line-height: 1.7em;
  background: url(../images/howto/section--05@2x.jpg) no-repeat center center;
  background-size: cover;
}

.section_step p.leads {
  margin: 0;
  font-size: 18px;
  line-height: 34px;
  color: #333;
  text-align: left;
  margin-bottom: 30px;
}

.section_support {
  padding: 50px 0;
  font-size: 16px;
  overflow: hidden;
  font-family: '微軟正黑體';
}

.section_support .faq h4 {
  font-size: 24px;
  line-height: 1.7em;
  margin: 20px 0;
}

.section_support .faq ul {
  display: block;
  list-style-type: disc;
}

.section_support .faq li {
  margin-bottom: 10px;
  margin-left: 2em;
  font-family: '微軟正黑體';
  list-style-type: disc;
}

.section_support .call {
  margin: 20px 0;
  padding: 40px;
  width: 400px;
  float: right;
  border: 1px solid #ccc;
}

.section_support .call p.dial {
  font-size: 26px;
  font-weight: 700;
  font-family: '微軟正黑體';
}

.section_support .call p {
  font-size: 16px;
  line-height: 1.7em;
}

.section_support .faq a {
  color: #666;
  font-family: '微軟正黑體';
}

.section_support .faq a:hover {
  text-decoration: underline !important;
}

#ContainerLayer {
  background-color: #fafafa;
}

.Page5 .section1 {
  position: relative;
  padding: 0;
  margin: 0;
}

.Page5 .section1 img {
  width: 100%;
  height: auto;
}

.Page5 .section1 .text {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}

.Page5 .section1 h2 {
  padding-top: 130px;
  margin-bottom: 50px;
  font-size: 38px;
  text-align: center;
  color: #333;
  font-weight: 300;
}

.Page5 .section1 p {
  font-size: 18px;
  line-height: 30px;
  max-width: 740px;
  margin: 0 auto;
}

.Page5 .img2 {
  background: url(../images/tstory/img2.jpg) top center no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}

.Page5 .img3 {
  background: url(../images/tstory/img3.jpg) 50% 50% no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}

.Page5 .img4 {
  background: url(../images/tstory/img4.jpg) 50% 50% no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}

.Page5 .img5 {
  background: url(../images/tstory/img5.jpg) 50% 50% no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}

.Page5 .img6 {
  background: url(../images/tstory/img6.jpg) 50% 50% no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}

.Page5 .section2 {
  height: 720px;
  margin: 0;
  padding: 0;
}

.Page5 .section2 h2 {
  padding-top: 60px;
  margin-bottom: 40px;
  margin-top: 0;
  font-size: 38px;
  color: #f6f6f6;
  text-align: center;
  letter-spacing: 0;
  font-weight: 400;
}

.Page5 .section2.img3 h2 {
  padding-top: 175px;
}

.Page5 .img4 h2 {
  margin-bottom: 370px;
}

.Page5 .img5 h2 {
  padding-top: 155px;
}

.Page5 .img6 h2 {
  padding-top: 245px;
}

.Page5 .section2 p {
  font-size: 18px;
  line-height: 30px;
  max-width: 740px;
  margin: 0 auto;
  color: #f6f6f6;
}

.Page5 .img2 h2 {
  padding-top: 185px;
}

.Page9 .section1 {
  position: relative;
  padding: 0;
}

.Page9 .section1 .text {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}

.Page9 .section_quotes {
  height: 400px;
  background-color: #f3f3f3;
  text-align: center;
}

.Page9 .section_quotes .border {
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -100px;
  width: 200px;
  height: 1px;
  border-bottom: 1px solid #999;
}

.Page9 .section_quotes:last-child .border {
  display: none;
}

.blockquote__info {
  display: block;
  position: absolute;
  bottom: 130px;
  right: 0;
  text-align: right;
  line-height: 18px;
}

.Page9 .blockquote {
  top: 50%;
}

.Page9 .quotes .blockquote {
  margin-top: 0;
}

.Page9 .blockquote__info {
  bottom: 50px;
}

.Page9 .quotes {
  position: relative;
  height: 100%;
  margin: 0 auto;
  max-width: 880px;
}

.Page9 .section1 img {
  width: 100%;
  height: auto;
}

.Page9 .section1 h2 {
  padding-top: 110px;
  margin-bottom: 50px;
  font-size: 38px;
  text-align: center;
  color: #333;
  font-weight: 400;
  font-style: normal;
}

.Page9 .section1 p {
  text-align: center;
  font-size: 18px;
  line-height: 34px;
  margin-bottom: 10px;
  color: #333;
}

.Page10 .section {
  position: relative;
  width: 100%;
}

.Page10 .textContainer {
  position: absolute;
  height: 100%;
  top: 0;
  width: 100%;
  margin-bottom: 50px;
}

.Page10 .bgImgContainer__image {
  width: 100%;
  height: auto;
}

.Page10 .textContainer--right {
  width: 450px;
  height: 100%;
  left: auto;
  right: 50%;
  margin-right: -490px;
}

.Page10 .textContainer--left {
  width: 450px;
  height: 100%;
  left: 50%;
  margin-left: -490px;
}

.Page10 .textContainer__inner--table {
  display: table;
  height: 100%;
}

.Page10 .textContainer__inner--cell {
  display: table-cell;
  vertical-align: middle;
}

.Page10 .section__pageTitle {
  padding-top: 150px;
  margin-bottom: 50px;
  font-size: 38px;
  text-align: center;
  color: #333;
  line-height: 34px;
  font-weight: 300;
}

#bakeries h2 {
  margin-top: 300px;
}

.Page10 .section__heading {
  margin-top: 0;
  margin-bottom: 40px;
  font-size: 32px;
  color: #333;
  text-align: center;
  font-weight: 300;
}

.Page10 .section__text {
  font-size: 18px;
  line-height: 30px;
  width: 100%;
  max-width: 740px;
  color: #333;
  margin: 0 auto 20px;
  text-align: center;
}

.Page10 .section__heading.white,
.Page10 .section__text.white {
  color: #fff;
}

.Page10 .textContainer__inner {
  width: 100%;
  max-width: 780px;
  margin: 0 auto;
}

.Page10 .section--bakeries {
  position: relative;
  width: 100%;
  height: 800px;
  background: url(../images/rebake/img5_bg.jpg) no-repeat center center;
  background-color: #1e1d1d;
  background-size: cover;
  overflow: hidden;
}

.Page10 .bakeryListItem__title {
  width: 200px;
  height: 200px;
  display: block;
  text-indent: 100%;
  padding-bottom: 40px;
  text-align: center;
  color: #fff;
  white-space: nowrap;
  overflow: hidden;
}

.Page10 .bakeryListItem__title--005 {
  background: url(../images/rebake/bakery005/logo_white.png) no-repeat center center;
}

.Page10 .bakeryListItem__title--001 {
  background: url(../images/rebake/bakery001/logo_white.png) no-repeat center center;
}

.Page10 .bakeryListItem__title--003 {
  background: url(../images/rebake/bakery003/logo_white.png) no-repeat center center;
}

.Page10 .bakeryListItem__title--002 {
  background: url(../images/rebake/bakery002/logo_white.png) no-repeat center center;
}

.Page10 .bakeryListItem__text {
  font-size: 16px;
  line-height: 1.8;
  text-align: center;
  color: #fff;
  opacity: .7;
  font-family: '微軟正黑體';
}

.Page10 .side {
  text-align: left;
}

.Page10 .section_bakery_quote {
  padding-top: 160px;
  padding-bottom: 80px;
  text-align: center;
}

.Page10 .section_bakery_quote img.logo {
  border-radius: 185px;
  margin: 0 0 20px;
  width: 185px;
}

.Page10 .kimuraya .blockquote,
.Page10 .kimuraya h2,
.Page10 .kimuraya h3,
.Page10 .kimuraya p {
  color: #eee;
  font-weight: 400;
}

.Page10 .section_bakery_quote p {
  font-size: 20px;
  line-height: 30px;
  text-align: center;
  max-width: 780px;
  margin: 0 auto;
}

.Page10 .section_bakery_quote p.owner {
  margin-top: 40px;
  position: relative;
}

.Page10 .kimuraya .blockquote:before,
.Page10 .kimuraya .blockquote:after {
  color: #451b29;
}

.Page10 .section_bakery_recipe005 {
  position: relative;
  width: 100%;
  height: 800px;
  background-color: #1c1818;
  background-image: url(../images/rebake/bakery005/main.jpg);
  background-position: center;
  background-repeat: no-repeat;
}

.Page10 .section_bakery_recipe005 .list3 {
  position: absolute;
  width: 980px;
  height: 600px;
  margin-left: -490px;
  left: 50%;
}

.Page10 .section_bakery_recipe005 .bread {
  width: 290px;
  position: absolute;
  top: 620px;
}

.Page10 .section_bakery_recipe005 .anpan {
  left: 520px;
  top: 120px;
  text-align: left;
}

.Page10 .section_bakery_recipe005 .scone {
  right: 520px;
  top: 450px;
  text-align: right;
}

.Page10 .section_bakery_recipe005 .bread h2 {
  color: #fff;
  height: 2.8em;
  display: table-cell;
  vertical-align: middle;
  width: 290px;
  padding-bottom: 10px;
  text-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
  font-size: 24px;
  line-height: 34px;
  margin-bottom: 20px;
  font-weight: 400;
}

.Page10 .section_bakery_recipe005 .bread p.time {
  display: block;
  margin: 0;
  padding-top: 20px;
  font-size: 30px;
  line-height: 20px;
}

.Page10 .section_bakery_recipe005 .bread p.time span {
  font-size: 22px;
}

.Page10 .section_bakery_recipe005 .bread p.rebake_mode {
  margin-top: 10px;
}

.Page10 .section_bakery_recipe005 .bread p {
  color: #fff;
  font-size: 15px;
  line-height: 22px;
  text-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
}

.Page10 .section_bakery_info .inner .text .address {
  margin-bottom: 20px;
}

.Page10 .section_bakery_info .inner {
  margin: 0 auto;
  width: 880px;
  display: block;
}

.Page10 .section_bakery_info .inner .text {
  float: left;
  padding: 120px 0 0;
  width: 540px;
}

.Page10 .section_bakery_info .inner .map {
  float: right;
  margin: 120px 0;
}

.Page10 .section_bakery_info .inner iframe {
  width: auto;
  height: 400px;
}

.Page10 .kimuraya {
  background: #6d2940;
}

.Page10 .back {
  background: url(../images/rebake/bakery005/img5.jpg) no-repeat center bottom;
  background-size: cover;
  width: 100%;
  height: 300px;
  position: relative;
}

.Page10 .section_bakery_info .inner .text p {
  font-size: 18px;
  line-height: 34px;
}

.Page10 .section_bakery_info .inner .text h3 {
  font-size: 28px;
  line-height: 32px;
  margin-bottom: 10px;
}

.Page10 .back a {
  display: block;
  border-radius: 20px;
  background: rgba(0, 0, 0, 0.4);
  width: 300px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: #fff;
  font-size: 14px;
  text-decoration: none;
  position: absolute;
  left: 50%;
  top: 140px;
  margin-left: -150px;
  padding: 0;
}

.Page10 .back a:hover {
  background: rgba(0, 0, 0, 0.8);
}

.Page10 .paperback {
  background-color: #f0e7d6;
  background-image: url(../images/rebake/bakery001/beige.jpg);
  background-size: cover;
}

.Page10 .paperback .blockquote,
.Page10 .paperback h2,
.Page10 .paperback h3,
.Page10 .paperback p {
  color: #555;
  font-weight: 400;
}

.Page10 .paperback .blockquote:before,
.Page10 .paperback .blockquote:after {
  color: #777;
}

.Page10 .section_bakery_recipe001 {
  position: relative;
  width: 100%;
  height: 965px;
  background-color: #292929;
  background-image: url(../images/rebake/bakery001/main.jpg);
  background-position: center;
  background-repeat: no-repeat;
}

.Page10 .section_bakery_recipe001 .list3 {
  position: absolute;
  bottom: 40px;
  width: 980px;
  height: 600px;
  margin-left: -490px;
  left: 50%;
}

.Page10 .section_bakery_recipe001 .left {
  left: 0;
}

.Page10 .section_bakery_recipe001 .center {
  left: 350px;
}

.Page10 .section_bakery_recipe001 .right {
  right: 0;
}

.Page10 .section_bakery_recipe001 .bread {
  width: 290px;
  position: absolute;
  bottom: 20px;
  text-align: center;
}

.Page10 .section_bakery_recipe001 .bread h2 {
  color: #fff;
  height: 2.8em;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  width: 290px;
  padding-bottom: 10px;
  font-weight: 400;
  font-size: 24px;
  line-height: 34px;
  margin-bottom: 20px;
}

.Page10 .section_bakery_recipe001 .bread p {
  color: #fff;
  font-size: 15px;
  line-height: 22px;
}

.Page10 .section_bakery_recipe001 .bread p.copy {
  min-height: 66px;
}

.Page10 .section_bakery_recipe001 .bread p.time {
  display: block;
  height: 50px;
  margin: 0;
  padding-top: 20px;
  font-size: 30px;
  line-height: 50px;
}

.Page10 .section_bakery_recipe001 .bread p.time span {
  font-size: 22px;
}

.Page10 .section_bakery_recipe001 .bread p.rebake_mode {
  margin-top: 10px;
}

.Page10 .rewhite {
  background-color: #f2f2f2;
  background-image: url(../images/rebake/bakery002/white.jpg);
  background-size: cover;
}

.Page10 .section_bakery_quote img#katane {
  border: 2px solid #f2999a;
}

.Page10 .section_bakery_quote img.logo {
  border-radius: 185px;
  margin: 0 0 20px;
  width: 185px;
}

.Page10 .rewhite .blockquote,
.Page10 .rewhite h2,
.Page10 .rewhite h3,
.Page10 .rewhite p {
  color: #555;
  font-weight: 400;
}

.Page10 .section_bakery_recipe002 {
  position: relative;
  width: 100%;
  height: 900px;
  background-color: #bbaf9a;
  background-image: url(../images/rebake/bakery002/main.jpg);
  background-position: center;
  background-repeat: no-repeat;
}

.Page10 .section_bakery_recipe002 .list3 {
  position: absolute;
  bottom: 90px;
  width: 980px;
  height: 600px;
  margin-left: -490px;
  left: 50%;
}

.Page10 .section_bakery_recipe002 .bread {
  width: 290px;
  position: absolute;
  bottom: 20px;
  text-align: center;
}

.Page10 .section_bakery_recipe002 .left {
  left: 0;
}

.Page10 .section_bakery_recipe002 .center {
  left: 350px;
}

.Page10 .section_bakery_recipe002 .right {
  right: 0;
}

.Page10 .section_bakery_recipe002 .bread h2 {
  color: #000;
  height: 2.8em;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  width: 290px;
  padding-bottom: 10px;
  font-size: 24px;
  line-height: 34px;
  margin-bottom: 20px;
  font-weight: 400;
}

.Page10 .section_bakery_recipe002 .bread p {
  color: #000;
  font-size: 15px;
  line-height: 22px;
  margin-bottom: 10px;
  min-height: 70px;
  padding-left: 0;
  padding-right: 0;
}

.Page10 .section_bakery_recipe002 .bread p.copy {
  text-align: center;
}

.Page10 .section_bakery_recipe002 .bread p.time {
  display: block;
  height: 40px;
  margin: 0;
  padding-top: 10px;
  font-size: 30px;
  line-height: 40px;
  color: #000;
  font-weight: 400;
  min-height: 40px;
}

.Page10 .section_bakery_recipe002 .bread p.time span {
  font-size: 22px;
}

.Page10 .section_bakery_recipe002 .bread p.rebake_mode {
  margin-top: 10px;
}

.Page10 .brown {
  background-color: #52261f;
  background-image: url(../images/rebake/bakery003/brown.jpg);
  background-size: cover;
}

.Page10 .section_bakery_recipe003 {
  position: relative;
  width: 100%;
  height: 900px;
  background-color: #e9e2cf;
  background-image: url(../images/rebake/bakery003/main.jpg);
  background-position: center;
  background-repeat: no-repeat;
}

.Page10 .section_bakery_quote img.logo {
  border-radius: 185px;
  margin: 0 0 20px;
  width: 185px;
}

.Page10 .brown .blockquote,
.Page10 .brown h2,
.Page10 .brown h3,
.Page10 .brown p {
  color: #eee;
  font-weight: 400;
}

.Page10 .section_bakery_quote p.owner span.shop {
  padding-right: 15px;
  margin-right: 15px;
  position: relative;
}

.Page10 .section_bakery_quote p.owner span {
  display: inline-block;
  padding-top: 15px;
}

.Page10 .brown p.owner span.shop:after {
  background: #eee;
}

.Page10 .section_bakery_quote p.owner span.shop:after {
  content: "";
  position: absolute;
  top: 15px;
  right: 0;
  width: 1px;
  height: 30px;
}

.Page10 .section_bakery_recipe003 .list3 {
  position: absolute;
  width: 980px;
  height: 600px;
  margin-left: -490px;
  left: 50%;
}

.Page10 .section_bakery_recipe003 .left {
  left: 0;
}

.Page10 .section_bakery_recipe003 .center {
  left: 350px;
}

.Page10 .section_bakery_recipe003 .right {
  right: 0;
}

.Page10 .section_bakery_recipe003 .bread {
  width: 290px;
  position: absolute;
  top: 620px;
  text-align: center;
}

.Page10 .section_bakery_recipe003 .bread h2 {
  color: #666;
  height: 2.8em;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  width: 290px;
  padding-bottom: 10px;
  font-size: 24px;
  line-height: 34px;
  margin-bottom: 20px;
  font-weight: 400;
}

.Page10 .section_bakery_recipe003 .bread p {
  color: #666;
  font-size: 15px;
  line-height: 22px;
}

.Page10 .section_bakery_recipe003 .bread p.time {
  display: block;
  margin: 0;
  padding-top: 20px;
  font-size: 30px;
  line-height: 20px;
  color: #666;
}

.Page10 .section_bakery_recipe003 .bread p.time span {
  font-size: 22px;
}

.Page10 .section_bakery_recipe003 .bread p.time span.additional {
  font-size: 15px;
}

.Page10 .section_bakery_info a {
  color: #4ba53a;
  font-size: 16px;
  text-decoration: none;
}

.Page12 .section--item .contents {
  max-width: 720px;
}

.Page12 .section--image {
  background: url(../images/taccessory/background-desktop.jpg) no-repeat center center;
  background-size: cover;
}

.Page12 h2 {
  font-size: 24px;
  line-height: 34px;
  margin-bottom: 20px;
  color: #4ba53a;
  font-weight: 400;
  font-style: normal;
}

.Page12 h2.section_title {
  color: #999;
}

.Page12 .section p {
  font-size: 16px;
  line-height: 25px;
  margin-bottom: 10px;
  color: #333;
}

.Page12 .item__image {
  text-align: center;
  margin: 0 auto;
}

.item__image img {
  width: auto;
}

.section__note {
  font-size: .9rem;
  color: #999;
  line-height: 25px;
}

.item__name {
  margin: 0 0 30px;
  font-size: 24px;
  line-height: 36px;
  color: #333;
  text-align: left;
}

.item__description {
  margin-bottom: 40px;
  font-size: 14px;
  line-height: 24px;
  color: #333;
}

.Page13 .section--intro {
  height: 85vh;
  min-height: 700px;
  background: url(../images/goodmorning/bg_intro.jpg) no-repeat center bottom;
  background-size: cover;
}

.Page13 .section--lead {
  height: 400px;
  background-size: cover;
}

.Page13 .section--lead .section__title {
  text-align: center;
  color: #333;
  font-size: 40px;
  padding-top: 100px;
  margin-bottom: 40px;
  padding-top: 120px;
  font-family: '微軟正黑體';
  font-weight: 300;
  font-style: normal;
}

.Page13 .section--lead .section__text {
  text-align: center;
  color: #333;
  font-size: 18px;
  line-height: 32px;
  width: 100%;
  max-width: 100%;
}

.Page13 .section--recipes {
  height: 100%;
  min-height: 700px;
  position: relative;
  height: 100%;
}

.Page13 .section__background img {
  width: 100%;
}

.Page13 .section--recipes .section__inner {
  position: absolute;
  top: 0;
  left: 50%;
  height: 100%;
  width: 980px;
  margin-left: -470px;
}

.Page13 .recipe_item {
  display: table-row;
}

.Page13 .recipe_item__content--butter {
  top: 10%;
  right: -5%;
}

.Page13 .recipe_item__content {
  position: absolute;
  width: 380px;
  text-shadow: 0 0 10px #f8fbfb;
}

.Page13 .recipe_item__title {
  font-size: 36px;
  margin-bottom: 28px;
  white-space: nowrap;
}

.Page13 .recipe_item__ingredients {
  font-size: 16px;
  margin-bottom: 20px;
  line-height: 22px;
}

.Page13 .recipe_item__process_title {
  font-size: 16px;
  margin-bottom: 14px;
}

.Page13 .recipe_item__process_steps > li {
  margin-left: 16px;
  margin-bottom: 8px;
  list-style-type: decimal;
}

.Page13 .recipe_item__process_steps {
  font-size: 16px;
}

.Page13 .recipe_item__content--tomato {
  top: 45%;
  left: 10%;
}

.Page13 .recipe_item__content--hamegg {
  bottom: 2%;
  right: -40px;
}

.Page13 .section--summer_toasts {
  height: 100%;
  min-height: 700px;
  background: url(../images/goodmorning/bg_summer_toasts.jpg) no-repeat center center;
  background-size: cover;
  padding-bottom: 60px;
}

.Page13 .section--summer_toasts .section__title {
  text-align: center;
  color: #333;
  font-size: 40px;
  padding-top: 100px;
  margin-bottom: 40px;
  margin-top: 0;
  font-weight: 300;
}

.Page13 .section--summer_toasts .section__text {
  text-align: center;
  color: #333;
  font-size: 18px;
  line-height: 32px;
  margin-bottom: 10px;
}

.Page13 .section--summer_toasts .summer_toasts {
  width: 90%;
  max-width: 880px;
  margin: 20px auto;
  background: url(../images/goodmorning/summer_toasts.jpg) no-repeat center center;
  background-size: contain;
  display: table;
  height: 100%;
  list-style-type: none;
}

.Page13 .content {
  background: none;
}

.Page13 .section--summer_toasts .summer_toasts a {
  text-decoration: none;
  color: #333;
  cursor: pointer;
  font-family: '微軟正黑體';
}

.Page13 .section--summer_toasts .summer_toasts__item--fruit {
  width: 27%;
}

.Page13 .section--summer_toasts .summer_toasts__item {
  display: table-cell;
  text-align: center;
  font-size: 16px;
  padding: 30vw 20px 0;
}

.section-pb-60px {
  padding-bottom: 60px;
}

.Page7 h3.prod_title {
  font-size: 32px;
  margin: 70px auto 40px;
}

.Page7 p {
  font-size: 18px;
  line-height: 34px;
  margin-bottom: 10px;
  color: #333;
}

.Page7 .award .contents .text {
  padding: 0 50px;
  margin-bottom: 50px;
}

.Page7 .section_overview {
  padding: 230px 0 100px;
}

.Page7 .section_overview img {
  width: 100%;
  max-width: 980px;
}

.Page7 .section_spec {
  border-bottom: 1px solid #ccc;
}

.Page7 .section_spec table {
  width: 100%;
}

.Page7 tbody {
  display: table-row-group;
  vertical-align: middle;
  border-color: inherit;
}

.Page7 tr {
  display: table-row;
  vertical-align: inherit;
  border-color: inherit;
}

.Page7 .section_spec th,
.Page7 .section_spec td {
  padding: 3px 0;
  border-bottom: 1px solid #ebebeb;
  vertical-align: top;
  text-align: left;
}

.Page7 .section_spec th,
.Page7 .section_spec td,
.Page7 .section_spec p {
  font-size: 14px;
  color: #666;
}

.Page7 .award .contents .column img {
  margin: 50px auto 0 20px;
}

.Page7 .award .contents .columns {
  height: 390px;
  margin: 0 auto;
}

.Page7 .award .contents .column {
  height: 370px;
  background-color: #fff;
  text-align: left;
}

.Page7 .award .contents .column p {
  padding: 0 20px;
  font-size: 13px;
  line-height: 22px;
}

.keynote_title.part2 {
  background-position: center -172px;
  color: #fff;
}

.keynote_title.part3 {
  background-position: center -344px;
  color: #fff;
}

.keynote_title.part4 {
  background-position: center -516px;
}

.down img {
  vertical-align: bottom;
}

.smartheater1 p.info {
  text-align: center;
}

#smartheaters p {
  font-size: 18px;
  line-height: 34px;
  margin-bottom: 10px;
}

.smartheater2 p.txtpa {
  color: #333;
  margin-top: 70px;
}

.smartheater3 {
  background: url(../images/smartheater/keynote2_background.jpg) no-repeat center center;
  background-size: cover;
}

.smartheater3 p {
  color: #fff;
  margin-top: 50px;
}

.smartheater3 .keynote2_image {
  position: absolute;
  left: 50%;
  bottom: 70px;
  margin-left: -330px;
}

.smartheater4 {
  background: url(../images/smartheater/keynote3_background.jpg) no-repeat center center;
  background-size: cover;
}

.smartheater5 {
  background: url(../images/smartheater/keynote4_background.jpg) no-repeat center center;
  background-size: cover;
}

.smartheater4 p {
  margin-top: 30px;
}

.smartheater5 p {
  margin-top: 50px;
}

#smartheaters .keynote_title {
  top: 84px;
  width: 350px;
  height: 162px;
  font-size: 30px;
  font-weight: 300;
  line-height: 172px;
  text-align: center;
  background: url(../images/smartheater/keynote_number.png) no-repeat center 0;
}

#smartheaters .smartheater3 .keynote_title.part2 {
  background-position: center -172px;
  color: #fff;
}

#smartheaters .smartheater4 .keynote_title.part3 {
  background-position: center -344px;
  color: #000;
}

#smartheaters .smartheater5 .keynote_title.part4 {
  background-position: center -516px;
  color: #000;
}

.smartheater_feature_overview {
  background: url(../images/smartheater/feature/overview_image.png) no-repeat -70px 190px;
  border-bottom: 1px solid #ccc;
  background-color: #f8f8f5;
}

.smartheater_feature_overview h3 {
  margin: 140px auto 50px;
}

.smartheater_feature_overview p.copy {
  max-width: 360px;
  margin-top: 150px;
}

.smartheater_traditional {
  border-bottom: 1px solid #ccc;
}

#features_traditional {
  margin: 0 auto 50px;
}

.smartheater_history {
  border-bottom: 1px solid #ccc;
  background: url(../images/smartheater/feature/history_background.jpg) no-repeat center center;
  background-size: cover;
}

.history_images {
  margin: 0 auto 40px;
}

.smartheater_history p.copy {
  line-height: 28px;
}

.radiator {
  background-color: #000;
}

.radiator video {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  opacity: 0;
}

.radiator #section_radiator_layer {
  position: absolute;
  width: 100%;
  top: 0;
  text-align: center;
}

.radiator h2 {
  margin: 80px auto 60px;
}

#section_radiator_layer p {
  color: #ccc;
  font-size: 18px;
  line-height: 34px;
  margin-bottom: 10px;
}

.eco_control {
  height: 850px;
  border-bottom: 1px solid #ccc;
  text-align: center;
}

.eco_control_graph {
  width: 100%;
  max-width: 591px;
  margin: 30px auto;
  padding: 0 30px;
}

.heating {
  height: 780px;
}

.heating h2 {
  margin: 80px auto 0;
}

.heating .contents .video_flame {
  position: relative;
  width: 100%;
  max-width: 640px;
  margin: 0 auto 20px;
}

.heating .contents .text {
  width: 100%;
  max-width: 880px;
  margin: 0 auto;
}

.smartheater_sleep_overview {
  background: #000 url(../images/smartheater/sleep-quality/overview_background.jpg) no-repeat center top;
  background-size: cover;
}

.smartheater_sleep_overview h3 {
  margin: 350px auto 60px;
  color: #fff;
}

.smartheater_sleep_overview p.copy {
  color: #fff;
  margin: 0 50px;
}

.about_a_good_sleep {
  background: url(../images/smartheater/sleep-quality/about_a_good_sleep_background.jpg) no-repeat center center;
  background-size: cover;
}

.about_a_good_sleep_graph {
  width: 100%;
  max-width: 650px;
  margin: 30px auto;
}

.royal_sleep_mode {
  background: #000 url(../images/smartheater/sleep-quality/royal_sleep_mode_background.jpg) no-repeat center bottom;
  background-size: cover;
}

.royal_sleep_mode h3 {
  margin: 80px auto 60px;
  color: #fff;
}

.royal_sleep_mode,
.about_a_good_sleep {
  text-align: center;
}

.royal_sleep_mode_graph {
  width: 100%;
  max-width: 766px;
  margin: 30px auto;
}

.room_condition {
  background: url(../images/smartheater/sleep-quality/room_condition_background.jpg) no-repeat center center;
  background-size: cover;
}

.room_condition h3 {
  margin: 80px auto 60px;
  color: #fff;
}

.smartheater_easyuse_overview {
  background: url(../images/smartheater/design/overview_background.jpg) no-repeat center center;
  background-size: cover;
  border-bottom: 1px solid #ccc;
}

.smartheater_easyuse_overview .idx {
  background: url(../images/smartheater/design/overview_image.png) no-repeat center bottom;
  height: 100%;
}

.smartheater_easyuse_overview h3 {
  margin: 150px auto 60px;
}

.easyuse_display {
  height: 890px;
}

.easyuse_display .video_flame {
  position: relative;
  width: 880px;
  height: 495px;
  margin: 0 auto 50px;
}

.easyuse_display p.copy {
  margin: 0 50px;
}

.auto_learn {
  background-color: #f2f2f2;
}

.auto_learn p.copy {
  margin: 0 50px;
}

.auto_learn .auto_learn_image {
  display: block;
  margin: 0 auto 40px;
}

.timer {
  height: 600px;
  background: url(../images/smartheater/design/timer_background.png) repeat-x bottom;
}

.timer .timx {
  background: url(../images/smartheater/design/timer_image.png) no-repeat 100px 170px;
  height: 100%;
}

.timer #v3 {
  position: absolute;
  top: 262px;
  left: 50%;
  margin-left: -317px;
}

.timer .timx .text {
  position: absolute;
  width: 500px;
  top: 240px;
  left: 50%;
}

.timer video {
  width: 128px;
  height: 96px;
  display: block;
}

.towel_hanger {
  height: 900px;
}

.towel_hanger .video_flame {
  position: relative;
  width: 880px;
  height: 495px;
  margin: 0 auto 50px;
}

.towel_hanger #v8 {
  position: absolute;
  display: none;
  top: 0;
}

.towel_hanger p.copy {
  margin: 0 50px;
}

.smartheater_design_overview {
  background: url(../images/smartheater/safety/overview_background.jpg) repeat-x center center;
  border-bottom: 1px solid #ccc;
}

.smartheater_design_overview .overview_layer {
  height: 100%;
  background: url(../images/smartheater/safety/overview_image.png) no-repeat center bottom;
}

.smartheater_design_overview h3 {
  margin: 140px auto 0;
}

.control {
  height: 550px;
  border-bottom: 1px solid #ccc;
}

.control .idx.container {
  background: url(../images/smartheater/safety/control_image.jpg) no-repeat left bottom;
}

.thermosafe .idx.container {
  background: url(../images/smartheater/safety/thermosafe.jpg) no-repeat 70px 170px;
}

.thermosafe .container p.copy {
  max-width: 560px;
  margin-top: 60px;
}

.sdstop {
  background-color: #000;
}

.safety_stop {
  display: block;
  margin: 0 auto 40px;
  width: 100%;
  max-width: 667px;
}

.slope {
  background: url(../images/smartheater/safety/slope_background.jpg) repeat;
  border-bottom: 1px solid #ccc;
}

.slope .idx {
  background: url(../images/smartheater/safety/slope.png) no-repeat center top;
}

.slope h3 {
  margin: 80px auto 60px;
}

.smartheater_specs_overview .overview_image {
  margin: 220px auto 0 20px;
}

.award_summaly {
  height: 80px;
  background-color: #f2f2f2;
}

.award_summaly .container {
  padding-top: 23px;
  text-align: center;
}

.specs {
  border-bottom: 1px solid #ccc;
}

.specs h3 {
  margin: 80px auto 60px 50px;
}

.specs_model {
  margin: 20px 0 10px;
  width: 100%;
  max-width: 377px;
}

.shawards {
  background-color: #f2f2f2;
}

.shawards .text {
  padding: 0 50px;
  margin-bottom: 50px;
}

.shawards .columns {
  height: 390px;
  margin-left: 50px;
}

.shawards .column {
  float: left;
  height: 370px;
  padding: 30px;
  background-color: #fff;
  border: 1px solid #f0f0f0;
  text-align: left;
  margin-bottom: 20px;
}

.shawards .column img {
  margin: 0 auto 0 0;
}

.sgawards .column .copyd {
  font-size: 13px;
  line-height: 22px;
}

.gatekeeper .contents .title {
  margin: 200px auto 0;
}

.gatekeeper .contents .text {
  margin: 40px 50px 0;
}

.accessory-smartheater .section-image {
  background: url(../images/smartheater/accessory/background-desktop.jpg) no-repeat center center;
  background-size: cover;
  height: 400px;
}

.accessory-smartheater .section-lead {
  max-width: 720px;
  margin: 50px auto;
  font-size: 14px;
  text-align: center;
}

.accessory-smartheater h3.prod_title {
  color: #999;
  font-size: 24px;
  line-height: 34px;
  margin-bottom: 20px;
}

.accessory-smartheater .item__image {
  text-align: center;
}

.accessory-smartheater .item__image img {
  width: 340px;
}

.accessory-smartheater .item__name {
  margin: 0 0 30px;
  font-size: 24px;
  line-height: 36px;
  color: #333;
}

.accessory-smartheater .item__description {
  float: left;
  width: 40%;
  margin-bottom: 40px;
  font-size: 14px;
  line-height: 24px;
  color: #333;
}

.section-item {
  padding: 0 0 80px;
  border-top: 1px solid #ccc;
  color: #666;
}

.accessory-smartheater .item__spec {
  float: right;
  width: 55%;
  margin-bottom: 40px;
  color: #666;
  font-size: 14px;
}

.accessory-smartheater .item__spec td {
  vertical-align: top;
  padding: 5px 0;
}

.accessory-smartheater .item__spec tr {
  border-bottom: 1px solid #ccc;
}

.accessory-smartheater .item__spec td:first-child {
  width: 100px;
  padding-right: 1.5em;
}

.section-item .container.min {
  max-width: 720px;
}

.greenfan-cirq-keynote1 {
  background: url(../images/greenfan-cirq/keynote1.jpg) no-repeat 50% 50%;
  background-size: cover;
}

.greenfan-cirq-keynote1 .text {
  padding: 180px 500px 0 0;
}

.greenfan-cirq-keynote h3.prod_title,
.greenfan-cirq-keynote1 h3.prod_title,
.greenfan-cirq-keynote2 h3.prod_title,
.greenfan-cirq-keynote3 h3.prod_title {
  text-align: left;
  margin-left: 0;
}

.greenfan-cirq-keynote2 {
  background: url(../images/greenfan-cirq/keynote2.jpg) no-repeat 50% 50%;
  background-size: cover;
}

.greenfan-cirq-keynote2 .text {
  padding: 180px 500px 0 0;
}

.greenfan-cirq-keynote2 .keynote_link_text {
  color: #FFC500;
}

.greenfan-cirq-keynote3 {
  background: url(../images/greenfan-cirq/keynote3.jpg) no-repeat 50% 50%;
  background-size: cover;
}

.greenfan-cirq-keynote3 .text {
  padding: 180px 500px 0 0;
}

.greenfan-cirq-feature1 .overlay {
  top: 80px;
  background: none;
  position: absolute;
  width: 100%;
  height: 100%;
}

.thermograph {
  background: #eaeaea url(../images/greenfan-cirq/features/thermograph_image.png) no-repeat center 37%;
}

.thermograph .overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  background: rgba(255, 255, 255, 0);
}

.thermograph h3 {
  margin: 80px auto 30px;
  font-size: 32px;
  color: #000;
  text-align: center;
}

.thermograph #v1_play {
  position: absolute;
  top: 57%;
  left: 50%;
  margin-left: -100px;
  cursor: pointer;
}

.thermograph .text {
  position: absolute;
  top: 70%;
  max-width: 880px;
}

.speed3x {
  background: url(../images/greenfan-cirq/features/speed3x_image.png) no-repeat center center;
  border-bottom: 1px solid #efefef;
}

.speed3x h3,
.gfqwide h3,
.gfqclear h3 {
  margin-bottom: 420px;
}

.gfqwide {
  background: url(../images/greenfan-cirq/features/wide_image.png) no-repeat center center;
  border-bottom: 1px solid #efefef;
}

.gfqclear {
  background: url(../images/greenfan-cirq/features/clear_image.png) no-repeat center center;
  border-bottom: 1px solid #efefef;
}

.greenfan-cirq-tech1 {
  background: url(../images/greenfan-cirq/technology/overview_backgound.jpg) no-repeat top center;
  background-size: cover;
}

.greenfan-cirq-tech1 h3 {
  padding-top: 30%;
}

.gcqenergy {
  background: url(../images/greenfan-cirq/technology/energy_image.jpg) no-repeat center center;
  border-bottom: 1px solid #efefef;
}

.gcqeco {
  background: #fafafa url(../images/greenfan-cirq/technology/eco_image.png) no-repeat center center;
  border-bottom: 1px solid #efefef;
}

.greenfancq {
  background: url(../images/greenfan-cirq/technology/greenfan_image.png) no-repeat center center;
  border-bottom: 1px solid #efefef;
}

.gcqenergy h3,
.gcqeco h3,
.greenfancq h3,
.remote h3 {
  margin-bottom: 460px;
}

.greenfan-cirq-design1 {
  background: url(../images/greenfan-cirq/design/overview_backgound.jpg) no-repeat bottom center;
  background-size: cover;
  border-bottom: 1px solid #efefef;
}

.greenfan-cirq-design1 h3 {
  padding-top: 38%;
}

.greenfan-cirq-design1 .text {
  padding: 0 100px;
  text-align: center;
}

.remote {
  background: url(../images/greenfan-cirq/design/remote_image.png) no-repeat center center;
  border-bottom: 1px solid #efefef;
}

.smooth {
  background: url(../images/greenfan-cirq/design/smooth_background.jpg) no-repeat center center;
  background-size: cover;
  border-bottom: 1px solid #efefef;
}

.smooth h3 {
  margin-bottom: 230px;
}

.smooth .text {
  padding-left: 480px;
}

.greenfan-cirq-specs1 {
  border-bottom: 1px solid #efefef;
  text-align: center;
}

.overview_image {
  margin: 230px auto 30px;
}

.gcsaward_summaly {
  background-color: #f2f2f2;
  text-align: center;
}

.award_summaly_image {
  margin: 0 auto;
  width: 100%;
  max-width: 505px;
}

.award_summaly_images {
  margin: 0 auto;
  width: 100%;
  max-width: 146px;
}

.gcssection_specs,
.gcssection_mode {
  border-bottom: 1px solid #efefef;
}

.gcsaward {
  background-color: #f2f2f2;
}

.gcsaward .text {
  padding: 0 50px;
  margin-bottom: 50px;
}

.gcsaward .columns {
  height: 390px;
  margin-left: 50px;
}

.gcsaward .column {
  float: left;
  width: 280px;
  height: 370px;
  margin-right: 20px;
  background-color: #fff;
  text-align: left;
}

.gcsaward .column img {
  margin: 50px auto 0 30px;
}

.gcsaward .column p {
  padding: 0 30px;
  font-size: 13px;
  line-height: 22px;
}

.accessory-greenFfancirq .section-image {
  background: url(../images/greenfan-cirq/accessory/background-desktop.jpg) no-repeat center center;
  background-size: cover;
  height: 400px;
}

.accessory-greenFfancirq h3.prod_title {
  color: #999;
  font-size: 24px;
  line-height: 34px;
  margin-bottom: 20px;
}

.accessory-greenFfancirq .section-lead {
  max-width: 720px;
  margin: 50px auto;
  font-size: 14px;
  text-align: center;
}

.accessory-greenFfancirq .item__description {
  float: left;
  width: 40%;
  margin-bottom: 40px;
  font-size: 14px;
  line-height: 24px;
  color: #333;
}

.accessory-greenFfancirq .item__spec {
  float: right;
  width: 55%;
  margin-bottom: 40px;
  color: #666;
  font-size: 14px;
}

.accessory-greenFfancirq .item__spec td:first-child {
  width: 100px;
  padding-right: 1.5em;
}

.accessory-greenFfancirq .item__spec td {
  vertical-align: top;
  padding: 5px 0;
}

.accessory-greenFfancirq .item__spec tr {
  border-bottom: 1px solid #ccc;
}

.item__spec tr:last-child {
  border-bottom: none;
}

.btn--large {
  display: block;
  width: 100%;
  max-width: 320px;
  height: 55px;
  font-size: 15px;
  line-height: 55px;
  background-color: #4ba53a;
  padding: 0;
  color: #fff;
}

.accessory-greenFfancirq .btn {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 2px;
  outline: 0;
  padding: 0;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  vertical-align: middle;
  -webkit-tap-highlight-color: transparent;
}

.pagemap--desktop.__header {
  position: absolute;
  z-index: 888;
  background-color: rgba(255, 255, 255, 0.9);
  -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
}

img.responsive {
  width: 100%;
}

.texts {
  top: 270px;
  width: 350px;
  left: 0;
}

ol.feature-list {
  font-family: "AliMedium";
  font-size: 18px;
  list-style-type: decimal !important;
  list-style-position: inside !important;
  padding-left: 25px;
  margin: 0;
  text-align: left;
}

ol.feature-list li {
  list-style-type: decimal;
  padding: 3px 0;
}

.context {
  padding: 30px;
}

.quotes {
  background-color: #f3f3f3;
  text-align: center;
}

.quotes .blockquote {
  margin-top: 30%;
}

.blockquote_info {
  display: block;
  text-align: right;
  line-height: 18px;
  font-family: "AliMedium";
  letter-spacing: 0;
  float: right;
}

.blockquote:before {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  margin-right: 20px;
}

.blockquote:after {
  vertical-align: -.4em;
  margin-left: 10px;
}

.adjusts .contents p,
.adjusts .__contents p {
  color: #f6f6f6;
  font-size: 18px;
  line-height: 30px;
  font-family: "AliMedium";
  letter-spacing: 0;
}

.adjusts .contents p.copy.dark {
  color: #333;
  margin-top: 20px;
}

.adjusts .contents h2 {
  margin-bottom: 60px;
  font-family: "AliMedium";
  margin-top: 90px;
  font-size: 38px;
  font-weight: 300;
  color: #f6f6f6;
  letter-spacing: 0;
  padding-bottom: 0;
}

.normal .contents .text p.writen_by {
  font-size: 14px;
  text-align: center;
  color: #000;
}

.section028.normal .contents {
  max-width: 740px;
}

.tosterstyle .adjusts .contents h2 {
  margin-bottom: 30px;
}

.tosterstyle .adjusts .contents {
  text-align: left;
}

.tosterstyle .toster4.adjusts .contents,
.tosterstyle .toster4.adjusts .contents p {
  text-align: center;
}

.mt50 {
  margin: 50px 0;
}

.adjusts .contents h2.black,
.adjusts .contents p.black {
  color: #000;
}

.keynote_link_text {
  margin-top: 10px;
  color: #4ba53a;
  font-family: "AliMedium";
}

a.keynote_link_text:hover {
  color: #4ba53a;
  text-decoration: underline;
}

.tosterstyle .keynote_link_text {
  display: block;
}

.tosterstyle .home-slider {
  margin: 0 auto;
  position: relative;
  border-bottom: 1px solid #ccc;
}

.max1920 {
  max-width: 1920px;
  margin: 0 auto;
  padding-left: 15px;
  padding-right: 15px;
}

.airpower1 .contents .text {
  max-width: 680px;
  width: 100%;
  margin: 50px auto;
}

#unipack .section0 {
  margin-top: 100px;
  text-align: center;
}

#unipack p.copy {
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 10px;
  font-family: "AliMedium";
  letter-spacing: 0;
  text-align: left;
}

.unipack_img {
  width: 100%;
  max-width: 505px;
  margin: 0 auto;
}

.unipack_img1 {
  width: 100%;
  max-width: 882px;
  margin: 0 auto;
}

.lifestyle {
  width: 100%;
  max-width: 880px;
  margin: 20px auto;
}

.adapter {
  width: 100%;
  max-width: 418px;
  margin: 30px auto;
}

.adapter_multi {
  width: 100%;
  max-width: 980px;
  margin: 0 auto;
}

.connect {
  width: 100%;
  max-width: 375px;
  margin: 0 auto;
}

.gf2plus {
  width: 100%;
  max-width: 316px;
  margin: 0 auto;
}

#unipack .section1a {
  padding: 0;
  margin-top: 20px;
  text-align: center;
}

#unipack h1,
#unipack h2 {
  font-size: 24px;
  line-height: 34px;
  margin-bottom: 20px;
  color: #4ba53a;
  text-align: left;
}

#unipack .section2a {
  margin-top: 10px;
  text-align: center;
}

#unipack p.Info {
  font-size: 12px;
  line-height: 18px;
  text-align: left;
  color: #888;
}

#Container.Page4 {
  width: 100%;
  background: 0 0;
  background-color: #FFF;
  margin: 0;
}

#Container.Page4 #ContainerLayer {
  background-color: #FFF;
}

#Container.Page4 #ContainerLayer.ContainerLayer__index {
  background-color: #f5f4f2;
}

#unipack .section2a .section2_1,
#unipack .section2a .section2_2 {
  width: 100%;
  position: relative;
  margin: 20px 0;
  clear: both;
}

#unipack .section3u {
  padding: 20px 0;
}

#unipack .section4u {
  padding: 20px 0 0;
}

.Caption {
  overflow: hidden;
  background-color: #FFF;
  border: 1px solid #CCC;
  margin: 0 0 10px;
  border-radius: 5px;
  width: 100%;
  max-width: 300px;
  float: right;
}

.Caption .CaptionLayout {
  padding: 20px 20px 16px;
}

.Caption .CaptionLayout p {
  font-size: 12px;
  line-height: 17px;
  margin: 10px 0 0;
}

.section2p {
  padding: 0 50px 80px;
  background-repeat: no-repeat;
}

.tospb {
  padding-bottom: 55px;
}

.pt40 {
  padding-top: 40px;
}

.mw740 {
  max-width: 740px;
  text-align: center;
  margin: 0 auto;
}

.adjusts.black .contents h2,
.adjusts.black .contents p {
  color: #333;
}

.contents h2.text-center {
  text-align: center;
}

.adjusts.black .contents p {
  text-align: left;
}

.adjusts.black .contents .text_hf p {
  text-align: right;
  padding: 0;
}

.enzyme_filter .contents .text_du p {
  padding: 0;
  overflow: visible;
  word-break: break-all;
}

.toster4 .col-sm-10 {
  float: none;
  margin: 0 auto;
  text-align: center;
}

.adjusts {
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
}

.swipe1.adjusts {
  background-position: center center;
}

.adjusts.bgcenter {
  background-position: center center;
  background-repeat: no-repeat;
}

.adjusts.bgbotcenter {
  background-position: bottom center;
  background-repeat: no-repeat;
}

.adjusts.nochange {
  background-size: auto;
  background-position: bottom center;
  background-repeat: no-repeat;
}

.adjusts.nochanget {
  background-size: auto;
  background-position: top center;
  background-repeat: no-repeat;
}

.adjusts.nochangec {
  background-size: auto;
  background-position: center center;
  background-repeat: no-repeat;
}

.idx {
  height: 600px;
}

.idx.h1100 {
  height: 1100px;
}

.idx.h1020 {
  height: 1020px;
}

.idx.h700 {
  height: 700px;
}

.idx.h720 {
  height: 720px;
}

.idx.h760 {
  height: 760px;
}

.idx.h750 {
  height: 750px;
}

.idx.h550 {
  height: 550px;
}

.idx.h600 {
  height: 600px;
}

.idx.h800 {
  height: 800px;
}

.idx.h820 {
  height: 820px;
}

.idx.h900 {
  height: 900px;
}

.idx.hauto {
  height: auto;
}

.mp150 {
  margin-top: 150px;
}

.ecoimg {
  width: 100%;
  max-width: 290px;
}

.airs {
  width: 100%;
  max-width: 638px;
}

.gspec {
  width: 100%;
  max-width: 900px;
}

.yearimg {
  width: 100%;
  max-width: 254px;
  text-align: center;
  margin: 0 auto 20px;
}

/* .adjusts.767chan {
	background-size: auto
} */
.adjusts.h767 {
  background-size: auto;
}

.section029.gfan h3.prod_title,
.section030.gfan h3.prod_title,
.section031.gfan h3.prod_title,
.section032.gfan h3.prod_title,
.section034.gfan h3.prod_title {
  margin-top: 210px;
}

.section--purchase .item_images img {
  width: 130px;
  margin-right: 20px;
}

.BuyNow {
  display: block;
  float: right;
  margin-top: 22px;
  width: 100px;
  background: 0 0;
  background-color: #4ba53a;
  border-radius: 3px;
  text-decoration: none;
  text-align: center;
}

.nav___dealer {
  display: block;
  float: right;
  margin-left: 10px;
  margin-top: 18px;
  width: 98px;
  height: 27px;
  background: 0 0;
  background-color: transparent;
  border: 1px solid #4ba53a;
  border-radius: 3px;
  text-decoration: none;
  color: #4ba53a;
  line-height: 27px;
  text-align: center;
}

.nav___dealer span {
  display: inline;
  line-height: 24px;
  margin: 0 auto;
}

.BuyNow span {
  display: inline;
  font-size: 15px;
  line-height: 29px;
  color: #fff;
  margin: 0 auto;
}

.BuyNow--ghost {
  display: block;
  float: right;
  margin-top: 18px;
  margin-left: 10px;
  width: 100px;
  height: 29px;
  background: 0 0;
  border: 1px solid #4ba53a;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 3px;
  text-decoration: none;
}

.BuyNow--ghost span {
  display: inline;
  font-size: 13px;
  line-height: 27px;
  color: #4ba53a;
}

.adjusts .contents p.description {
  padding: 30px 30px 0;
  font-size: 13px;
  line-height: 22px;
}

.column {
  height: 460px;
  background-color: #fff;
  text-align: left;
}

.place .column img {
  width: 100%;
}

.subscribe {
  background: #039be5;
  font-size: 13px;
  line-height: 13px;
  padding: 20px 0;
  color: #fff;
  text-align: center;
}

p.description {
  line-height: 13px;
  color: #fff;
  line-height: 13px;
  margin: 0 auto;
}

.subscribe .icon {
  font-size: 26px;
  margin-top: 2px;
  margin-right: 10px;
  vertical-align: middle;
}

.subscribe .btn {
  display: inline-block;
  width: auto;
  background: none;
  border: 1px solid #fff;
  line-height: 31px;
  padding: 0 2em;
  margin: 0px 0 4px 10px;
  color: #fff;
  font-size: 12px;
  margin-top: 0;
}

.subscribe .btn:hover {
  background-color: rgba(255, 255, 255, 0.2);
}

.container_history .section1 .content,
.container_history .section2 .content,
.container_history .section4 .content {
  margin-left: -180px;
}

.container_history .timeline dt {
  font-size: 14px;
}

.container_history .section4 .content {
  right: -40px;
}

.container_history .section2 .content {
  right: 30px;
}

.container_history .section3 .content {
  left: 70px;
}

@media (min-width: 1920px) {
  .adjusts.noch {
    background-size: auto;
    background-position: bottom center;
    background-repeat: no-repeat;
  }
}

@media (max-width: 1920px) {
  .adjusts {
    -moz-background-size: 1920px;
    -webkit-background-size: 1920px;
    -o-background-size: 1920px;
    background-size: 1920px;
  }
  .adjusts.noch {
    background-size: auto;
  }
  .adjusts.small {
    -moz-background-size: 1780px;
    -webkit-background-size: 1780px;
    -o-background-size: 1780px;
    background-size: 1780px;
  }
}

@media (max-width: 1680px) {
  .airfeatureimg img {
    width: 100%;
    max-width: 800px;
  }
  .adjusts {
    -moz-background-size: 1680px;
    -webkit-background-size: 1680px;
    -o-background-size: 1680px;
    background-size: 1680px;
  }
  .adjusts.small {
    -moz-background-size: 1460px;
    -webkit-background-size: 1460px;
    -o-background-size: 1460px;
    background-size: 1460px;
  }
  .adjusts.noch {
    background-size: auto;
  }
}

@media (max-width: 1280px) {
  .adjusts {
    -moz-background-size: 1280px;
    -webkit-background-size: 1280px;
    -o-background-size: 1280px;
    background-size: 1280px;
  }
  .adjusts.noch {
    -moz-background-size: 1024px;
    -webkit-background-size: 1024px;
    -o-background-size: 1024px;
    background-size: 1024px;
  }
  .adjusts.small {
    -moz-background-size: 1060px;
    -webkit-background-size: 1060px;
    -o-background-size: 1060px;
    background-size: 1060px;
  }
  .nav___dealer {
    display: none;
  }
  .idx.h1020 {
    height: 760px;
  }
}

@media (max-width: 1024px) {
  .adjusts {
    -moz-background-size: 1024px;
    -webkit-background-size: 1024px;
    -o-background-size: 1024px;
    background-size: 1024px;
  }
  .adjusts.small {
    -moz-background-size: 960px;
    -webkit-background-size: 960px;
    -o-background-size: 960px;
    background-size: 960px;
  }
  .adjusts.noch {
    -moz-background-size: 768px;
    -webkit-background-size: 768px;
    -o-background-size: 768px;
    background-size: 768px;
  }
  .mx100 {
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }
  .container_history .timeline {
    width: auto;
    margin-left: 50px;
  }
  .container_history .timeline dt {
    width: 55px;
    margin-left: -55px;
    text-align: right;
    padding-right: 10px;
  }
  .section_filter .text {
    margin-top: 60px;
  }
}

@media (max-width: 992px) {
  #model {
    margin: 10px 0 10px 50px;
  }
  .mleft {
    margin-right: 20px;
  }
  .wleft {
    float: right;
  }
  #Container.Page4 .section_recipe .detail {
    margin: 0 30px;
    width: auto;
  }
  #Container.Page4 .section_recomend {
    -moz-background-size: 1024px;
    -webkit-background-size: 1024px;
    -o-background-size: 1024px;
    background-size: 1024px;
  }
}

.mobile {
  display: none;
}

#tableview {
  display: none;
}

@media (max-width: 768px) {
  .adjusts {
    -moz-background-size: 768px;
    -webkit-background-size: 768px;
    -o-background-size: 768px;
    background-size: 768px;
  }
  /* .adjusts.nochangec,
	.adjusts.767chan {
		-moz-background-size: 768px;
		-webkit-background-size: 768px;
		-o-background-size: 768px;
		background-size: 768px
	} */
  .adjusts.nochangec {
    -moz-background-size: 768px;
    -webkit-background-size: 768px;
    -o-background-size: 768px;
    background-size: 768px;
  }
  .adjusts.nochange.h767 {
    -moz-background-size: 80%;
    -webkit-background-size: 80%;
    -o-background-size: 80%;
    background-size: 80%;
  }
  .adjusts.noch {
    -moz-background-size: 640px;
    -webkit-background-size: 640px;
    -o-background-size: 640px;
    background-size: 640px;
    background-position: bottom center;
  }
  h3.prod_title.m420 {
    margin-bottom: 310px;
  }
  .adjusts.bgcenter {
    background-position: top center;
  }
  .toster1 .idx,
  .toster2 .idx,
  .toster3 .idx,
  .toster4 .idx,
  .toster5 .idx,
  .toster6 .idx,
  .quotes .idx {
    height: auto;
  }
  .idx,
  .idx.h700,
  .idx.h900,
  .idx.h760,
  .idx.h750,
  .idx.h550,
  .idx.h800,
  .idx.h1100,
  .idx.h600,
  .idx.h720,
  .idx.h1020 {
    height: auto;
  }
  .idx.h700.m600,
  .idx.h800.m600 {
    height: 650px;
  }
  .idx.h760.m600 {
    height: 750px;
  }
  .idx.h700.m500,
  .idx.h760.m500 {
    height: 500px;
  }
  .idx.h500.m500 {
    height: 550px;
  }
  .idx.h700.m450,
  .idx.h760.m450,
  .idx.h1020.m450 {
    height: 450px;
  }
  .idx.m500 {
    height: 500px;
  }
  .idx.m400 {
    height: 320px;
  }
  .idx.m440 {
    height: 380px;
  }
  .idx .textbox {
    margin-top: 330px;
    color: #000;
    padding: 30px 0;
    display: block;
    height: auto;
    width: 100%;
  }
  #unipack h1,
  #unipack h2,
  .adapter_multi {
    padding-left: 30px;
    padding-right: 30px;
  }
  .connect,
  .gf2plus {
    padding-top: 50px;
  }
  .smartheater_design_overview .idx.h760.m600 {
    height: 520px;
  }
  .blockquote_info {
    margin-right: 30px;
  }
  .max1920 {
    max-width: 720px;
  }
  .section029.gfan h3.prod_title,
  .section030.gfan h3.prod_title,
  .section031.gfan h3.prod_title,
  .section032.gfan h3.prod_title,
  .section034.gfan h3.prod_title {
    margin-top: 30px;
  }
  .swipe1 .idx .textbox,
  .swipe2 .idx .textbox,
  .swipe3 .idx .textbox,
  .swipe4 .idx .textbox {
    margin-top: 420px;
  }
  .swipe1.adjusts,
  .adjusts.bgbotcenter {
    background-position: top center;
  }
  .swipe4.adjusts .contents h2 {
    padding-top: 0;
  }
  h3.prod_title.mt300 {
    margin-top: 260px;
  }
  p.mb {
    margin-bottom: 60px;
  }
  .normal.gfan .contents .text p.white,
  .normal.gfan .contents .text p,
  .normal.section033 .contents .text p {
    text-align: left;
  }
  .normal.gfan .contents .text p.tc {
    text-align: center;
  }
  .adjusts .contents h2.nop {
    margin-top: 0;
  }
  .adjusts .contents p.description {
    font-size: 15px;
  }
  .idx .textbox.toper {
    margin-top: 30px;
    margin-bottom: 330px;
  }
  #smartheaters .keynote_title {
    margin: 0 auto;
    text-align: center;
  }
  .adjusts .textbox .contents h2 {
    color: #000;
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 28px;
    text-align: center;
    font-weight: 300;
  }
  .adjusts .contents p {
    color: #000;
    font-size: 16px;
    line-height: 1.8;
    padding-bottom: 0;
  }
  ol.feature-list {
    font-size: 16px;
    margin: 0 30px 30px;
  }
  .quotes .blockquote {
    margin-top: 100px;
  }
  .down img {
    width: 100%;
    margin-bottom: 30px;
  }
  .down.imgauto {
    text-align: center;
    margin: 0 auto;
  }
  .down.imgauto img {
    width: 100%;
    max-width: 441px;
  }
  .autochange img {
    width: 100%;
    max-width: 487px;
  }
  img.gfanacc {
    width: 100%;
    max-width: 460px;
    margin: 0 auto;
  }
  .adjusts .textbox .contents h2.keynote_title.part3 {
    margin-top: 140px;
  }
  h2.keynote_title.part4 {
    margin-top: 40px;
  }
  .airen4 {
    background-color: #f0f0f0;
  }
  .content.mt60 {
    margin-top: 0;
  }
  .adjusts .contents h2 {
    margin: 30px 0;
  }
  .mt60 {
    margin-top: 60px;
  }
  .container_awards h1 {
    font-size: 28px;
  }
  .container_awards .section1 p.copy,
  .section2 p {
    font-size: 16px;
    line-height: 1.8;
  }
  #v1_div {
    margin-top: 60px;
  }
  #v1_div.thermograph {
    margin-top: 0;
  }
  #v1_div.notop {
    margin-top: 0;
  }
  .overview #video_overlay {
    display: none;
  }
  .airenginefshow {
    display: block;
    border-bottom: 1px solid #ccc;
  }
  #video_overlay h2.title.white {
    color: #fff;
    margin-top: 0;
  }
  #video_overlay p {
    width: 90%;
    margin-top: 0;
  }
  #video_overlay h3.prod_title {
    display: none;
  }
  .efficiency_pollen .contents .title {
    margin: 30px auto 310px;
  }
  .section_deodorize h2.title {
    margin-top: 30px;
  }
  .efficiency_pollen .contents #graph_bar {
    display: none;
  }
  .efficiency_pollen .contents .efficiency_pollen_graph_line {
    display: none;
  }
  .efficiency_pollen .contents .efficiency_pollen_graph_overlay {
    left: -99999px;
    top: 0;
  }
  .efficiency_pollen .contents .title {
    margin-bottom: 30px;
  }
  #general_specs {
    width: 100%;
  }
  .comp {
    width: 100%;
    max-width: 455px;
  }
  .Page7 .section_overview {
    padding-top: 150px;
  }
  .section_spec,
  .section_spec .tcc {
    margin: 0 auto;
    text-align: center;
  }
  .greenfan-cirq-keynote h3.prod_title,
  .greenfan-cirq-keynote1 h3.prod_title,
  .greenfan-cirq-keynote2 h3.prod_title,
  .greenfan-cirq-keynote3 h3.prod_title {
    text-align: center;
  }
  .smartheater_design_overview {
    background-size: 1600px;
    background-position: center bottom;
  }
  .smartheater_design_overview .overview_layer {
    background-size: 680px;
  }
  .container_story h1,
  .container_story h2 {
    font-size: 36px;
    margin: 30px 0;
    padding-left: 30px;
    padding-right: 30px;
  }
  .container_story p.caption {
    padding: 15px 30px;
    font-size: 15px;
  }
  .greenfan-cirq-keynote1 .text,
  .greenfan-cirq-keynote2 .text {
    padding: 160px 30px 60px;
  }
  .greenfan-cirq-keynote3 .text {
    padding: 220px 30px 30px;
  }
  .enzyme_filter.adjusts .contents h2 {
    margin-top: 40px;
  }
  .enzyme_filter .contents .text_hf {
    width: 168px;
    text-align: right;
    margin-top: 130px;
  }
  .eco_control {
    height: 790px;
  }
  .heating h2 {
    margin-top: 40px;
  }
  .enzyme_filter .contents .text_du {
    width: 166px;
    text-align: left;
    margin-left: 160px;
    margin-top: 10px;
  }
  .slope p.copy {
    margin-bottom: 190px;
  }
  .slope .idx {
    background-size: 700px;
  }
  .sdstop .text {
    margin-bottom: 40px;
  }
  .auto_learn .auto_learn_image {
    width: 100%;
    max-width: 673px;
    padding: 0 30px;
  }
  [id*="model"] {
    margin: 10px 0 10px 40px;
  }
  .radiator h2 {
    margin-bottom: 10px;
    margin-top: 30px;
  }
  .smartheater_feature_overview h3.prod_title,
  .smartheater_design_overview h3.prod_title {
    margin-top: 60px;
  }
  .smartheater_feature_overview p.copy {
    max-width: 100%;
    padding: 0 30px;
    margin-top: 10px;
  }
  .control .idx.container {
    background-position: center bottom;
  }
  .room_condition h3.prod_title,
  .control .idx.container h3.prod_title {
    margin-top: 60px;
    margin-bottom: 40px;
  }
  .thermosafe h3.prod_title {
    margin-top: 60px;
    padding-left: 30px;
    padding-right: 30px;
  }
  .sdstop h3.prod_title,
  .slope h3.prod_title {
    margin-top: 100px;
    padding-left: 30px;
    padding-right: 30px;
  }
  .smartheater_specs_overview .overview_image {
    width: 100%;
    max-width: 891px;
    margin-top: 130px;
    margin-bottom: 50px;
  }
  .section--purchase .item {
    padding: 0 30px;
  }
  .section--purchase .item_m {
    padding: 0px;
  }
  .container_awards .section3 .content {
    right: 20px;
    margin-top: 170px;
    width: 420px;
    padding: 30px;
    background: #fff;
  }
  .heating {
    height: 600px;
  }
  img#features_traditional {
    width: 100%;
    max-width: 880px;
    padding: 0 30px;
  }
  .container_awards .section4 .content {
    left: 40px;
  }
  .container_awards .section3 {
    margin-bottom: 0;
  }
  .container_awards .section2 .colmn img,
  .container_awards .section2 .colmn img.logo {
    width: 100%;
  }
  .container_awards .section5 .content {
    width: 50%;
    max-width: 250px;
    left: 20px;
  }
  .sepspace {
    clear: both;
    margin-bottom:20px;
    overflow: hidden;
  }
  .container_history .section3 .content {
    top: 520px;
  }
  .container_history .section4 .content {
    top: 480px;
    right: 10px;
  }
  .container_history .section5 .content {
    width: 310px;
  }
  .easyuse_display p.copy {
    padding-left: 0;
    padding-right: 0;
    margin: 0 30px;
  }
  .container_story .box__coming_soon {
    width: 50%;
    padding-left: 10px;
    padding-right: 10px;
  }
  .container_story .post__thumb img {
    width: 100%;
  }
  .container_awards .section2 .content {
    width: 400px;
    margin-top: 80px;
  }
  .wleft {
    width: 200px;
  }
  .m1,
  .m2,
  .m3,
  .m4 {
    width: 300px;
  }
  .text.more {
    padding-top: 30px;
  }
  .section_simple h3.prod_title {
    margin-top: 60px;
  }
  .section_maintenance h3.prod_title {
    margin-top: 60px;
    text-align: left;
  }
  .section_maintenance .contents {
    padding: 40px;
  }
  .section_1min {
    height: auto;
  }
  .section_movie .contents .text p {
    width: 70%;
    margin-top: 20px;
  }
  .section_movie .contents #v6_play {
    top: 36%;
  }
  .power_of_enzyme h2.title.white.text-center {
    color: #fff;
  }
  .power_of_enzyme .title {
    margin-top: 30px;
  }
  .power_of_enzyme.adjusts .contents p {
    color: #fff;
  }
  .power_of_enzyme .overlay_content img {
    padding-top: 140px;
  }
  .toptxt {
    margin-top: 270px;
  }
  .about-box2 #profile p {
    font-size: 14px;
    line-height: 1.8;
  }
  .about-box2 p {
    line-height: 1.8;
    font-size: 16px;
  }
  .about-box2 {
    max-height: 760px;
  }
  #profile p {
    font-size: 13px;
  }
  .right_border {
    border: 0;
  }
  .company_info,
  .press_info {
    padding-left: 30px;
  }
  .about-box {
    padding: 30px 0;
  }
  .mobile {
    display: block;
  }
  #v2_div .overlay,
  #v3_div .overlay,
  #v7_div .overlay,
  .section028 .overlay,
  .section2q .text .mvt {
    display: none;
  }
  .section2q .text {
    top: 30%;
  }
  table.item__spec {
    width: 100%;
  }
  .item__description {
    font-size: 16px;
    padding-left: 45px;
    padding-right: 45px;
  }
  .smartheater2 p.txtpa {
    margin-top: 420px;
  }
  .adtops {
    margin-top: 50px;
  }
  .section_natural_wind h3.prod_title {
    margin-top: 60px;
  }
  .section_natural_wind {
    border-bottom: 1px solid #ccc;
  }
  .history_images {
    width: 100%;
    max-width: 980px;
  }
  .smartheater_sleep_overview h3.prod_title {
    margin-top: 550px;
  }
  .smartheater_easyuse_overview h3.prod_title {
    margin-top: 100px;
  }
  .easyuse_display .video_flame,
  .towel_hanger .video_flame {
    width: 100%;
    height: auto;
  }
  .easyuse_display {
    height: 650px;
  }
  #v1_div.easyuse_display {
    height: 600px;
  }
  .smartheater_easyuse_overview h3.prod_title {
    margin-top: 60px;
  }
  .auto_learn p.copy {
    margin-bottom: 50px;
    margin-left: 0;
    margin-right: 0;
  }
  .towel_hanger p.copy {
    margin-bottom: 50px;
    margin-left: 0;
    margin-right: 0;
  }
  .towel_hanger {
    height: 650px;
  }
  .timer #v3 {
    left: 50%;
    margin-left: -200px;
  }
  .section_natural_wind .text p,
  .gfeature2 .text p,
  .gfeature3 .text p,
  .innovation .text p,
  .section_year .text p,
  .section_dc .contents .text p,
  .section_japan .text p {
    margin-top: 20px;
  }
  .adjusts.nochangec {
    -moz-background-size: 768px;
    -webkit-background-size: 768px;
    -o-background-size: 768px;
    background-size: 768px;
  }
  .gfeature2 .overlay,
  .gfeature3 .overlay {
    top: 0;
  }
  .section_size .idx .textbox {
    margin-top: 0;
  }
  #adap #adapter_background {
    right: 30px;
  }
  #adap #adapter_rotate {
    right: 33px;
  }
  .section029 .idx .textbox {
    margin-top: 450px;
  }
  .section030 .idx .textbox,
  .section031 .idx .textbox,
  .section032 .idx .textbox,
  .section034 .idx .textbox {
    margin-top: 470px;
  }
  .section034 p.quotes {
    text-align: center;
  }
  .container_awards .section2 .colmns,
  .container_awards .section4 .colmns {
    margin-left: 20px;
    margin-right: 20px;
  }
  .container_awards .section2 .colmn {
    display: block;
    float: left;
    margin: 10px;
  }
  .section4 p.country {
    color: #fff;
  }
  .speed3x,
  .gfqwide,
  .gfqclear {
    background-position: center 200px;
  }
  .greenfan-cirq-tech1 h3.prod_title,
  .gcqenergy h3.prod_title {
    margin-top: 310px;
  }
  .container_awards p.country {
    font-size: 16px;
    margin-bottom: 16px;
  }
  .container_awards .section4 .content {
    margin-top: 90px;
  }
  .container_awards .section5 .image_wrapper .logo {
    background-size: 280px;
    width: 280px;
  }
  .greenfan-cirq-design1 h3.prod_title {
    margin-top: 250px;
  }
  .gcqenergy {
    background-size: 60%;
    background-position: top center;
  }
  .smooth .text {
    padding-left: 320px;
  }
  .remote .text {
    padding-left: 290px;
  }
  .remote .text p.copy.text-center {
    text-align: left;
    padding-left: 0;
  }
  .remote {
    background-position: 60px top;
  }
  .smooth h3.prod_title,
  .remote h3.prod_title {
    margin-top: 60px;
  }
  .greenfan-cirq-specs1 .overview_image {
    margin-top: 100px;
    width: 100%;
    max-width: 561px;
  }
  .item__image {
    text-align: center;
  }
  .greenfan-cirq-feature1 img {
    margin-top: 0;
  }
  .greenfan-cirq-feature1 .overlay {
    top: 40px;
  }
  .thermograph h3.prod_title {
    padding-top: 20px;
  }
  .thermograph .text {
    top: 70%;
    padding-bottom: 40px;
  }
  .item__purchase {
    margin: 0 30px;
  }
  .accessory-greenFfancirq .section-image {
    height: 260px;
  }
  .accessory-greenFfancirq .item__name {
    text-align: center;
    margin-top: 30px;
  }
  .accessory-greenFfancirq .item__description {
    padding-left: 15px;
    padding-right: 30px;
  }
  #Container.Page4 .section_list ul {
    margin-left: auto;
    margin-right: auto;
    max-width: 540px;
  }
  #Container.Page4 .section_list .contents {
    max-width: 540px;
  }
  #Container.Page4 .section_list li.right {
    float: left;
  }
  #Container.Page4 .section_list li.signature {
    width: 233px;
    height: auto;
  }
  #Container.Page4 .section_list li.signature a .name,
  #Container.Page4 .section_list li a .name {
    display: table;
    width: 233px;
    height: 78px;
  }
  #Container.Page4 .section_list li.signature img {
    width: 100%;
  }
  #Container.Page4 .section_list li.signature a .icon img {
    width: 70px;
  }
  #Container.Page4 .section_list li.signature a .name__inner {
    display: table-cell;
    text-align: left;
    padding: 5px 20px;
    vertical-align: middle;
    color: #999;
    padding-left: 69px;
  }
  #Container.Page4 .section_list li.signature a .name .title {
    display: block;
    margin: 0;
    color: #333;
    font-size: 13px;
    line-height: 14px;
    font-weight: 700;
  }
  #Container.Page4 .section_list li.signature a .chef {
    padding-left: 55px;
  }
  #Container.Page4 .section_list li.signature a .chef img {
    width: 51px;
  }
  #Container.Page4 .section_list li.rebake {
    clear: both;
  }
  .section_deodorize p,
  .adjusts .contents p.Info,
  p.Info,
  .section_deodorize p.Info,
  .power_of_enzyme.adjusts .contents p {
    padding: 15px 30px;
  }
  .efficiency_pm .contents .text {
    margin: 0;
  }
  .efficiency_pollen .contents .text {
    margin-left: 0;
    margin-right: 0;
  }
  .Page10 .section__text.side {
    margin-right: 0;
    padding-right: 0;
  }
  .Page10 .section_bakery_recipe005 .bread p {
    padding-left: 0;
  }
  .Page10 .section_bakery_recipe005 .bread.scone p {
    padding-right: 0;
    padding-left: 30px;
  }
  .section_spec .text {
    padding-left: 30px;
    padding-right: 30px;
  }
  .Page7 h3.prod_title,
  .container_awards h2 {
    font-size: 28px;
    margin-bottom: 30px;
  }
  .container_history h2 {
    font-size: 28px;
  }
  .timer .timx .text {
    width: 300px;
    margin-left: 40px;
  }
  .section1t p,
  .section3 p,
  .section2q p,
  .img3 p,
  .img4 p {
    font-size: 16px;
  }
  .smartheater1.adjusts.bgcenter.bot {
    background-repeat: repeat-y;
  }
  .accessory-smartheater .section-image {
    background-size: 900px;
    height: 300px;
    background-position: right top;
  }
  .accessory-smartheater .item__name {
    text-align: center;
  }
  .gfeature #video_overlay p {
    display: none;
  }
  .container_history .section4 .content,
  .container_history .section2 .content,
  .container_history .section3 .content {
    left: 50%;
  }
  .container_history .section3 .content,
  .container_history .section2 .content,
  .container_history .section4 .content {
    margin-left: -180px;
  }
  .container_history .timeline {
    height: auto;
    left: 40px;
  }
}

@media (max-width: 640px) {
  .adjusts {
    -moz-background-size: 768px;
    -webkit-background-size: 768px;
    -o-background-size: 768px;
    background-size: 768px;
  }
  .adjusts.m640,
  .adjusts.chan,
  .adjusts.gfan {
    -moz-background-size: 640px;
    -webkit-background-size: 640px;
    -o-background-size: 640px;
    background-size: 640px;
  }
  .adjusts.chan {
    background-position: top left;
  }
  .idx .textbox {
    margin-top: 330px;
  }
  .swipe1 .idx .textbox,
  .swipe2 .idx .textbox,
  .swipe3 .idx .textbox,
  .swipe4 .idx .textbox {
    margin-top: 360px;
  }
  .overview #video_overlay {
    top: 68%;
    color: #000;
  }
  #tableview {
    display: block;
  }
  #tableview tbody {
    width: 100%;
    display: block;
  }
  #tableno {
    display: none;
  }
  th.lightdark,
  td.lightdark {
    background: #ebebeb;
  }
  .section029 .idx .textbox {
    margin-top: 380px;
  }
  .adjusts.bgcenter.bot {
    background-position: bottom center;
  }
  #video_overlay h2.title {
    padding: 10px 0;
    font-size: 28px;
  }
  .greenfan-cirq-feature1 img {
    margin-top: 0;
  }
  .about-box2 {
    background-size: 1100px;
    background-position: -170px bottom;
    background-color: #e0dfda;
  }
  .idx.h700.m500 {
    height: 420px;
  }
  .idx.m500 {
    height: 420px;
  }
  .enzyme_filter .contents .text_du {
    margin-left: 120px;
  }
  .enzyme_filter .contents .text_hf {
    width: 138px;
    margin-top: 90px;
  }
  .m1,
  .m2,
  .m3,
  .m4 {
    width: 270px;
  }
  .wleft {
    width: 160px;
  }
  .speed3x {
    background-position: center 190px;
    background-size: 55%;
  }
  .gfqwide,
  .gfqclear {
    background-position: center 220px;
    background-size: 60%;
  }
  .section_simple h3.prod_title,
  .section_maintenance h3.prod_title {
    margin-top: 0;
  }
  .section_maintenance p.copy {
    padding: 0;
  }
  .text.more {
    padding-top: 10px;
  }
  .section_natural_wind h3.prod_title {
    margin-top: 80px;
  }
  .remote h3.prod_title {
    text-align: left;
    padding-left: 290px;
  }
  .Page5 .section1 h2 {
    padding-top: 80px;
  }
  .adjusts.noch {
    -moz-background-size: 480px;
    -webkit-background-size: 480px;
    -o-background-size: 480px;
    background-size: 480px;
  }
  .adtops {
    margin-top: 20px;
  }
  .container_awards .section2 .content {
    width: 300px;
    margin-top: 80px;
    margin-right: 40px;
  }
  .container_awards .section3 .content {
    width: 300px;
    right: 40px;
    margin-top: 120px;
  }
  .container_awards .section3 .colmn {
    padding: 0;
  }
  .container_awards .section4 .colmn {
    width: 300px;
  }
  .Page7 .section_overview {
    padding-top: 60px;
    padding-bottom: 50px;
  }
  .section_cleaning h3.prod_title {
    padding-left: 20px;
    padding-right: 20px;
  }
  .section_cleaning .section_filter p {
    padding-left: 30px;
    padding-right: 30px;
  }
  .stats2.adjusts.bgcenter {
    background-position: top center;
  }
  #gatekeeper_layer {
    margin-top: 40px;
  }
  .gatekeeper .contents .text {
    margin: 40px 0 0;
  }
  img#gatekeeper_layer {
    width: 140px;
  }
  .section_1min {
    padding-bottom: 30px;
  }
  .stats1 h3.prod_title,
  .section_more h3.prod_title {
    padding: 0 30px;
  }
  .section_maintenance h3.prod_title {
    margin-top: 30px;
  }
  .Page7 .award .contents .column {
    height: 320px;
  }
  .section_natural_wind .text p,
  .gfeature2 .text p,
  .gfeature3 .text p,
  .innovation .text p,
  .section_year .text p,
  .section_dc .contents .text p,
  .section_japan .text p {
    margin-bottom: 20px;
  }
  .section_old_fans .text p {
    margin-bottom: 40px;
  }
  .timer #v3 {
    left: 50%;
    margin-left: -140px;
    top: 292px;
  }
  .accessory-greenFfancirq .item__description {
    padding-left: 30px;
  }
  .accessory-greenFfancirq .item__spec {
    margin-right: 30px;
    max-width: 325px;
  }
  table.Specs {
    margin: 10px 30px;
  }
  .greenfan-cirq-specs1 .overview_image {
    padding: 0 30px;
    margin-top: 10px;
  }
  .gcsaward .text {
    padding: 0;
  }
  .slope .idx {
    background-size: 500px;
    background-position: bottom;
  }
  .gcsaward .columns {
    margin-left: 0;
    padding: 0 30px;
  }
  .timer .timx .text {
    width: 240px;
    margin-left: 70px;
  }
  .gcqeco .idx.h700.m450 {
    height: 350px;
  }
  .gcqeco {
    background-position: center 200px;
  }
  .greenfancq {
    background-size: 370px;
    background-position: center 200px;
  }
  .greenfan-cirq-keynote1 {
    background-size: 700px;
  }
  .greenfan-cirq-keynote1.section-p-30px {
    padding: 0;
  }
  .greenfan-cirq-keynote1 .text {
    padding: 100px 0 60px;
  }
  .smartheater_feature_overview h3.prod_title,
  .smartheater_design_overview h3.prod_title {
    margin-top: 60px;
  }
  #v9_div.radiator h2.title {
    margin-top: 50px;
    padding-bottom: 0;
  }
  #v9_div.radiator h2.title .text {
    margin-top: 0;
  }
  .shawards .text {
    padding: 0;
  }
  .smartheater_specs_overview .overview_image {
    padding: 0 30px;
    margin-left: 0;
    margin-top: 70px;
  }
  .shawards .column {
    height: auto;
  }
  .smartheater2 {
    background-size: 450px;
  }
  #smartheaters .keynote_title {
    width: 100%;
  }
  .smartheater2 p.txtpa {
    margin-top: 340px;
  }
  .smartheater3 .keynote2_image {
    width: 100%;
    max-width: 500px;
    margin-left: -250px;
    padding: 0 30px;
    top: 350px;
  }
  .thermosafe .idx.h600 {
    height: 700px;
  }
  .thermosafe .idx.container {
    background-position: 140px 260px;
  }
  .thermosafe .container p.copy {
    margin-top: 10px;
  }
  .smartheater3 .idx.h700.m600 {
    height: 510px;
  }
  .smartheater4 {
    background-size: 950px;
  }
  .smartheater5 {
    background-size: 950px;
    background-color: #e0dfdd;
  }
  .smartheater4,
  .smartheater5 {
    height: 460px;
  }
  .container_history .section1 {
    background-size: 700px;
    background-position: 30px bottom;
  }
  .container_history .section3 {
    background-size: 700px;
    background-position: 30px bottom;
  }
  .container_history .section3 dl {
    margin-top: 80px;
  }
  .container_history .section3 .content {
    top: 160px;
  }
  .container_story .section_title h1 {
    font-size: 48px;
    padding-left: 15px;
    padding-right: 30px;
  }
  .container_story .section_title p {
    padding-left: 30px;
  }
  .container_story .section_title .container {
    padding-bottom: 10px;
  }
  .container_story .section_title {
    height: 160px;
  }
  .container_story .section {
    margin-bottom: 30px;
  }
  .container_story .section_posts .section_inner {
    width: 100%;
    padding: 0;
    margin: 0 auto;
  }
}

@media (max-width: 576px) {
  .adjusts {
    -moz-background-size: 640px;
    -webkit-background-size: 640px;
    -o-background-size: 640px;
    background-size: 640px;
  }
  .adjusts.m640,
  .adjusts.chan,
  .adjusts.gfan {
    -moz-background-size: 576px;
    -webkit-background-size: 576px;
    -o-background-size: 576px;
    background-size: 576px;
  }
  .overview #video_overlay {
    top: 60%;
    color: #000;
  }
  .swipe1 .idx .textbox,
  .swipe2 .idx .textbox,
  .swipe3 .idx .textbox,
  .swipe4 .idx .textbox {
    margin-top: 310px;
  }
  .m1,
  .m2,
  .m3,
  .m4 {
    width: 190px;
  }
  .wleft {
    width: 150px;
  }
  .about-box2 {
    background-size: contain;
    background-position: top center;
  }
  .about-box2 .col-xs-7 {
    width: 100%;
  }
  .about-box2 h2 {
    margin-top: 25px;
  }
  .toptxt {
    margin-top: 260px;
  }
  #profile {
    position: relative;
    top: 0;
    width: 100%;
    left: 0;
  }
  .container_story h1,
  .container_story h2 {
    font-size: 24px;
  }
  .container_story .article_list li {
    font-size: 15px;
    padding: 10px 0;
  }
  .container_story .article_list li span.article_num {
    padding: 0 10px;
  }
  .container_story .article_list a li:after {
    top: 22px;
    font-size: 24px;
  }
  .about-box2 {
    max-height: 980px;
  }
  .timer #v3 {
    margin-left: -104px;
  }
  .timer .timx .text {
    width: 200px;
    margin-left: 90px;
  }
  .adjusts.chan {
    background-position: top left;
  }
  #v5_div h3.prod_title,
  #v6_div h3.prod_title {
    margin-top: 0;
  }
  #v6_div .text {
    display: none;
  }
  .section_movie .contents #v6_play {
    top: 20%;
  }
  .Page5 .section1 h2 {
    padding-top: 0;
  }
  #Container.Page4 .section_list .contents {
    width: 100%;
  }
  #Container.Page4 .section_list li {
    width: 180px;
  }
  #Container.Page4 .section_list li img {
    width: 100%;
  }
  .adjusts.nochangec {
    background-position: center 100px;
  }
  h3.prod_title.m420 {
    margin-bottom: 260px;
  }
  .gfeature2 .section_greenfan #v5_play,
  .section_movie .contents #v6_play {
    width: 260px;
    margin-left: -130px;
  }
  .smartheater_easyuse_overview .idx {
    background-size: 600px;
  }
  .idx.h800.m600,
  #v1_div.easyuse_display,
  .towel_hanger {
    height: 560px;
  }
  .smartheater_feature_overview {
    background-size: 600px;
    background-position: -70px 240px;
  }
  .idx.h760.m600 {
    height: 670px;
  }
  .radiator #section_radiator_layer {
    position: relative;
  }
  .smartheater_design_overview .overview_layer {
    background-size: 550px;
    background-position: center 190px;
  }
  #v9_div.radiator video {
    top: -130px;
  }
  #v9_div.radiator h2.title {
    margin-top: 30px;
  }
  #section_radiator_layer .text {
    padding-bottom: 40px;
  }
  .eco_control {
    height: 700px;
  }
  .heating h2 {
    margin-top: 10px;
  }
  .heating {
    height: 390px;
  }
  .greenfan-cirq-keynote2 .text,
  .greenfan-cirq-keynote3 .text {
    padding-left: 0;
    padding-right: 0;
  }
  .greenfan-cirq-keynote1 .text {
    padding-top: 250px;
    padding-bottom: 40px;
  }
  .greenfan-cirq-keynote2 .text {
    padding-top: 230px;
    padding-bottom: 10px;
  }
  .greenfan-cirq-keynote1,
  .greenfan-cirq-keynote2,
  .greenfan-cirq-keynote3 {
    background-size: 500px;
    background-position: top center;
  }
  .greenfan-cirq-design1 {
    background-size: 600px;
    background-position: top center;
  }
  .greenfan-cirq-design1 h3.prod_title {
    margin-top: 120px;
  }
  .greenfan-cirq-design1 .idx.h760.m450 {
    height: 310px;
  }
  .remote {
    background-size: 200px;
    background-position: 30px;
  }
  .smooth .text {
    padding-left: 240px;
  }
  .adjusts .textbox .contents h2,
  .container_history h2 {
    font-size: 24px;
  }
  .container_history h2 {
    padding: 0 30px;
  }
  .section029 .idx .textbox {
    margin-top: 340px;
  }
  .sub-top .subcate li a span {
    display: none;
  }
  .container_history .section1 {
    background-size: 600px;
  }
  .container_story .post__text {
    height: 250px;
  }
  .container_awards .section2 {
    background-size: 600px;
    background-position: top center;
  }
  .container_awards .section2 .content {
    position: relative;
    display: block;
    width: 100%;
    padding: 45px 45px 10px;
    margin: 0 auto;
    margin-top: 280px;
  }
  .container_awards .section2 .colmns {
    position: relative;
    display: block;
    bottom: 0;
    clear: both;
    float: left;
  }
  .container_awards .section2 h2.white,
  .container_awards .section2 p {
    color: #000;
  }
  .container_awards .section2 .colmn {
    width: 220px;
  }
  .container_awards .section2 .colmn img {
    width: 100%;
  }
  .container_awards .section3 {
    height: 860px;
  }
  .container_awards .section3.bgimage {
    background-size: 400px;
    background-position: 30px 30px;
  }
  .container_awards .section3 .content,
  .container_awards .section4 .content {
    left: 0;
    position: relative;
    width: 100%;
    padding: 40px;
    right: 0;
    margin-top: 360px;
  }
  .container_awards .section4 .content {
    margin-top: 120px;
  }
  .container_awards .section4 {
    background-size: 700px;
    height: 960px;
  }
  .container_awards .section4 .colmns {
    bottom: 30px;
  }
  .container_awards .section4 .colmn {
    display: block;
    width: 100%;
  }
  .container_awards .section5 .image_wrapper .logo {
    top: 40px;
    left: 50%;
    margin-left: -100px;
    background-size: 200px;
  }
  .container_awards .section5 .content {
    width: 100%;
    max-width: 100%;
    padding: 40px;
    left: 0;
    margin-top: 300px;
  }
  .container_awards .section5 {
    height: 640px;
  }
  .accessory-smartheater .section-image {
    background-size: 700px;
    height: 200px;
  }
  .accessory-smartheater .item__description,
  .accessory-smartheater .item__spec {
    width: 100%;
  }
  .accessory-smartheater .item__spec {
    padding: 0 30px;
    float: left;
  }
  #Container.Page4 .section_list li.signature {
    width: 180px;
  }
  #Container.Page4 .section_list li.signature a .name,
  #Container.Page4 .section_list li a .name {
    width: 180px;
    height: 90px;
  }
  #Container.Page4 .section_list li a .name .title {
    font-size: 12px;
  }
  #Container.Page4 .section_list li.signature a .chef {
    bottom: 25px;
  }
  #Container.Page4 .section_list li a .name__inner,
  #Container.Page4 .section_list li.signature a .name__inner {
    padding: 5px 10px;
  }
  #Container.Page4 .section_list li.signature a .name__inner {
    padding-left: 59px;
  }
  #Container.Page4 .section_list li.signature a .chef {
    padding-left: 45px;
  }
  #Container.Page4 .section_list li.signature a .chef img {
    width: 41px;
  }
  #Container.Page4 .section_list li.rebake {
    width: 376px;
    height: 680px;
  }
  #Container.Page4 .section_list li.rebake img.rebake__bakery_logo {
    width: 296px;
  }
  #Container.Page4 .section_recipe .title .signature {
    top: 80px;
    right: 20px;
  }
  #Container.Page4 .section_recipe .title .share {
    float: none;
    margin: 10px auto;
  }
  #Container.Page4 .section_recipe .profile {
    margin: 0 30px 40px;
  }
  #Container.Page4 .section_recipe .title {
    height: auto;
  }
  #Container.Page4 .section_recipe .title .share li {
    display: inline-block;
    float: none;
  }
  #Container.Page4 .section_recipe .title .signature img {
    width: 100px;
  }
  .section_filter .text {
    margin-top: 0;
  }
}

.smobile {
  display: none;
}

@media (max-width: 480px) {
  #video_overlay .text {
    color: #000;
    margin-top: 50px;
  }
  #video_overlay .text p.copy {
    color: #000;
  }
  .adjusts,
  .adjusts.chan {
    -moz-background-size: 480px;
    -webkit-background-size: 480px;
    -o-background-size: 480px;
    background-size: 480px;
  }
  .adjusts.nochangec {
    -moz-background-size: 580px;
    -webkit-background-size: 580px;
    -o-background-size: 580px;
    background-size: 580px;
  }
  .overview #video_overlay {
    top: 55%;
    color: #000;
  }
  .about-box2 h2 {
    margin-top: 0;
  }
  .timer #v3 {
    margin-left: -58px;
    top: 210px;
  }
  .timer .timx {
    background-position: 100px 90px;
  }
  .timer .timx .text {
    width: 320px;
    padding: 0;
    top: 410px;
    margin-left: -160px;
  }
  .toptxt {
    margin-top: 240px;
  }
  .container_story .post__text h3 span.article_num {
    float: none;
    margin: 0 auto;
  }
  .container_story .post__text {
    padding-top: 20px;
    height: 275px;
  }
  .adjusts.chan {
    background-position: top left;
  }
  .stats_overview_graph {
    width: 100%;
    padding: 0 30px;
    max-width: 441px;
  }
  #stats_graphs,
  .award_summaly_image {
    padding: 0 30px;
  }
  .idx.h700.m500 {
    height: 340px;
  }
  .idx.m500 {
    height: 340px;
  }
  .smartheater_design_overview .overview_layer {
    background-size: 480px;
    background-position: center 160px;
  }
  .control .idx.container {
    background-size: 400px;
  }
  .thermosafe .idx.container {
    background-size: 180px;
    background-position: 140px 330px;
  }
  .smartheater_design_overview .idx.h760.m600 {
    height: 460px;
  }
  .enzyme_filter.adjusts .contents h2 {
    margin-bottom: 30px;
  }
  .enzyme_filter .contents .text_du {
    margin-left: 90px;
    width: 100px;
  }
  .enzyme_filter .contents .text_hf {
    width: 100px;
    margin-top: 40px;
  }
  #model {
    width: 90%;
    margin-left: 20px;
  }
  .m1,
  .m2,
  .m3,
  .m4 {
    width: 40%;
    max-width: 150px;
  }
  .wleft {
    margin-left: 0;
    width: 150px;
  }
  .section_maintenance h3.prod_title {
    margin-top: 10px;
  }
  .section_natural_wind .idx .textbox {
    margin-top: 220px;
  }
  .section_natural_wind h3.prod_title {
    margin-top: 60px;
  }
  #v5_div h3.prod_title {
    font-size: 18px;
  }
  .smobile {
    display: block;
  }
  .innovation .overlay {
    display: none;
  }
  .smobile h3.prod_title {
    margin-top: 0;
  }
  .section_dc .contents .text {
    margin-left: 0;
  }
  .idx .textbox {
    margin-top: 220px;
  }
  .section1t .idx .textbox {
    margin-top: 300px;
  }
  .m1,
  .m2,
  .m3,
  .m4 {
    background-size: 300px;
    background-position: left 5px;
  }
  .efficiency_pollen .contents .title {
    margin-top: 20px;
  }
  .section_deodorize h2.title {
    margin-top: 30px;
  }
  .design1 {
    background: url(../images/design/design_overviews.jpg) no-repeat center top;
  }
  .section_japan .contents h3 {
    margin-top: 100px;
  }
  .smartheater_sleep_overview {
    background-size: 700px;
  }
  .smartheater_sleep_overview h3.prod_title {
    margin-top: 490px;
  }
  .smartheater_sleep_overview p.copy {
    margin: 0;
  }
  .smartheater_sleep_overview .idx.h760.m600 {
    height: 720px;
  }
  #smartheaters .keynote_title {
    font-size: 24px;
    background-size: 80px;
    top: 64px;
    line-height: 120px;
    height: 120px;
  }
  #smartheaters .smartheater3 .keynote_title.part2 {
    background-position: center -110px;
  }
  #smartheaters .smartheater4 .keynote_title.part3 {
    background-position: center -222px;
  }
  #smartheaters .smartheater5 .keynote_title.part4 {
    background-position: center -342px;
  }
  .smartheater5 p {
    margin-top: 30px;
  }
  .smartheater2 p.txtpa {
    margin-top: 390px;
  }
  .smartheater3 .keynote2_image {
    margin-left: -231px;
    top: 320px;
  }
  .section-p-30px.add_block_2.home {
    padding: 5px 0;
  }
  .home .col-sm-4 {
    padding-left: 15px;
    padding-right: 15px;
  }
  .section2p {
    padding: 0 30px 50px;
  }
  #unipack h2.nop {
    padding-left: 0;
    padding-right: 0;
  }
  .greenfan-cirq-design1 .text {
    padding: 0 50px;
  }
  .remote .text {
    padding-left: 230px;
  }
  .smooth .text {
    padding-left: 200px;
  }
  .swipe4.adjusts .contents p {
    padding: 10px 30px 0;
  }
  .section029 .idx .textbox {
    margin-top: 280px;
  }
  .container_history .timeline {
    width: 100%;
    max-width: 360px;
  }
  .container_history .timeline dt {
    font-size: 14px;
  }
  .container_history .timeline dd {
    max-width: 260px;
    font-size: 14px;
    width: auto;
    padding-left: 30px;
    padding-right: 30px;
  }
  .container_history .section4 .content {
    top: 550px;
  }
  .container_history .timeline dd::before {
    width: 15px;
  }
  .container_history .section4 dl {
    margin-top: 300px;
  }
  .container_history .content {
    width: 360px;
  }
  .container_history .section1 {
    background-size: 580px;
    background-position: -30px bottom;
  }
  .container_history .section.section1 {
    height: 670px;
  }
  .container_history .section.section5 {
    height: 570px;
  }
  .container_history .section2 {
    background-size: 900px;
    background-position: -140px bottom;
  }
  .container_history .section2 .content {
    top: 60px;
  }
  .container_history .section3 {
    background-size: 600px;
    background-position: -120px bottom;
  }
  .container_history .section4 {
    background-size: 480px;
    height: 860px;
  }
  .container_history .section5 {
    background-size: 700px;
    background-position: -300px bottom;
  }
  .container_history .section5 dl {
    margin-top: 50px;
  }
  .container_history .section5 .content {
    width: 360px;
    padding: 0 30px;
    margin-left: -180px;
    left: 50%;
    top: 100px;
  }
  .container_awards .section2 {
    height: 1500px;
  }
  .container_awards .section2 .colmn {
    width: 100%;
    padding: 30px;
    margin: 10px 0;
  }
  .container_awards .section2 .colmn img.logo {
    max-width: 200px;
  }
  .section2_1 .col-xs-6,
  .section2_2 .col-xs-6,
  .section3u .col-xs-5,
  .section3u .col-xs-7 {
    width: 100%;
  }
  .adapter {
    padding: 10px 30px;
  }
  .gf2plus {
    padding-top: 0;
  }
  #unipack h1,
  #unipack h2 {
    font-weight: 300;
  }
  #Container.Page4 .section_list .contents {
    width: 400px;
  }
  #Container.Page4 .section_list ul {
    width: 100%;
    max-width: 400px;
  }
  .container_history .timeline {
    border-left: 0;
  }
}

@media (max-width: 460px) {
  .wleft h4 {
    font-size: 18px;
  }
  .adjusts {
    -moz-background-size: 576px;
    -webkit-background-size: 576px;
    -o-background-size: 576px;
    background-size: 576px;
  }
  .adjusts.m640,
  .adjusts.chan,
  .adjusts.gfan {
    -moz-background-size: 460px;
    -webkit-background-size: 460px;
    -o-background-size: 460px;
    background-size: 460px;
  }
  .swipe1 .idx .textbox,
  .swipe2 .idx .textbox,
  .swipe3 .idx .textbox,
  .swipe4 .idx .textbox {
    margin-top: 270px;
  }
}

@media (max-width: 420px) {
  .wleft {
    width: 50%;
  }
  .container_story a.post__x .box__coming_soon {
    width: 100%;
    display: block;
  }
  .m1,
  .m2,
  .m3,
  .m4 {
    background-size: 300px;
  }
  .mleft {
    margin-right: 10px;
  }
  .adjusts.noch {
    -moz-background-size: 320px;
    -webkit-background-size: 320px;
    -o-background-size: 320px;
    background-size: 320px;
  }
  table.Specs {
    margin: 0;
  }
  .gfeature2 .section_greenfan #v5_play,
  .section_movie .contents #v6_play {
    width: 200px;
    margin-left: -100px;
  }
  .idx.m440 {
    height: 320px;
  }
  .toptxt {
    margin-top: 200px;
  }
  .about-box2 .sign {
    margin-right: 40px;
  }
  .container_awards .section2,
  .container_awards .section4 {
    background-size: 500px;
  }
  .container_awards .section2 .content {
    padding-top: 0;
    margin-top: 220px;
  }
  .container_awards .section2 {
    height: 1600px;
  }
  .container_awards .section4 .content {
    margin-top: 30px;
  }
  .Page7 h3.prod_title,
  .container_awards h2 {
    margin-bottom: 10px;
  }
  .container_awards .section4 .colmn {
    padding-bottom: 20px;
  }
  .container_awards .section3.bgimage {
    background-size: 300px;
  }
  #Container.Page4 .section_list ul {
    width: 300px;
    max-width: 300px;
  }
  #Container.Page4 .section_list li {
    width: 128px;
  }
  #Container.Page4 .section_list li.rebake {
    width: 264px;
    height: 680px;
  }
  #Container.Page4 .section_list li.signature,
  #Container.Page4 .section_list li.signature a .name,
  #Container.Page4 .section_list li a .name {
    width: 128px;
  }
  #Container.Page4 .section_list li.signature a .name__inner {
    padding-left: 48px;
  }
  #Container.Page4 .section_list li.signature a .name,
  #Container.Page4 .section_list li a .name {
    height: 110px;
  }
  #Container.Page4 .section_list li.signature a .chef {
    padding-left: 35px;
  }
  #Container.Page4 .section_list li.signature a .chef img {
    width: 31px;
  }
  #Container.Page4 .section_list li {
    margin-bottom: 16px;
    margin-left: 8px;
  }
  #Container.Page4 .section_list li.signature a .chef {
    bottom: 55px;
  }
  #Container.Page4 .section_list li.signature a .name .title {
    font-size: 12px;
  }
  #Container.Page4 .section1 {
    padding-top: 50px;
    padding-bottom: 40px;
  }
  #Container.Page4 .section_list li.signature a .icon img {
    width: 50px;
  }
  #Container.Page4 .section_list li.rebake .btn {
    width: 100px;
  }
  #Container.Page4 .section_list li.rebake {
    padding-left: 20px;
    padding-right: 20px;
  }
  #Container.Page4 .section_list li.rebake img.rebake__bakery_logo {
    width: 204px;
  }
}

@media (max-width: 380px) {
  .section2 dd {
    max-width: 200px;
  }
  .section2 .box {
    clear: both;
  }
  .section2 dl {
    clear: both;
    position: relative;
  }
  .press_info,
  .company_history {
    clear: both;
    padding-top: 30px;
  }
  .toptxt {
    margin-top: 170px;
  }
  .about-box2 {
    max-height: 1140px;
  }
  .container_history .content,
  .container_history .section5 .content {
    width: 300px;
    padding: 0;
  }
  .container_history .section1 .content,
  .container_history .section2 .content,
  .container_history .section3 .content,
  .container_history .section4 .content,
  .container_history .section5 .content {
    margin-left: -150px;
  }
  .container_history .section1 .content {
    top: 40px;
  }
  .container_story .section_title h1 {
    font-size: 36px;
    padding-left: 0;
    padding-right: 15px;
    letter-spacing: 0;
  }
  .container_story .section_title p {
    padding-left: 15px;
    font-size: 16px;
  }
  .container_awards .section4 {
    height: 980px;
  }
  .thermosafe .idx.container {
    background-size: 180px;
    background-position: 140px 420px;
  }
}

@media (max-width: 360px) {
  .adjusts {
    -moz-background-size: 480px;
    -webkit-background-size: 480px;
    -o-background-size: 480px;
    background-size: 480px;
  }
  .adjusts.m640,
  .adjusts.chan,
  .adjusts.gfan {
    -moz-background-size: 360px;
    -webkit-background-size: 360px;
    -o-background-size: 360px;
    background-size: 360px;
  }
  .swipe1 .idx .textbox,
  .swipe2 .idx .textbox,
  .swipe3 .idx .textbox,
  .swipe4 .idx .textbox {
    margin-top: 190px;
  }
  .wleft {
    width: 130px;
  }
  .m1,
  .m2,
  .m3,
  .m4 {
    width: 80px;
    background-size: 200px;
    background-position: left 20px;
  }
  .smartheater_feature_overview {
    background-size: 400px;
    background-position: -50px 340px;
  }
  .greenfan-cirq-design1 {
    background-size: 380px;
  }
  .greenfan-cirq-design1 h3.prod_title {
    margin-top: 230px;
    margin-bottom: 20px;
  }
  .greenfan-cirq-design1 .idx.h760.m450 {
    height: 440px;
  }
  .remote {
    background-size: 150px;
    background-position: 20px 20px;
  }
  .remote h3.prod_title {
    padding-left: 190px;
    margin-top: 40px;
  }
  .remote .text {
    padding-left: 170px;
  }
  .remote .idx.h760.m450,
  .smooth .idx.h760.m450 {
    height: 330px;
  }
  .smooth .text {
    padding-left: 130px;
  }
  .smooth {
    background-size: 500px;
  }
  .greenfan-cirq-design1 .text {
    padding: 0;
  }
  .idx.h760.m600 {
    height: 624px;
  }
  .smartheater_sleep_overview {
    background-size: 500px;
  }
  .smartheater_sleep_overview h3.prod_title {
    margin-top: 370px;
  }
  .smartheater_sleep_overview .idx.h760.m600 {
    height: 670px;
  }
  .about_a_good_sleep h3.prod_title {
    padding: 0 30px;
  }
  .Page10 .section_bakery_recipe005 .anpan {
    top: 60px;
  }
  .timer #v3 {
    margin-left: -68px;
    top: 210px;
  }
  .timer .timx {
    background-position: 30px 90px;
  }
  .timer .timx .text {
    width: 320px;
    padding: 0;
    top: 410px;
    margin-left: -160px;
  }
  .smartheater_easyuse_overview .idx {
    background-size: 540px;
  }
  .idx.h800.m600,
  #v1_div.easyuse_display,
  .towel_hanger {
    height: 500px;
  }
  h2.title,
  .container_awards h1,
  .Page7 h3.prod_title,
  .container_awards h2 {
    font-size: 24px;
  }
  .container_awards .section3 {
    height: 920px;
  }
  .container_awards .section4 .content {
    margin-top: 0;
  }
  .container_awards .section4 {
    height: 980px;
  }
  .container_awards .section4 .colmn {
    padding-left: 0;
    padding-right: 0;
  }
  .container_awards .section1 {
    padding: 30px 0;
  }
  .smartheater3 .keynote2_image {
    margin-left: -171px;
  }
  .greenfan-cirq-keynote1,
  .greenfan-cirq-keynote2,
  .greenfan-cirq-keynote3 {
    background-size: 360px;
  }
  .greenfan-cirq-keynote1 .text {
    padding-top: 210px;
  }
  .greenfan-cirq-keynote2 .text,
  .greenfan-cirq-keynote3 .text {
    padding-top: 190px;
  }
  .thermograph .overlay {
    position: relative;
    height: 330px;
  }
  .thermograph {
    background-position: center 20px;
  }
  #v1_div.thermograph video {
    top: -120px;
  }
  .thermograph h3.prod_title {
    margin: 40px auto 0;
  }
  .thermograph .text {
    top: 36%;
  }
  .thermograph #v1_play {
    top: 36%;
  }
  .speed3x h3.prod_title,
  .gfqwide h3.prod_title {
    margin-bottom: 10px;
  }
  .speed3x {
    background-position: center 220px;
  }
  .gfqwide,
  .gfqclear {
    background-position: center 240px;
    background-size: 60%;
  }
  .toptxt {
    margin-top: 170px;
  }
  .about-box2 .sign {
    margin-right: 40px;
  }
  .about-box2 {
    max-height: 1180px;
  }
  .container_history .section1 {
    background-size: 390px;
    background-position: 0 bottom;
  }
  .container_history .section2 {
    background-size: 770px;
    background-position: -190px bottom;
  }
  .container_story .section_title {
    padding-left: 30px;
    padding-right: 30px;
  }
  .container_history .timeline {
    margin-left: 80px;
  }
}

@media (max-width: 320px) {
  .toptxt {
    margin-top: 120px;
  }
  .speed3x {
    background-position: center 240px;
  }
  .gcsaward .columns {
    padding: 0 15px;
  }
  .gcsaward .column {
    max-width: 260px;
  }
  #enzyme_overlay p.copy {
    padding: 0;
  }
  #v9_div.radiator video {
    top: -170px;
  }
  #v9_div.radiator h2.title {
    margin-bottom: 15px;
  }
  .enzyme_filter.adjusts .contents h2 {
    margin-bottom: 20px;
  }
  .mins {
    width: 160px;
    margin: 0 auto;
    text-align: center;
  }
  .enzyme_filter .contents .text_hf {
    margin-right: 30px;
    width: 80px;
    margin-top: 20px;
    text-align: left;
  }
  .enzyme_filter .contents .text_hf p.copy {
    text-align: left;
  }
  .enzyme_filter .contents .text_du {
    margin-left: 40px;
    width: 80px;
  }
  .enzyme_filter .contents .text_hf p,
  .enzyme_filter .contents .text_du p {
    font-size: 12px;
    word-break: break-all;
  }
  #v6_div.heating .contents h2.text-center {
    padding-left: 30px;
    padding-right: 30px;
  }
  .heating {
    height: 300px;
  }
  .smartheater_feature_overview h3.prod_title,
  .smartheater_design_overview h3.prod_title {
    margin-top: 40px;
    margin-bottom: 30px;
    padding: 0 45px;
  }
  #model {
    margin-left: 0;
    width: 250px;
  }
  .m1,
  .m2,
  .m3,
  .m4 {
    width: 90px;
  }
  .wleft h4 {
    font-size: 18px;
    margin-top: 0;
  }
  .mleft {
    margin-right: 10px;
  }
  .wleft {
    margin-left: 0;
    width: 140px;
  }
  .section_maintenance .contents {
    padding: 20px 0;
  }
  .adjusts .contents p {
    font-size: 16px;
  }
  .section_filter .btn.ghost {
    width: 100%;
  }
  .stats2.adjusts.bgcenter {
    background-position: top center;
  }
  .greenfan-cirq-design1 {
    background-size: 320px;
  }
  .remote {
    background-size: 120px;
  }
  .remote h3.prod_title,
  .remote .text {
    padding-left: 140px;
  }
  .remote h3.prod_title {
    margin-bottom: 20px;
  }
  .smooth .text p.copy {
    padding-left: 0;
  }
  .greenfan-cirq-design1 h3.prod_title {
    margin-top: 200px;
  }
  .adjusts.nochangec,
  .adjusts.noch {
    -moz-background-size: 320px;
    -webkit-background-size: 320px;
    -o-background-size: 320px;
    background-size: 320px;
  }
  .smartheater3 .keynote2_image {
    top: 380px;
  }
  .smartheater_sleep_overview h3.prod_title {
    margin-top: 310px;
    padding-left: 30px;
    padding-right: 30px;
  }
  .adjusts.nochangec {
    background-position: center 80px;
  }
  .adjusts.noch {
    background-position: center center;
  }
  h3.prod_title.m420 {
    margin-bottom: 170px;
  }
  .normal .contents .text p,
  .gdesign .contents .text p,
  .section_cordless .text p,
  .section_size .text p,
  .section_cirq .text p,
  .section_adapter .text p {
    font-size: 16px;
    line-height: 1.8;
    margin-bottom: 10px;
    color: #333;
  }
  .smartheater_design_overview .overview_layer {
    background-size: 400px;
    background-position: center 190px;
  }
  .control .idx.container {
    background-size: 260px;
  }
  h3.prod_title.mt300 {
    margin-top: 160px;
  }
  .section_cordless .text {
    margin-bottom: 30px;
  }
  .section_cordless p.white,
  .section_bedroom p.white {
    color: #fff;
  }
  .idx.m440 {
    height: 320px;
  }
  .adjusts.noch {
    background-position: bottom center;
  }
  .smartheater1 h2.title {
    padding-left: 30px;
    padding-right: 30px;
  }
}

@media (min-width: 641px) {
  .registed_list .non_registed_message {
    border-top: 1px solid #ddd;
    padding-top: 15px;
  }
}

.cardlayout {
  border-top: 1px solid #ddd;
  border-left: 1px solid #ddd;
}

.card {
  position: relative;
  float: left;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  width: 50%;
  padding: 5% 0 0;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  background: #fff;
  color: #000;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
  z-index: 0;
}

@media (min-width: 641px) {
  .card:hover {
    -webkit-box-shadow: 0 8px 50px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 8px 50px rgba(0, 0, 0, 0.2);
    box-shadow: 0 8px 50px rgba(0, 0, 0, 0.2);
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
    z-index: 1;
  }
}

.mypage_header .logo--balmuda_id {
  position: absolute;
  top: 50%;
  right: 5%;
  width: 160px;
  height: 18px;
  margin-top: -8px;
}

.mypage_header .mypage_header__previous_link {
  display: block;
  font-size: 18px;
  padding-top: 24px;
  text-decoration: none;
  color: #039be5;
  float: left;
}

@media (min-width: 641px) and (max-width: 860px) {
  .card {
    margin-right: 0;
  }
}

.card > a {
  display: block;
  width: 100%;
  height: 100%;
  text-decoration: none;
  color: #666;
}

.card .--image {
  width: 70%;
  height: auto;
  margin: 0 auto;
}

.card .card__caption {
  height: 7rem;
  padding: 0 1rem;
  font-size: .8rem;
  line-height: 1.5;
}

.card .card__caption > p {
  margin-bottom: .5rem;
}

.card .card__caption > span {
  display: block;
  color: #999;
}

.registed_product .--image {
  max-width: 460px;
  margin: 0 auto;
}

.registed_product .--image > img {
  width: 100%;
  height: auto;
}

.image {
  width: 100%;
  height: auto;
}

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

.cf:after {
  clear: both;
}

.cf {
  *zoom: 1;
}

.textlinks {
  clear: both;
}

.textlinks.textlinks--center {
  text-align: center;
}

.textlinks.textlinks--right {
  text-align: right;
}

.textlinks.textlinks--left {
  text-align: left;
}

.btn--text {
  color: #039be5;
  text-decoration: none;
  font-size: 18px;
}

.cart-table {
  min-width: 300px;
  font-family: "AliMedium";
  margin-bottom: 40px;
  background-color: #fff;
}

.cart-table a {
  text-decoration: none;
  color: #000;
}

.cart-table a:hover {
  color: #222;
}

.cart-table th,
th.titlea {
  display: none;
}

.cart-table td,
td.titlea {
  display: block;
}

.cart-table td:first-child {
  padding-top: .5em;
}

.cart-table td:last-child {
  padding-bottom: .5em;
}

.cart-table td:before {
  content: attr(data-th) "：";
  font-weight: 700;
  width: 120px;
  display: table-cell;
}

td.titlea:before {
  content: attr(data-th) "：";
  font-weight: 700;
  width: 200px;
  display: table-cell;
}

.cart-table td span,
td.titlea span {
  display: table-cell;
  padding-left: 10px;
}

@media (min-width: 680px) {
  .cart-table td:before,
  td.titlea:before {
    display: none;
  }
}

.cart-table th,
.cart-table td,
th.titlea,
td.titlea {
  text-align: left;
  vertical-align: middle !important;
}

@media (min-width: 680px) {
  .cart-table th,
  .cart-table td,
  th.titlea,
  td.titlea {
    display: table-cell;
    padding: .25em .5em;
  }
  .cart-table th:first-child,
  .cart-table td:first-child {
    padding-left: 0;
    width: 145px;
  }
  .cart-table th:last-child,
  .cart-table td:last-child {
    padding-right: 0;
  }
}

@media (min-width: 680px) {
  .cart-table th,
  .cart-table td {
    padding: 3px 0;
  }
  th.titlea,
  td.titlea {
    padding: 1em !important;
  }
}

.img1 {
  background: url(../images/toaster/technology/img1.jpg) no-repeat;
  background-position: 50% 100%;
  -webkit-background-size: cover;
  background-size: cover;
}

@media (max-width: 680px) {
  .cart-table th,
  .cart-table td,
  th.titlea,
  td.titlea {
    text-align: left;
  }
  .desktop {
    display: none;
  }
}

.img1 {
  background-position: top center;
}

.cart-table th,
.cart-table td:before,
th.titlea,
td.titlea:before {
  color: #000;
}

.cart-table .card_product_image img {
  width: 90px;
}

.cart-table .card_product_image {
  background-color: #fff;
}

.cart-table .card_product_quantity input {
  width: 50px;
  display: inline-block;
}

.logo a img,
.logos a img {
  width: 88px;
  vertical-align: top;
}

.lines {
  background: url(../images/line.png) 0 0 no-repeat;
  float: left;
  margin-right: 5px;
  width: 24px;
  height: 24px;
  background-size: 100%;
  display: block;
  font: 0/0 transparent;
}

.lineword {
  float: left;
}

.orange_block {
  background-color: #e59703;
  padding: 3rem 0;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: none;
}

.orange_block .orange_content {
  max-width: 980px;
  position: relative;
  height: 100%;
  margin: 0 auto;
  padding: 0;
}

.orange_block .orange_p {
  margin: 0;
  padding: 0;
  position: relative;
  line-height: 30px;
  font-size: 1.6rem;
  letter-spacing: 0.5px;
}

.orange_block .orange_p a {
  color: #fff;
  text-decoration: none;
  border-style: none;
  font-size: 1rem;
}

.orange_block .orange_p a:hover {
  text-decoration: underline;
}

.orange_p_span {
  color: #fff;
  padding-right: 1rem;
}

.keynote_link_text {
  display: none;
}

.tosterstyle .adjusts .contents p {
  letter-spacing: 1px;
  line-height: 29px;
  font-weight: 300;
  font-size: 17px;
}

.tosterstyle .adjusts .contents h2 {
  font-size: 32px;
  margin-bottom: 20px;
}

.section-design-av .ui_close {
  color: #666;
  z-index: 9;
}

.container_awards .colmn-left-zero {
  padding-left: 0;
}

/*new 3 pages 新增部分*/
.r-blockBright {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.r-blockBright .showseries-block {
  text-align: center;
  margin-bottom: 80px;
}

.r-blockBright .showseries-block img {
  width: 60%;
}

.showseries-img {
  height: 300px;
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.sub-banner h5 {
  text-align: left;
  margin: 30px 0;
}

.sub-banner p {
  text-align: left;
}

/*new 3 support*/
.support-top .subcate li {
  width: 20%;
}

@media (min-width: 840px) {
  .section-p-b50 {
    margin-bottom: 65px;
  }
}

/* product page */
@media (max-width: 768px) {
  .pline .p_block_mother {
    height: auto;
    display: -webkit-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 2rem 0;
    border-bottom: none;
  }
  .p_block {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .p_block_ {
    height: auto;
    width: 100%;
    padding: 0 0 4rem;
  }
  .pline .p_block_firstone {
    padding-top: 80px;
  }
  .p_block_lastone {
    padding-bottom: 0;
  }
  .p_block_ ._text {
    width: 85%;
    height: 100px;
    text-align: center;
  }
  .p_block_ ._text_lastone {
    border-bottom: none;
  }
  .pline .p_block_ ._text ._title {
    font-size: 1.3rem;
    display: block;
    line-height: 1.4;
    color: #222;
    font-weight: 500;
    display: block;
    margin-bottom: .5rem;
    line-height: 1;
  }
  .pline .p_block_ ._text ._copy {
    font-size: 1rem;
    color: #999;
    line-height: 1.4;
  }
  /*new 3 pages 新增部分*/
  .r-blockBright .showseries-block {
    margin-bottom: 0;
  }
  .img3 {
    background: none;
    height: auto;
  }
  .img3 p {
    padding: 20px 20px 40px;
  }
  .step5,
  .step2 {
    background: none;
  }
  .Page7 .section_spec .inner {
    padding: 0;
  }
}

/* greenfan page */
@media (max-width: 641px) {
  .g-section-index .viewport_ .content_ {
    margin: 0;
  }
  .g-section {
    padding: 0 0 30px 0;
  }
  .g-section-a .greenfan_ .gtitle {
    font-size: 3.5rem;
    margin-top: 0px;
  }
  .g-section-a .gcopy {
    padding: 0 50px;
    font-size: 17px;
  }
  .g-section-index .viewport_ {
    padding: 50px;
  }
  .g-section-index .viewport_ .content_ .g-section-title {
    margin-bottom: 20px;
  }
  .g-section-index .viewport_ .content_ .g-section-p-story {
    padding: 0;
  }
  .swipe3 .viewport_ .content_ {
    text-align: left;
  }
  .buy-section {
    padding-top: 4rem;
    padding-bottom: 8rem;
  }
  .viewport-buy {
    width: 90%;
    margin: 0 auto;
  }
  .viewport-buy .buy-image-wrapper {
    width: 100%;
  }
  .viewport-buy .buy-image-wrapper .buy-img {
    width: 100%;
  }
  .viewport-buy .buy-contents {
    width: 100%;
    text-align: center;
  }
  .g-section-index .viewport_ .content_ .g-section-p {
    font-size: 17px;
    letter-spacing: 1px;
  }
  .viewport-buy .buy-contents .buy-title {
    height: 26px;
    width: auto;
    max-width: 100%;
    margin-top: 1rem;
    margin-bottom: 1.5rem;
  }
  .viewport-buy .buy-contents .buy-buy {
    font-size: 1.7rem;
    width: 150px;
    height: 42px;
    line-height: 41px;
    margin: 3rem auto 0;
    font-weight: 400;
    letter-spacing: 1.2px;
  }
  .g-section-index .viewport_ .content_ .g-section-read {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 44%;
    height: 2.6rem;
    border-color: #000;
    line-height: 2.4rem;
    font-size: 1.3rem;
    color: #000;
  }
  .g-section-index .viewport_ .content_ .g-section-btn {
    width: 50%;
    height: 4rem;
    margin-top: 3rem;
    border: 1px solid #666;
    line-height: 4rem;
    color: #000;
    font-size: 15px;
    padding-right: 15px;
  }
  .fa-chevron-circle-right {
    top: 12.5px;
    color: #000;
  }
  /* universal */
  .g-section ._image {
    width: 100%;
    height: 80%;
    margin-bottom: 5rem;
    padding-top: 85.3%;
    background-size: cover;
  }
  .gf-viewport .gf-content .gf-title-h2 {
    font-size: 34px;
    letter-spacing: 1.2px;
    margin-bottom: 2.5rem;
  }
  .gf-viewport .gf-content p {
    font-size: 16px;
  }
  /*       specific   */
  .g-section .gf-viewport {
    width: 90%;
    margin: 0 auto;
  }
  .section-gf-wrap {
    padding-bottom: 50px;
  }
  .section-gf-wrap .section-feature {
    height: auto;
  }
  .section-gf-wrap .section-feature-b,
  .section-gf-wrap .section-feature-c {
    padding: 0;
  }
  .section-feature-a {
    padding-bottom: 60px;
  }
  .section-feature-d,
  .section-feature-e {
    height: auto;
    padding-bottom: 50px;
  }
  .section-feature-e {
    border-bottom: 1px solid #ddd;
  }
  .section-feature-a .gf-viewport .gf-content,
  .section-feature-e .gf-viewport .gf-content {
    padding: 0;
    text-align: left;
  }
  .section-feature-bc .gf-title-h2 {
    margin-top: 0;
  }
  .section-feature-bc .gf-title-h2,
  .section-feature-bc .gf-viewport .gf-content p {
    color: #333;
  }
  .section-feature-bc .gf-viewport .gf-content,
  .section-feature-d .gf-viewport .gf-content,
  .section-feature-e .gf-viewport .gf-content {
    margin: 0;
  }
  .section-feature-bc .play_video_d {
    display: none;
  }
  /* GF VIDEO */
  .section-gf-wrap .video-overlap {
    overflow: hidden;
    width: 90%;
    margin: 15px auto 0;
    border-radius: 10px;
    opacity: 1;
    z-index: 9;
    height: 100%;
    position: relative;
    background-size: cover;
  }
  .section-gf-wrap .video-overlap-a {
    background-image: url(../images/mobile/videogreenfeature-1.jpg);
  }
  .section-gf-wrap .video-overlap-b {
    background-image: url(../images/mobile/videogreenfeature-2.jpg);
  }
  .gf-video {
    position: relative;
    opacity: 1;
  }
  /* DESIGN */
  .section-design-all {
    height: auto;
  }
  .section-design-b .gf-viewport .gf-content {
    margin: 0;
    padding: 0 0 15px;
  }
  .section-design-d h2,
  .section-design-d p {
    color: black;
  }
  .section-design-d .gf-viewport .gf-content,
  .section-design-e .gf-viewport .gf-content {
    padding: 0 0 15px;
  }
  .section-design-c .gf-viewport .gf-content {
    padding: 0 0 15px;
  }
  .section-design-c .play_video_d {
    display: none;
  }
  .section-gf-wrap .section-design-av {
    background-image: url(../images/mobile/videogreendesign.jpg);
  }
  .section-design-av video {
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  /* STORY */
  .section-story-a .gf-viewport .gf-story-content {
    padding: 50px 0 30px 0;
  }
  .section-story-a .gf-viewport .gf-story-content p {
    padding: 0;
  }
  .section-story-all .gf-viewport .gf-story-content .gf-story-h2,
  .section-story-all .gf-viewport .gf-story-content p {
    color: #333;
  }
  .section-story-all .gf-viewport .gf-story-content .gf-story-h2 {
    font-size: 32px;
    text-align: left;
  }
  .section-story-all ._image {
    height: auto;
    margin-bottom: 2rem;
  }
  .section-story-all {
    height: auto;
  }
  .section-story-all .gf-viewport .gf-content {
    padding: 10px 5px;
  }
  .section-story-g .gf-viewport .gf-content {
    margin: 0;
  }
}

@media (max-width: 480px) {
  .talks .column,
  .miisteros .column {
    padding: 20px 10px 20px 10px;
    height: auto;
  }
  .orange_block {
    padding: 30px 0 40px;
  }
  .orange_block .orange_content {
    text-align: center;
  }
  .orange_block .orange_p {
    padding: 0 20px;
    position: relative;
    line-height: 30px;
    font-size: 1.4rem;
    letter-spacing: 0em;
  }
  .orange_p_span {
    color: #fff;
    padding-right: 0rem;
  }
  .container_awards .row__ {
    padding: 0;
  }
}

@media (max-width: 440px) {
  .tittle-post {
    font-size: 20px;
  }
  .keynote_link_text {
    display: block;
    float: right;
    line-height: 1.5;
    color: #039be5;
    padding: 15px 0 20px;
  }
  .m_div {
    width: 100%;
    color: #999;
    border-bottom: 1px solid #d3d3d3;
    margin-top: 30px;
  }
  .m_div_ {
    width: 100%;
    border-bottom: 1px solid white;
    color: #999;
    margin: 28px 0;
  }
  #del_margin_btm {
    margin-bottom: 0px;
  }
  .blog-posts {
    margin-top: 0px;
    margin-bottom: -20px;
  }
  .substage_item_text,
  .blog-posts p.substage_item_text {
    font-size: 13px;
  }
  .index_span {
    display: block;
    float: right;
    font-size: 1rem;
    line-height: 1.5;
    color: #039be5;
  }
  .blog-posts-divs {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-bottom: 40%;
    height: 250px

  }
  .blog-posts-imgs {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
  }
  .buy-section {
    padding-top: 4rem;
    padding-bottom: 6rem;
  }
  .tosterstyle .textbox .contents {
    margin-top: 50px;
  }
  .tosterstyle .adjusts .contents .toaster-p-center {
    margin: 0 auto;
  }
  .tosterstyle .adjusts .contents p {
    letter-spacing: 0.5px;
    line-height: 25px;
    font-weight: 300;
    font-size: 15px;
    padding: 0 15px;
  }
  .tosterstyle .adjusts .contents h2 {
    font-size: 24px;
  }
  .section-p-30px.add_block_2.home {
    padding: 30px 0 0;
  }
  .container_awards .row__ {
    padding: 0;
  }
}

@media (max-width: 320px) {
  .m_div {
    display: none;
  }
  .blog-posts {
    margin-top: 0px;
    margin-bottom: -16px;
  }
  .container_awards .row__ {
    padding: 0;
  }
}

.social-media .list-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-bottom: 1px solid #666;
  padding: 1em 0;
  margin: 3em 0;
}

.social-media .list-icon li {
  margin: 0 12px;
}

.social-media .list-icon i {
  font-size: 30px;
  line-height: 26px;
  vertical-align: bottom;
}

.social-media .list-icon a,
.social-media .list-icon a:hover,
.social-media .list-icon a:active {
  color: #fff;
}

@media (min-width: 993px) {
  .social-media .list-icon {
    position: absolute;
    bottom: 90px;
    border: 0;
  }
}

.section--purchase .item-vertical {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.section--purchase .item-vertical .item__buy {
  width: 252px;
  text-align: left;
}

.section--purchase .item-vertical .btn--large {
  margin-top: 10% !important;
}

@media (min-width: 768px) {
  .hide-md {
    display: none;
  }
}

@media (min-width: 992px) {
  .hide-lg {
    display: none;
  }
}

@media (max-width: 768px) {
  .miisteros #profile {
    position: static;
    /* top: -310px; */
    width: initial;
    left: initial;
  }
}

@media (min-width: 768px) {
  .miisteros #profile {
    position: static;
  }
}

.title-logo {
  position: relative;
  overflow: hidden;
  aspect-ratio: 375 / 427;
}

@media (min-width: 768px) {
  .title-logo {
    aspect-ratio: 1920 / 540;
  }
}

.title-logo__img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  height: 100%;
}

@media (min-width: 768px) {
  .title-logo__img {
    height: initial;
    width: 100%;
  }
}

.banner {
  position: relative;
  overflow: hidden;
  aspect-ratio: 375 / 250;
}

@media (min-width: 768px) {
  .banner {
    aspect-ratio: 1920 / 600;
  }
}

.banner__img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  height: 100%;
}

@media (min-width: 768px) {
  .banner__img {
    height: initial;
    width: 100%;
  }
}

@media (min-width: 768px) {
  .piclist {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.piclist__item {
  position: relative;
  overflow: hidden;
  aspect-ratio: 1920 / 1280;
}

@media (min-width: 768px) {
  .piclist--2 .piclist__item {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 50%;
    flex: 0 1 50%;
  }
}

@media (min-width: 768px) {
  .piclist--3 .piclist__item {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 calc(100% / 3);
    flex: 0 1 calc(100% / 3);
  }
}

@media (min-width: 768px) {
  .piclist--4 .piclist__item {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 25%;
    flex: 0 1 25%;
  }
}

.piclist__img {
  width: 100%;
  max-width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100%;
  max-width: 100%;
  margin: auto;
}

.paintbox {
  max-width: 720px;
  margin: 0 auto;
}

.paintbox__img {
  width: 100%;
  max-width: 100%;
}

.section-coffee {
  background: #FBF3E6;
}

@font-face {
  font-family: Flaticon;
  src: url("../fonts/v1.1.eot");
  src: url("../fonts/v1.1.eot#iefix") format("embedded-opentype"), url("../fonts/v1.1.woff") format("woff"), url("../fonts/v1.1.ttf") format("truetype"), url("../fonts/v1.1.svg") format("svg");
  font-weight: 400;
  font-style: normal;
}

[class*=" ui_icon-"]:after,
[class*=" ui_icon-"]:before,
[class^=ui_icon-]:after,
[class^=ui_icon-]:before {
  font-family: Flaticon;
  font-style: normal;
}

.ui_icon-collapse3:before {
  content: "\e000";
}

.ui_icon-cross78:before {
  content: "\e001";
}

.ui_icon-cross80:before {
  content: "\e002";
}

.ui_icon-expand22:before {
  content: "\e003";
}

.ui_icon-map103:before {
  content: "\e004";
}

.ui_icon-next15:before {
  content: "\e005";
}

.ui_icon-play102:before {
  content: "\e006";
}

.ui_icon-play107:before {
  content: "\e007";
}

.ui_icon-previous11:before {
  content: "\e008";
}

.ui_icon-right140:before {
  content: "\e009";
}

.ui_icon-right147:before {
  content: "\e00a";
}

.ui_icon-share39:before {
  content: "\e00b";
}

.ui_icon-telephone5:before {
  content: "\e00c";
}

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

[class*=" icon__"],
[class^=icon__] {
  font-family: v2;
  speak: none;
  font-style: normal;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon__quotes:before {
  content: "\e60e";
}

.icon__bold__bottom:before {
  content: "\e001";
}

.icon__bold__left:before {
  content: "\e002";
}

.icon__bold__right:before {
  content: "\e003";
}

.icon__bold__top:before {
  content: "\e004";
}

.icon__bottom:before {
  content: "\e012";
}

.icon__cart:before {
  content: "\e027";
}

.icon__cart__alt:before {
  content: "\e014";
}

.icon__check:before {
  content: "\e006";
}

.icon__check__blank:before {
  content: "\e005";
}

.icon__circle:before {
  content: "\e007";
}

.icon__circle__alert:before {
  content: "\e008";
}

.icon__circle__alt:before {
  content: "\e009";
}

.icon__circle__check:before {
  content: "\e60d";
}

.icon__circle__check__alt:before {
  content: "\e60c";
}

.icon__circle__close:before {
  content: "\e00c";
}

.icon__circle__close_alt:before {
  content: "\e00d";
}

.icon__circle__facebook:before {
  content: "\e013";
}

.icon__circle__instagram:before {
  content: "\e017";
}

.icon__circle__left:before {
  content: "\e000";
}

.icon__circle__left__alt:before {
  content: "\e018";
}

.icon__circle__play:before {
  content: "\e00e";
}

.icon__circle__play_alt:before {
  content: "\e00f";
}

.icon__circle__question:before {
  content: "\e022";
}

.icon__circle__right:before {
  content: "\e023";
}

.icon__circle__right__alt:before {
  content: "\e024";
}

.icon__circle__twitter:before {
  content: "\e02a";
}

.icon__close:before {
  content: "\e00b";
}

.icon__download:before {
  content: "\e600";
}

.icon__email:before {
  content: "\e011";
}

.icon__email_alt:before {
  content: "\e010";
}

.icon__file:before {
  content: "\e922";
}

.icon__help:before {
  content: "\e015";
}

.icon__home:before {
  content: "\e016";
}

.icon__lock__close:before {
  content: "\e019";
}

.icon__lock__open:before {
  content: "\e01a";
}

.icon__map:before {
  content: "\e01b";
}

.icon__menu:before {
  content: "\e01c";
}

.icon__more__horizon:before {
  content: "\e01d";
}

.icon__more__vertical:before {
  content: "\e01e";
}

.icon__next:before {
  content: "\e01f";
}

.icon__phone:before {
  content: "\e020";
}

.icon__previous:before {
  content: "\e021";
}

.icon__sale:before {
  content: "\e025";
}

.icon__search:before {
  content: "\e601";
}

.icon__setting:before {
  content: "\e610";
}

.icon__share:before {
  content: "\e026";
}

.icon__social__facebook:before {
  content: "\e603";
}

.icon__social__facebook__alt:before {
  content: "\e602";
}

.icon__social__instagram:before {
  content: "\e604";
}

.icon__social__naver:before {
  content: "\e605";
}

.icon__social__origami:before {
  content: "\e606";
}

.icon__social__pinterest:before {
  content: "\e607";
}

.icon__social__sumally__dark:before {
  content: "\e608";
}

.icon__social__sumally__light:before {
  content: "\e609";
}

.icon__social__twitter:before {
  content: "\e60a";
}

.icon__social__youtube:before {
  content: "\e60b";
}

.icon__time:before {
  content: "\e029";
}

.icon__top:before {
  content: "\e00a";
}

.icon__user:before {
  content: "\e028";
}

.modal__overlay {
  display: none;
}

.modal--on .modal__overlay {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 120%;
  opacity: 1;
  background-color: rgba(0, 0, 0, 0.3);
  -webkit-backdrop-filter: blur(5px);
  -webkit-tap-highlight-color: transparent;
  z-index: 900;
}

.modal {
  display: none;
  z-index: -9999;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #fff;
  -webkit-box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
  -moz-box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
  box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
  -webkit-tap-highlight-color: transparent;
}

.modal.modal--active {
  display: block;
  z-index: 9999;
  overflow-y: auto;
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
  -webkit-animation-duration: .5s;
  -ms-animation-duration: .5s;
  animation-duration: .5s;
  -webkit-animation-fill-mode: both;
  ms-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.modal.modal--close--animation {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}

.modal .modal__content {
  height: 100%;
  padding: 20% 5%;
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
}

.modal .modal__close {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: fixed;
  top: 20px;
  right: 20px;
  width: 50px;
  height: 50px;
  padding: 10px;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  z-index: 9999;
}

.modal .modal__close:hover {
  background-color: rgba(0, 0, 0, 0.7);
}

.modal .modal__close > svg {
  width: 100%;
  height: auto;
  fill: #fff;
}

@media (max-width: 640px) {
  .modal__language .modal__content {
    padding: 0 20%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .modal__language .modal__content .modal__language__region > a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 2rem 0;
    text-decoration: none;
  }
  .modal__language .modal__content .modal__language__region .__svg {
    width: 60px;
    height: auto;
    margin-right: 1rem;
    border: 1px solid #ddd;
  }
  .modal__language .modal__content .modal__language__region .__caption {
    color: #333;
  }
}

@media (min-width: 641px) {
  .modal__language {
    background: rgba(0, 0, 0, 0.7);
  }
  .modal__language .modal__content {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 600px;
    height: 150px;
    overflow: hidden;
    margin: -75px auto auto -300px;
    padding: 0;
  }
  .modal__language .modal__content .modal__language__region {
    float: left;
    width: 33.333%;
    text-align: center;
  }
  .modal__language .modal__content .modal__language__region > a {
    display: block;
    padding: 20px;
    border: 1px solid rgba(255, 255, 255, 0);
    text-decoration: none;
  }
  .modal__language .modal__content .modal__language__region > a:hover {
    border: 1px solid #fff;
  }
  .modal__language .modal__content .modal__language__region .__svg {
    width: 80px;
    height: auto;
    margin-bottom: 10px;
  }
  .modal__language .modal__content .modal__language__region .__caption {
    display: block;
    color: #fff;
  }
}

.modal--desktop .modal__buy_products {
  z-index: 9998;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  max-width: 980px;
  width: 100%;
  height: 620px;
  background-color: #fff;
  -webkit-box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
  -moz-box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
  box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
  -webkit-tap-highlight-color: transparent;
}

.modal--desktop .modal__buy_products .modal--active {
  display: block;
  z-index: 9999;
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
  -webkit-animation-duration: .5s;
  -ms-animation-duration: .5s;
  animation-duration: .5s;
  -webkit-animation-fill-mode: both;
  ms-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.modal--desktop .modal__buy_products .modal--close--animation {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}

.modal--desktop .modal__buy_products .modal__content {
  padding: 40px 5% 0;
  -webkit-overflow-scrolling: touch;
  height: 580px;
  width: 90%;
  overflow-y: auto;
  overflow-x: hidden;
  position: absolute;
  top: 0;
}

.modal--desktop .modal__buy_products .modal__page {
  display: none;
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
}

.modal--desktop .modal__buy_products .page1 {
  display: block;
}

.modal--desktop .modal__buy_products .modal__close {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  top: 20px;
  right: 20px;
  font-size: 50px;
  line-height: 50px;
  width: 50px;
  height: 50px;
  padding: 0;
  border-radius: 50%;
  color: #999;
  background: none;
  cursor: pointer;
  z-index: 9999;
}

.modal--desktop .modal__buy_products .modal__close:hover {
  color: #666;
  background: none;
}

.modal--desktop .modal__buy_products .modal__close > svg {
  width: 100%;
  height: auto;
  fill: #fff;
}

.modal--desktop .modal__buy_products .modal__back {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  top: 20px;
  left: 20px;
  width: 120px;
  height: 50px;
  padding: 10px;
  border-radius: 50%;
  cursor: pointer;
  z-index: 9999;
  font-size: 16px;
}

.modal--desktop .modal__buy_products .modal__back:hover {
  color: #009cdd;
}

.modal--desktop .modal__buy_products .modal__title {
  font-size: 32px;
  line-height: 30px;
  margin-top: 30px;
  margin-bottom: 20px;
  text-align: center;
  font-weight: normal;
}

.modal--desktop .modal__buy_products .soldout__message {
  max-width: 600px;
  margin: 8px auto -16px;
  margin: .5rem auto -1rem;
  padding: 16px;
  padding: 1rem;
  border-radius: 3px;
  font-size: .8rem;
  line-height: 1.1rem;
  background: #039be5;
  color: #fff;
  text-align: center;
}

.modal--desktop .modal__buy_products .soldout__message a {
  color: #fff;
  text-decoration: none;
}

.modal--desktop .modal__buy_products .soldout__message a:hover {
  text-decoration: underline;
}

.modal--desktop .modal__buy_products .modal__lineup {
  max-width: 900px;
  min-width: 570px;
  width: 100%;
  height: 100%;
  max-height: 440px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.modal--desktop .modal__buy_products .column {
  margin-top: 40px;
  display: -webkit-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.modal--desktop .modal__buy_products .column__image {
  width: 100%;
  max-width: 460px;
}

.modal--desktop .modal__buy_products .column__image > img {
  width: 100%;
  height: auto;
}

.modal--desktop .modal__buy_products .column__form {
  width: 100%;
  margin-left: 2rem;
  padding-left: 2rem;
  border-left: 1px solid #ccc;
  text-align: left;
}

.modal--desktop .modal__buy_products .fieldset {
  padding: 1rem 0;
}

.modal--desktop .modal__buy_products .item {
  max-width: 300px;
  min-width: 170px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  margin-right: 20px;
  padding: 10px;
  text-align: left;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}

.modal--desktop .modal__buy_products .item--soldout .btn--ghost {
  border-color: #ccc;
  color: #ccc;
}

.modal--desktop .modal__buy_products .item--has-stock {
  cursor: pointer;
}

.modal--desktop .modal__buy_products .item--has-stock:hover {
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);
}

.modal--desktop .modal__buy_products .item--has-stock:hover .btn--ghost {
  background: #4ba53a;
  color: #fff;
}

.modal--desktop .modal__buy_products .item:last-child {
  margin-right: 0;
}

.modal--desktop .modal__buy_products .item input[type="radio"] {
  display: none;
}

.modal--desktop .modal__buy_products .item__image {
  position: relative;
  text-align: center;
  max-height: 260px;
  max-width: 260px;
}

.modal--desktop .modal__buy_products .item__image img {
  width: 80%;
  height: auto;
}

.modal--desktop .modal__buy_products .item__image--square {
  margin: -20px auto;
}

.modal--desktop .modal__buy_products .item__image--wide {
  margin: -40px auto;
}

.modal--desktop .modal__buy_products .item__image--long {
  margin: 15px auto;
}

.modal--desktop .modal__buy_products .item__name {
  position: relative;
  margin: 0 0 10px;
  font-size: 16px;
  line-height: 20px;
  color: #666;
  text-align: center;
}

.modal--desktop .modal__buy_products .item__product-code {
  font-size: 13px;
  color: #999;
}

.modal--desktop .modal__buy_products .item__description {
  text-align: center;
  color: #666;
  line-height: 1.3rem;
  font-size: 13px;
}

.modal--desktop .modal__buy_products .item__purchase {
  clear: both;
  overflow: hidden;
  margin-top: 10px;
  margin-bottom: 10px;
}

.modal--desktop .modal__buy_products .item__shipping {
  font-size: 16px;
  color: #666;
  text-align: center;
}

.modal--desktop .modal__buy_products .item__buy {
  width: 100%;
  margin-bottom: 10px;
  text-align: center;
}

.modal--desktop .modal__buy_products .item__price {
  font-size: 14px;
  color: #666;
  text-align: center;
}

.modal--desktop .modal__buy_products .item__price:before {
  content: "¥";
  font-size: 14px;
}

.modal--desktop .modal__buy_products .item__price--exctax:after {
  content: "(税別)";
  font-size: 14px;
}

.modal--desktop .modal__buy_products .item__price--inctax:after {
  content: "(税込)";
  font-size: 14px;
}

.modal--desktop .modal__buy_products .option__product_name {
  font-size: 1.2rem;
  line-height: 1.2rem;
}

.modal--desktop .modal__buy_products .option__product_code {
  color: #999;
}

.modal--desktop .modal__buy_products .option__subheading {
  font-size: 14px;
  font-weight: 700;
  margin: 1rem 0 0;
}

.modal--desktop .modal__buy_products .option__spec {
  font-size: 14px;
  line-height: 1.4rem;
  margin: 1rem 0;
}

.modal--desktop .modal__buy_products .option__price:before {
  content: "¥";
  font-size: 14px;
}

.modal--desktop .modal__buy_products .option__price--exctax:after {
  content: "(税別)";
  font-size: 14px;
}

.modal--desktop .modal__buy_products .option__price--inctax:after {
  content: "(税込)";
  font-size: 14px;
}

.modal--desktop .modal__buy_products .option__shipping {
  font-size: 16px;
}

.modal--desktop .modal__buy_products .option__description {
  font-size: 14px;
  line-height: 1.4rem;
  margin: 1rem 0;
}

.modal--desktop .modal__buy_products .option__description p {
  margin-bottom: 1rem;
}

.modal--desktop .modal__buy_products .option__description p > em {
  font-weight: 700;
}

.modal--desktop .modal__buy_products .input,
.modal--desktop .modal__buy_products button,
.modal--desktop .modal__buy_products textarea,
.modal--desktop .modal__buy_products select {
  background: none;
  border: none;
  border-radius: 0;
  font-size: 1rem;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.modal--desktop .modal__buy_products .btn {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-style: none;
  border-radius: 2px;
  outline: 0;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  vertical-align: middle;
  -webkit-tap-highlight-color: transparent;
}

.modal--desktop .modal__buy_products .btn--large {
  display: block;
  width: 100%;
  max-width: 320px;
  height: 55px;
  font-size: 1rem;
  line-height: 55px;
  background-color: #4ba53a;
  color: #fff;
}

.modal--desktop .modal__buy_products .btn--ghost {
  display: inline-block;
  border: 1px solid #4ba53a;
  color: #4ba53a;
  background: none;
  padding: .2rem 3rem;
}

.modal--desktop .modal__buy_products .btn--large[disabled] {
  background-color: #999;
  cursor: default;
}

.modal--sp .modal {
  display: none;
  z-index: 9997;
  position: fixed;
  overflow-y: hidden !important;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  height: 100%;
  width: 100%;
  background-color: #fff;
  -webkit-box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
  -moz-box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
  box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
  -webkit-tap-highlight-color: transparent;
}

.modal--sp .modal.modal--active {
  display: block;
  z-index: 9997;
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
  -webkit-animation-duration: .5s;
  -ms-animation-duration: .5s;
  animation-duration: .5s;
  -webkit-animation-fill-mode: both;
  ms-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.modal--sp .modal .modal--close--animation {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}

.modal--sp .modal .modal__content {
  padding: 0 5%;
  width: 90%;
  height: 100vh;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  position: relative;
}

.modal--sp .modal .modal__page {
  display: none;
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
}

.modal--sp .modal .page1 {
  display: block;
}

.modal--sp .modal .modal__close {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: fixed;
  top: 0;
  right: 0;
  font-size: 80px;
  line-height: 80px;
  width: 130px;
  height: 130px;
  padding: 20px 20px 0 0;
  border-radius: 0;
  color: #999;
  background: none;
  cursor: pointer;
  z-index: 9999;
  text-align: right;
}

.modal--sp .modal .modal__close:hover {
  background: none;
}

.modal--sp .modal .modal__back {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: fixed;
  top: 20px;
  left: 20px;
  width: 120px;
  height: 50px;
  padding: 10px;
  border-radius: 50%;
  cursor: pointer;
  z-index: 9999;
  font-size: 32px;
}

.modal--sp .modal .modal__title {
  position: relative;
  font-size: 40px;
  line-height: 40px;
  margin-top: 100px;
  margin-bottom: 20px;
  text-align: center;
}

.modal--sp .modal .modal__lineup {
  width: 100%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.modal--sp .modal .column {
  margin: 40px 0 300px;
}

.modal--sp .modal .column .price {
  display: block;
  font-size: 48px;
  line-height: 30px;
  text-align: center;
}

.modal--sp .modal .column .price:before {
  content: "¥";
  font-size: 24px;
}

.modal--sp .modal .column .price--exctax:after {
  content: "(税別)";
  font-size: 24px;
}

.modal--sp .modal .column .price--inctax:after {
  content: "(税込)";
  font-size: 24px;
}

.modal--sp .modal .column .sku_information {
  display: block;
  font-size: 28px;
  color: #999;
  text-align: center;
}

.modal--sp .modal .column .label--fixed {
  font-size: 24px;
}

.modal--sp .modal .column__image {
  text-align: center;
}

.modal--sp .modal .column__image > img {
  width: 80%;
  height: auto;
}

.modal--sp .modal .column__image--square {
  margin: -40px 0;
}

.modal--sp .modal .column__image--wide {
  margin: -200px 0;
}

.modal--sp .modal .column__image--long {
  margin: 20px 0;
}

.modal--sp .modal .column__form {
  width: 100%;
}

.modal--sp .modal .fieldset {
  padding: 1rem 0;
}

.modal--sp .modal .item {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  margin-right: 20px;
  padding: 10px;
  text-align: left;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}

.modal--sp .modal .item--soldout .btn--ghost {
  border-color: #ccc;
  color: #ccc;
}

.modal--sp .modal .item:last-child {
  margin-right: 0;
}

.modal--sp .modal .item input[type="radio"] {
  display: none;
}

.modal--sp .modal .item__image {
  position: relative;
  text-align: center;
}

.modal--sp .modal .item__image img {
  width: 80%;
  height: auto;
}

.modal--sp .modal .item__image--square {
  margin: -20px 0;
}

.modal--sp .modal .item__image--wide {
  margin: -40px 0;
}

.modal--sp .modal .item__image--long {
  margin: 15px 0;
}

.modal--sp .modal .item .limited {
  display: table;
  position: absolute;
  width: 70px;
  height: 70px;
  top: 10px;
  right: 10px;
  background: #009cdd;
  border-radius: 50%;
  color: #fff;
}

.modal--sp .modal .item .limited:before {
  content: "オンライン\aストア限定";
  display: table-cell;
  padding: 10px;
  line-height: 15px;
  font-size: 10px;
  vertical-align: middle;
}

.modal--sp .modal .item__name {
  position: relative;
  margin: 0 0 10px;
  font-size: 32px;
  line-height: 40px;
  color: #666;
  text-align: center;
}

.modal--sp .modal .item__product-code {
  font-size: 28px;
  color: #999;
}

.modal--sp .modal .item__description {
  text-align: center;
  color: #666;
  line-height: 18px;
  font-size: 13px;
}

.modal--sp .modal .item__purchase {
  clear: both;
  overflow: hidden;
  margin-top: 10px;
  margin-bottom: 10px;
}

.modal--sp .modal .item__shipping {
  font-size: 28px;
  color: #666;
  text-align: center;
}

.modal--sp .modal .item__buy {
  width: 100%;
  margin-bottom: 10px;
  text-align: center;
}

.modal--sp .modal .item__price {
  font-size: 36px;
  color: #666;
  text-align: center;
}

.modal--sp .modal .item__price:before {
  content: "¥";
  font-size: 24px;
}

.modal--sp .modal .item__price--exctax:after {
  content: "(税別)";
  font-size: 24px;
}

.modal--sp .modal .item__price--inctax:after {
  content: "(税込)";
  font-size: 24px;
}

.modal--sp .modal .option__product_name {
  font-size: 32px;
  line-height: 48px;
}

.modal--sp .modal .option__product_code {
  font-size: 21px;
  line-height: 32px;
  color: #999;
}

.modal--sp .modal .option__subheading {
  font-size: 24px;
  font-weight: 700;
  margin: 1rem 0 0;
}

.modal--sp .modal .option__spec {
  font-size: 24px;
  line-height: 40px;
  margin: 1rem 0;
}

.modal--sp .modal .option__price:before {
  content: "¥";
  font-size: 24px;
}

.modal--sp .modal .option__price--exctax:after {
  content: "(税別)";
  font-size: 24px;
}

.modal--sp .modal .option__price--inctax:after {
  content: "(税込)";
  font-size: 24px;
}

.modal--sp .modal .option__shipping {
  font-size: 32px;
}

.modal--sp .modal .option__description {
  font-size: 24px;
  line-height: 40px;
  margin: 1rem 0;
}

.modal--sp .modal .option__description p {
  margin-bottom: 1rem;
}

.modal--sp .modal .option__description p > em {
  font-weight: 700;
}

.modal--sp .modal .input,
.modal--sp .modal button,
.modal--sp .modal textarea,
.modal--sp .modal select {
  background: none;
  border: none;
  border-radius: 0;
  font-size: 1rem;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.modal--sp .modal .btn {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-style: none;
  border-radius: 2px;
  outline: 0;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  vertical-align: middle;
  -webkit-tap-highlight-color: transparent;
}

.modal--sp .modal .btn--large {
  display: block;
  width: 100%;
  height: 85px;
  font-size: 1.8rem;
  line-height: 85px;
  background-color: #4ba53a;
  color: #fff;
}

.modal--sp .modal .btn--ghost {
  display: inline-block;
  border: 1px solid #4ba53a;
  color: #4ba53a;
  font-size: 28px;
  background: none;
  width: 100%;
}

.modal--sp .modal .btn--large[disabled] {
  background-color: #999;
  cursor: default;
}

.modal--sp .modal .radio > input[type=radio] + label {
  height: 32px;
  font-size: 28px;
}

.modal--sp .modal .dropdown {
  margin-top: 90px;
  height: 90px;
}

.modal--sp .modal .dropdown__value {
  padding: 0 24px;
}

.modal--sp .modal .dropdown__item--value {
  font-size: 28px;
  line-height: 70px;
}

.modal--sp .modal .dropdown__item--subtext {
  font-size: 20px;
  line-height: 20px;
}

.modal--sp .modal .dropdown__contents ul .dropdown__item {
  height: 90px;
}

@font-face {
  font-family: 'icomoon';
  src: url("../fonts/icomoon.eot?t=20180522");
  src: url("../fonts/icomoon.eot?t=20180522") format("embedded-opentype"), url("../fonts/icomoon.ttf?t=20180522") format("truetype"), url("../fonts/icomoon.woff?t=20180522") format("woff"), url("../fonts/icomoon.svg?t=20180522") format("svg");
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"],
[class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  display: inline-block;
  pointer-events: none;
  /*i元素-目前專給icon使用*/
  font-size: 24px;
  position: relative;
}

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

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

.icon-view:before {
  content: "\e919";
}

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

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

.icon-check_circle:before {
  content: "\e906";
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 1920px) and (max-width: 2560px) {
  .billboard-textA {
    position: relative;
    width: 100%;
    padding: 9% 0;
    float: left;
    margin-top: 2%;
  }
  .billboard-textB {
    position: relative;
    width: 100%;
    padding: 2% 0;
    float: left;
  }
  .billboard-textC {
    position: relative;
    width: 100%;
    padding: 3% 0;
    float: left;
  }
  /* 
.home-slider-a-title-img{
		max-width:30%;
		height:auto;
		z-index:99999;
		position:absolute;
		top:5%;
		left: 3%;
	}
 */
  .home-slider-button {
    height: auto;
    z-index: 99999;
    position: absolute;
    top: 5%;
    left: 3%;
    background-color: black;
    color: #ffffff;
    font-size: 20px;
    padding: 5px 12px;
    border-radius: 10px;
    font-weight: bold;
    letter-spacing: 1px;
  }
  .home-slider-finger {
    max-width: 2%;
    height: auto;
    z-index: 99999;
    position: absolute;
    top: 5%;
    left: 3.5%;
  }
}

@media (min-width: 1400px) and (max-width: 1920px) {
  .team-over li .over-team {
    padding: 50px;
  }
  .svg_wide {
    top: -10%;
  }
  .billboard-textA {
    position: relative;
    width: 100%;
    padding: 9% 0;
    float: left;
    margin-top: 2%;
  }
  .billboard-textB {
    position: relative;
    width: 100%;
    padding: 2% 0;
    float: left;
  }
  .billboard-textC {
    position: relative;
    width: 100%;
    padding: 3% 0;
    float: left;
  }
  /* 
.home-slider-a-title-img{
		max-width:30%;
		height:auto;
		z-index:99999;
		position:absolute;
		top:5%;
		left: 3%;
	}
 */
  .home-slider-button {
    height: auto;
    z-index: 99999;
    position: absolute;
    top: 5%;
    left: 3%;
    background-color: black;
    color: #ffffff;
    font-size: 20px;
    padding: 5px 12px;
    border-radius: 10px;
    font-weight: bold;
    letter-spacing: 1px;
  }
  .home-slider-finger {
    max-width: 2%;
    height: auto;
    z-index: 99999;
    position: absolute;
    top: 5%;
    left: 3.5%;
  }
}

@media (min-width: 1200px) and (max-width: 1400px) {
  .svg_wide {
    width: 100%;
    top: -10%;
    left: 6%;
  }
  header .logo {
    margin: 0;
  }
  .in-the-look li .inn-look {
    padding: 0 10px;
  }
  .in-the-look li .inn-look {
    top: 20%;
  }
  .in-the-look li:hover .inn-look {
    top: 10%;
  }
  .furniture-large .position-center-center {
    width: 90%;
  }
  #v5_div h3.prod_title {
    margin-top: 40px;
  }
  h3.prod_title.m480 {
    margin-bottom: 470px;
  }
  .billboard-textA {
    position: relative;
    width: 100%;
    padding: 9% 0;
    float: left;
    margin-top: 2%;
  }
  .billboard-textB {
    position: relative;
    width: 100%;
    padding: 2% 0;
    float: left;
  }
  .billboard-textC {
    position: relative;
    width: 100%;
    padding: 3% 0;
    float: left;
  }
  /* 
.home-slider-a-title-img{
		max-width:50%;
		height:auto;
		z-index:99999;
		position:absolute;
		top:5%;
		left: 3%;
	}
 */
  .home-slider-button {
    height: auto;
    z-index: 99999;
    position: absolute;
    top: 5%;
    left: 3%;
    background-color: black;
    color: #ffffff;
    font-size: 20px;
    padding: 5px 12px;
    border-radius: 10px;
    font-weight: bold;
    letter-spacing: 1px;
  }
  .home-slider-finger {
    max-width: 2%;
    height: auto;
    z-index: 99999;
    position: absolute;
    top: 5%;
    left: 3.5%;
  }
}

@media (max-width: 1200px) {
  .svg_wide {
    width: 110%;
    top: -10%;
  }
  .furniture-large .position-center-center {
    width: 90%;
  }
  #v5_div h3.prod_title {
    margin-top: 30px;
  }
  .gfeature2 .section_greenfan #v5_play {
    top: 32%;
  }
  h3.prod_title.m480 {
    margin-bottom: 380px;
  }
  .billboard-textA {
    position: relative;
    width: 100%;
    padding: 9% 0;
    float: left;
    margin-top: 2%;
  }
  .billboard-textB {
    position: relative;
    width: 100%;
    padding: 3% 0;
    float: left;
  }
  .billboard-textC {
    position: relative;
    width: 100%;
    padding: 3% 0;
    float: left;
  }
  /* 
.home-slider-a-title-img{
		max-width:30%;
		height:auto;
		z-index:99999;
		position:absolute;
		top:5%;
		left: 3%;
	}
 */
  .home-slider-button {
    height: auto;
    z-index: 99999;
    position: absolute;
    top: 5%;
    left: 3%;
    background-color: black;
    color: #ffffff;
    font-size: 20px;
    padding: 5px 12px;
    border-radius: 10px;
    font-weight: bold;
    letter-spacing: 1px;
  }
  .home-slider-finger {
    max-width: 2%;
    height: auto;
    z-index: 99999;
    position: absolute;
    top: 5%;
    left: 3.5%;
  }
}

@media (max-width: 1024px) {
  h3.prod_title.m480 {
    margin-bottom: 310px;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .in-the-look li {
    width: 33.3333%;
  }
  .in-the-look li .inn-look {
    padding: 0 10px;
  }
  .popurlar_product .over-item {
    padding-top: 40%;
  }
  .popurlar_product .details-sec a {
    letter-spacing: 0px;
  }
  .small-r-items .btn {
    letter-spacing: 0px;
  }
  .small-r-items .media {
    width: 100%;
    float: left;
    padding-right: 15px;
    position: relative;
    z-index: 2;
    margin-bottom: 20px;
  }
  .small-r-items h5 {
    width: 100%;
    margin-top: 30px;
    text-align: center;
  }
  .small-r-items .item-img {
    width: 120px;
  }
  .port-folio-row li .hover-port {
    padding-top: 10%;
  }
  .furniture .items-fer li {
    width: 33.3333%;
  }
  header .search-nav ul.dropdown {
    width: 100% !important;
  }
  .header-style-2.header-style-3 .logo {
    margin: 20px 0;
    width: 100%;
    text-align: center;
  }
  .header-style-2.header-style-3 nav {
    margin-top: 20px;
  }
  .header-style-2.header-style-3 nav {
    width: 100%;
  }
}

@media (max-width: 980px) {
  header nav .ownmenu li {
    padding: 0 25px;
    clear: both;
  }
  .header-style-2 nav li {
    display: none;
  }
  .header-style-2 nav li span {
    display: block;
    margin-top: 0px;
  }
  .header-style-2 nav li a {
    min-width: 100px;
  }
  .header-style-2 nav li a:hover {
    padding-top: 0;
  }
  .sub-top .subcate li {
    padding: 0 10px;
  }
  .adjusts .contents h2 {
    font-size: 28px;
  }
  #v5_div h3.prod_title,
  #v6_div h3.prod_title {
    margin-top: 30px;
  }
  .gfeature2 .section_greenfan #v5_play {
    top: 26%;
  }
  h3.prod_title.m480 {
    margin-bottom: 270px;
  }
  .section_movie .contents #v6_play {
    top: 43%;
  }
  .pline .text,
  .pline .text.toaster,
  .pline .text.smart,
  .pline .text.unipack,
  .pline .text.air {
    margin-top: 20px;
  }
  .pline .text p.copy {
    text-align: center;
  }
  .pline .text a:hover {
    text-decoration: none !important;
  }
  .toster3 a.keynote_link_text,
  .toster3 a.keynote_link_text:hover,
  .toster6 a.keynote_link_text,
  .toster6 a.keynote_link_text:hover {
    color: #4ba53a;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  #overview_graph_layout {
    left: 0;
  }
  #overview_graph_overlay {
    left: 33px;
  }
  #v5_div h3.prod_title {
    margin-top: 10px;
  }
  h3.prod_title.m480 {
    margin-bottom: 230px;
  }
  #v5_div .text p {
    margin-top: 10px;
  }
  .gfeature2 .section_greenfan #v5_play {
    top: 17%;
  }
  .in-the-look li {
    width: 50%;
  }
  .popurlar_product .details-sec a {
    letter-spacing: 0px;
  }
  .popurlar_product li {
    width: 50%;
  }
  .list-style li {
    width: 100%;
  }
  .small-r-items .media {
    width: 50%;
    float: left;
    padding-right: 15px;
    position: relative;
    z-index: 2;
  }
  .small-r-items h5 {
    width: 100%;
    margin-top: 30px;
    text-align: center;
  }
  .small-r-items .item-img {
    width: 120px;
  }
  .port-folio-row li {
    width: 50%;
  }
  .furniture .items-fer li {
    width: 33.3333%;
  }
  header nav .ownmenu li {
    float: left;
  }
  header .search-nav ul.dropdown {
    width: 100% !important;
  }
  header .ownmenu .look-book .nav-img {
    width: 70px;
    margin-right: 10px;
  }
  header .ownmenu .look-book .media-heading {
    margin-top: 0px;
    margin-bottom: 10px;
  }
  header .ownmenu li > .megamenu li a {
    padding: 5px 0;
  }
  header .ownmenu > li > .megamenu.full-width {
    padding: 30px;
  }
  header .ownmenu .look-book .media-body a {
    padding: 5px 0 0 0px;
  }
  header .ownmenu > li > .megamenu.full-width .nav-post .col-sm-3 {
    width: 50%;
  }
  header .ownmenu .megamenu h6 {
    margin-top: 20px;
  }
  header .ownmenu ul.dropdown li a {
    letter-spacing: 1px;
  }
  .ownmenu ul.dropdown,
  .ownmenu ul.dropdown li ul.dropdown {
    width: 200px;
  }
  .ownmenu ul.dropdown li a {
    padding-left: 20px;
  }
  header .ownmenu .look-book .media {
    padding-bottom: 10px;
  }
  .header-style-2.header-style-3 .logo {
    margin: 20px 0;
    width: 100%;
    text-align: center;
  }
  .header-style-2.header-style-3 nav {
    margin-top: 20px;
  }
  .header-style-2.header-style-3 nav {
    width: 100%;
  }
}

@media (min-width: 1200px) {
  .n1_container {
    width: 1120px;
  }
}

.pline .col-md-6 {
  text-align: center;
  margin: 0 auto;
}

header .logos h3 {
  display: none;
}

.charth {
  float: right;
}

#overview_graph_moblie {
  display: none;
}

@media (max-width: 768px) {
  .ownmenu > li.showhide span.icon {
    color: #fff;
    padding: 0px;
    margin: 0px;
    width: 100%;
    text-align: center;
    font-size: 25px;
  }
  .ownmenu > li.showhide {
    float: left;
    width: 10%;
  }
  .header-style-2 nav li {
    width: 100%;
  }
  header .ownmenu > li.shop-cart {
    width: 50px;
    float: left;
    left: 0px;
    margin-top: 16px;
  }
  header .ownmenu > li.shop-cart a {
    width: auto;
  }
  header .ownmenu > li.shop-cart .indicator {
    display: none;
  }
  header .ownmenu .megamenu h6 {
    margin-top: 20px;
    display: inline-block;
    width: 100%;
  }
  header .ownmenu > li > .megamenu.full-width {
    padding: 30px;
  }
  .shop-cart {
    display: block !important;
    position: absolute !important;
    top: 0px;
    right: 0px;
  }
  header .ownmenu > li.search-nav {
    width: 50px;
    float: left;
    left: 0px;
    margin-top: 16px;
    left: 0px;
    margin: 0 auto !important;
    width: 50px;
  }
  header .ownmenu > li.search-nav a {
    width: auto;
  }
  header .ownmenu > li.search-nav .indicator {
    display: none;
  }
  .search-nav {
    display: block !important;
    position: absolute !important;
    top: 10px;
    right: 0px;
  }
  header .shop-cart ul.dropdown {
    margin-top: 2px;
  }
  header .search-nav ul.dropdown {
    margin-left: -150px;
    margin-top: 7px;
  }
  .ownmenu > li.showhide {
    height: auto;
    margin: 0px;
    padding: 0px;
    line-height: 50px;
    height: 50px;
    margin-left: 0;
  }
  header.header-2 nav {
    padding-top: 0px;
    text-align: left;
    background: #fff;
  }
  header .logo {
    width: 160px;
    position: absolute;
    left: 50%;
    margin-left: -80px;
    margin-top: 10px;
    z-index: 10001;
    padding-top: 10px;
  }
  header .stickys {
    min-height: 50px;
  }
  header .logos {
    width: 260px;
    position: absolute;
    left: 50%;
    margin-left: -130px;
    margin-top: 0px;
    z-index: 10001;
    padding-top: 10px;
  }
  header .logos h3 {
    color: #fff;
    font-size: 16px;
    margin: 5px auto;
    display: block;
    width: auto;
  }
  #news {
    float: left;
    width: 100%;
    min-width: 100px;
    margin: 0;
    padding: 60px 3rem;
    font-size: 14px;
    line-height: 17px;
  }
  #v5_div .text p,
  #v6_div .text p {
    display: none;
  }
  .b-border {
    border-bottom: 1px solid #ccc;
  }
  #news .ThePost {
    margin-left: 0;
    padding: 0;
  }
  #SideBar {
    width: 100%;
    padding: 10px 30px;
    max-width: 100%;
  }
  section.home-slider {
    clear: both;
    margin-top: 60px;
  }
  section.home-slider.notop {
    margin-top: 0;
  }
  #navfloat {
    top: 50px;
  }
  .pagemap__main ol.breadcrumb li {
    font-size: 15px;
  }
  img.slogo {
    display: none;
    visibility: hidden;
  }
  .sub-banner h4 {
    display: none;
  }
  .sub-banner {
    padding: 10px;
  }
  .quotes .blockquote {
    margin-top: 90px;
  }
  .Page9 .blockquote {
    top: 45%;
  }
  .Page9 .quotes {
    padding: 0 45px;
  }
  .Page9 .section_quotes {
    height: 300px;
  }
  .blockquote__info {
    text-align: center;
    width: 100%;
    left: 0;
  }
  .section2 .text.wide h3,
  .section2 .right .text h3,
  .section2 .text h3 {
    margin-top: 30px;
    text-align: center;
    color: #000;
  }
  .section2 .text p.white,
  .section2 .text p {
    color: #000;
  }
  header nav {
    float: left;
    width: 100%;
  }
  header nav .ownmenu .indicator {
    display: block;
  }
  header nav li a {
    display: inline-block;
    width: 100%;
    float: none;
  }
  header .nav-img {
    display: none !important;
  }
  .ownmenu > li.showhide span {
    line-height: 50px;
    display: inline-block;
    width: 100%;
    font-family: FontAwesome;
  }
  .ownmenu > li.showhide span.title {
    margin: 0px;
  }
  .ownmenu > li > a {
    padding: 0;
    text-align: left;
  }
  .ownmenu .indicator {
    display: block;
  }
  header .ownmenu ul.dropdown {
    margin-left: 0px;
  }
  header .ownmenu li.shop-cart ul.dropdown {
    margin-left: -200px;
  }
  .collection-adds li {
    width: 50%;
    float: left;
    margin-bottom: 30px;
  }
  .add_block_2 li {
    margin-bottom: 30px;
  }
  .blog-posts .info {
    margin-bottom: 30px;
  }
  footer .footer-link h5 {
    margin-bottom: 0px;
    margin-top: 30px;
    margin-bottom: 20px;
  }
  p.intro-small {
    width: 100%;
  }
  .subcribe h4 {
    width: 100%;
    margin-bottom: 20px;
  }
  .subcribe {
    text-align: center;
  }
  .subcribe .col-md-7 {
    width: 100%;
  }
  .new-arrival .popurlar_product li {
    width: 50%;
    float: left;
  }
  .new-arrival .popurlar_product .over-item {
    padding-top: 45%;
  }
  .in-the-look li {
    width: 50%;
  }
  #contact_form li {
    margin-bottom: 10px;
  }
  .our-clients p.intro {
    width: 100%;
  }
  .services li .icon {
    margin-bottom: 10px;
  }
  .services li {
    margin-bottom: 30px;
  }
  .popurlar_product .items-in:hover .over-item a {
    height: 50px;
    width: 50px;
    line-height: 50px;
  }
  .small-r-items .btn {
    letter-spacing: 0px;
  }
  .small-r-items .media {
    width: 50%;
    float: left;
    display: inline-block;
    padding-right: 15px;
    position: relative;
    z-index: 2;
    margin-bottom: 20px;
  }
  .small-r-items h5 {
    width: 100%;
    margin-top: 30px;
    text-align: center;
  }
  .small-r-items .item-img {
    width: 120px;
  }
  .shades .tittle p {
    width: 100%;
  }
  .port-folio-row li {
    width: 50%;
    float: left;
    display: inline-block;
  }
  .port-folio-row li .hover-port {
    padding-top: 18%;
  }
  .news-letter .news-letter-form {
    width: 100%;
  }
  .testimonial-simple .media {
    margin-bottom: 30px;
  }
  .construction .services-style-2 ul li {
    width: 50%;
    float: left;
  }
  .tittle-cont p {
    width: 100%;
  }
  .team ul li {
    margin-bottom: 30px;
  }
  .latest-news .read-more {
    margin-bottom: 30px;
  }
  .testimonial .testi {
    width: 100%;
  }
  .testimonial .owl-nav .owl-prev {
    top: 10%;
  }
  .testimonial .owl-nav .owl-next {
    top: 10%;
  }
  .quote {
    text-align: center;
  }
  .quote h4 {
    width: 100%;
    text-align: center;
    line-height: 30px;
  }
  .quote .btn {
    margin-top: 20px;
    float: none;
  }
  .portfolio .col-3 li {
    width: 100%;
    margin-bottom: 30px;
  }
  .construction .filter li {
    padding: 0px 10px;
  }
  .construction .filter li a {
    font-size: 12px;
    padding: 0px;
  }
  .furniture .items-fer li {
    width: 50%;
  }
  .list-style li .col-sm-4 {
    width: 50%;
    float: left;
  }
  .list-style li .col-sm-8 {
    width: 50%;
    float: left;
  }
  .header-style-2.header-style-3 .logo {
    width: 160px;
    text-align: center;
    position: absolute;
    left: 50%;
    margin-left: -80px;
    margin-top: 10px;
    margin-bottom: 10px;
    z-index: 1001;
  }
  .header-style-2.header-style-3 {
    min-height: 50px;
  }
  .header-style-2.header-style-3 nav {
    width: 100%;
    float: left;
  }
  .header-style-2.header-style-3 nav {
    margin-top: 0px;
  }
  .header-style-2.header-style-3 nav li {
    float: none;
  }
  .header-style-2.header-style-3 nav li.showhide {
    float: left;
  }
  .header-style-2.header-style-3 .search-nav ul.dropdown {
    width: 320px !important;
  }
  .pline img {
    width: 100%;
    max-width: 490px;
  }
  h2.title {
    padding: 0px 30px 25px 30px;
    font-size: 28px;
    line-height: 1.35;
  }
  .gdesign .contents .text p,
  .section_cordless .text p,
  .section_size .text p,
  .section_cirq .text p,
  .section_adapter .text p,
  .section_natural_wind .text p,
  .gfeature2 .text p,
  .gfeature3 .text p,
  .innovation .text p,
  .section_year .text p,
  .container_history .container .content p.copy,
  .section_dc .contents .text p,
  .section_japan .text p,
  p.copy,
  #section_radiator_layer p.copy,
  #smartheaters p {
    font-size: 16px;
    line-height: 1.8;
    text-align: left;
  }
  .pot p.copy,
  .gohan p.copy {
    padding-left: 0;
    padding-right: 0;
  }
  .mode p.copy {
    padding-left: 10px;
    padding-right: 10px;
  }
  .mode_classic .containerModes .mode {
    margin: 0;
    max-width: 90px;
  }
  .section_step p.leads,
  .section_support .faq {
    padding-left: 30px;
    padding-right: 30px;
  }
  .section_step .tips h4.tips_title {
    margin-left: 30px;
  }
  .mode_classic .chart {
    background-size: 120px 148px;
  }
  .mode_classic h3 {
    color: #fff;
    font-weight: 300;
  }
  .step3 a .tips.bxs p.icon {
    padding-right: 0;
    margin-right: 0;
    border-right: 0;
    border-bottom: 1px solid #fff;
    margin-bottom: 20px;
  }
  p.copy.text-center {
    text-align: center;
  }
  .section2 .text,
  .section2 .right .text {
    position: relative;
    margin: 0 auto;
    left: 0;
    right: 0;
    height: auto;
    padding: 20px 0;
  }
  .section2 .text.wide,
  .section2 .text {
    width: 100%;
  }
  h3.prod_title.white,
  .white,
  .section2 .text p.white,
  .section2 p,
  .normal .contents .text p.white {
    color: #000;
  }
  .section_movie h3.prod_title.white,
  .section033 h3.prod_title,
  .section033 .white,
  .section033.normal .contents .text p.white,
  .section--taste p.white {
    color: #fff;
  }
  h3.prod_title {
    padding: 0 0 5px;
    margin: 30px auto 20px auto;
    font-size: 28px;
    font-weight: 300;
    text-align: center;
  }
  .charth {
    height: 400px;
    float: left;
  }
  .text.adr {
    padding-top: 20px;
  }
  .section3,
  .section3 .tcenter,
  .section_step {
    text-align: center;
    margin: 0px auto 30px auto;
  }
  .section_step img.tcenter {
    width: 100%;
    max-width: 560px;
  }
  .section_lead.ty h3.prod_title {
    margin-top: 110px;
  }
  .section_lead.ty p.copy.text-center {
    margin-bottom: 300px;
    width: 100%;
  }
  .adjusts .contents p.awhite {
    color: #fff;
  }
  #Container.Page4 .section_recipe .summary .chef {
    float: none;
    margin: 0 auto 15px auto;
  }
  #Container.Page4 .section_recipe .image .ingredients {
    padding: 10px 30px;
  }
  #Container.Page4 .section_recipe .detail .ingredients {
    width: 100%;
  }
  #Container.Page4 .section_recipe .detail .ingredients th,
  #Container.Page4 .section_recipe .detail .ingredients td {
    font-size: 16px;
  }
  #Container.Page4 .section_recipe .detail .ingredients tr:nth-child(2n-1) th,
  #Container.Page4 .section_recipe .detail .ingredients tr:nth-child(2n-1) td {
    background: #ebebeb;
  }
  #Container.Page4 .section_recipe .image .ingredients img {
    width: 100%;
  }
  #Container.Page4 .section_recipe .summary .text,
  #Container.Page4 .section_recipe .detail .step {
    width: 100%;
  }
  #Container.Page4 .section_recipe .detail h3 {
    margin-top: 60px;
  }
  #Container.Page4 .section_recipe .profile .text {
    width: 100%;
  }
  #Container.Page4 .section_recipe .profile {
    padding: 20px 30px;
  }
  #Container.Page4 .section_recipe .profile h3 {
    color: #999;
  }
  #Container.Page4 .section_recipe .title {
    margin-top: 30px;
    float: none;
    text-align: center;
  }
  #Container.Page4 .section_recipe .title h2 {
    text-align: center;
    margin: 0 auto;
    float: none;
  }
  #Container.Page4 .recomend__wrap {
    display: block;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    max-width: 540px;
    margin: 0 auto 30px auto;
  }
  #Container.Page4 .section_recomend {
    height: 980px;
  }
  #Container.Page4 .section_recomend .btn {
    clear: both;
    margin-top: 30px;
    clear: both;
  }
  #Container .section_subscribe .contents {
    background-position: center 230px;
    background-size: 120px 248px;
    padding-top: 30px;
    padding-bottom: 160px;
  }
  #Container .section_subscribe .text_area {
    width: 100%;
    margin: 0 auto;
  }
  #Container .section_subscribe .subscribe__heading {
    text-align: center;
  }
  #Container .section_subscribe .subscribe__text {
    padding: 10px 30px;
  }
  #Container .section_subscribe .btn--ghost {
    padding: 0;
    text-align: center;
    margin: 0 auto;
  }
  #Container.Page4 .recomend {
    float: left;
    width: 50%;
    margin: 10px 0;
    height: 320px;
  }
  #Container.Page4 .recomend__img {
    margin: 0;
    width: 100%;
    height: 160px;
  }
  #Container.Page4 .recomend__chef {
    top: 45%;
  }
  #Container.Page4 .recomend__body {
    padding-top: 30px;
  }
  #Container.Page4 .recomend__img img {
    width: 100%;
  }
  #overview_graph_layout,
  #overview_graph_layout canvas,
  .efficiency_pm canvas,
  .efficiency_pm .contents .efficiency_pm_graph_line,
  .section_deodorize .graph {
    display: none;
  }
  .efficiency_pm .contents .efficiency_pm_graph_overlay {
    left: -9999px;
  }
  .aright {
    float: left;
  }
  .efficiency_pm .contents .title {
    margin: 30px auto;
  }
  #overview_graph_overlay,
  #main_graph {
    display: none;
    background: transparent;
  }
  #overview_graph_moblie {
    display: block;
    text-align: center;
    width: 100%;
    margin: 0 auto;
  }
  #overview_graph_moblie img {
    width: 100%;
    margin-bottom: 30px;
  }
  #overview_graph_moblie img.xcp {
    max-width: 280px;
  }
  #overview_graph_moblie img.airen3a {
    margin: 10px auto;
    width: 100%;
    max-width: 469px;
    max-height: 320px;
    display: block;
    text-align: center;
  }
  .airen3.adjusts .contents h2,
  .airen4.adjusts .contents h2 {
    margin-top: 20px;
  }
  .airen4.adjusts .textbox .contents h2.keynote_title.part3 {
    margin-top: 30px;
  }
  .airen3.adjusts .contents p {
    color: #fff;
  }
  .award .contents .column {
    text-align: center;
    padding-bottom: 30px;
    height: 330px;
  }
  .award .contents .column img {
    margin: 50px auto 0 auto;
  }
  .award .contents .column p {
    font-size: 15px;
  }
  .section--cta .cta {
    margin-left: -15px;
    margin-right: -15px;
  }
  #nav_bottom ul li {
    padding: 0 15px;
  }
  .containerModes .mode {
    width: 430px;
    height: 430px;
    float: none;
    padding: 25px;
    margin: 10px auto;
  }
  .containerModes .mode.mode_300w,
  .containerModes .mode.mode_600w,
  .containerModes .mode.mode_1300w {
    height: auto;
    max-width: 180px;
  }
  .Page13 .section--recipes,
  .Page13 .recipe_item {
    display: block;
  }
  .about-part .overlay h2 {
    font-size: 28px;
  }
  .about-part .overlay {
    padding-top: 50px;
  }
  .about-part {
    height: 35vw;
    min-height: 300px;
  }
  .about-box p {
    font-size: 16px;
    line-height: 1.8;
    padding: 0 15px;
  }
  .section_step .step h3 {
    margin-bottom: 40px;
  }
  .section_support .call {
    width: 100%;
  }
  .section_step {
    padding: 40px 0;
  }
  .Page5 .section1 {
    height: 650px;
  }
  .Page5 .section1 .text {
    margin-top: 300px;
  }
  .Page5 .section1 p,
  .Page5 .section2 p,
  .Page5 .section3 p,
  .Page5 .section4 p {
    padding: 10px 45px;
  }
  .Page5 .section1 h2 {
    margin-bottom: 25px;
    font-size: 28px;
  }
  .Page5 .section2 h2,
  .Page13 .section--lead .section__title,
  .Page13 .section--summer_toasts .section__title,
  .Page10 .section__pageTitle,
  .Page10 .section__heading {
    font-size: 28px;
    font-weight: 300;
  }
  .Page10 .section__text {
    text-align: left;
  }
  .section2 p,
  .section1t p,
  .section3 p,
  .section2q p,
  .img3 p,
  .img4 p,
  #Container.Page4 .section1 p,
  .Page5 .section2 p,
  .Page13 .section--lead .section__text,
  .Page13 .section--summer_toasts .section__text,
  .Page7 p,
  .Page5 .section1 p,
  .Page10 .section__text {
    font-size: 16px;
    line-height: 1.8;
  }
  .Page13 .section--intro {
    height: 35vh;
    min-height: 320px;
  }
  .Page13 .section--lead .section__title {
    padding-top: 40px;
  }
  .Page13 .section--lead {
    height: 300px;
  }
  .Page13 .section--lead .section__text {
    text-align: left;
  }
  .Page13 .recipe_item__title {
    font-weight: 300;
    font-size: 28px;
    color: #000;
  }
  .Page13 .recipe_item__content {
    width: 300px;
    color: #000;
  }
  .Page13 .recipe_item__content--butter {
    right: 140px;
    top: 3%;
  }
  .Page13 .recipe_item__content--tomato {
    top: 41%;
    left: 140px;
  }
  .Page13 .recipe_item__content--hamegg {
    bottom: 2%;
    right: 140px;
  }
  .Page13 .section--summer_toasts .section__title {
    padding-top: 60px;
  }
  .Page13 .section--summer_toasts .summer_toasts {
    background-position: top center;
    display: block;
  }
  .Page10 .section_bakery_quote {
    padding-top: 70px;
  }
  .Page10 .section_bakery_quote p {
    max-width: 560px;
    text-align: left;
  }
  .Page10 .section_bakery_info .inner {
    max-width: 560px;
    text-align: center;
  }
  .Page10 .section_bakery_info .inner .text {
    width: 100%;
    padding-top: 40px;
    margin: 0 auto;
  }
  .Page10 .section_bakery_info .inner .map {
    float: none;
    margin: 20px auto 50px auto;
    text-align: center;
  }
  .Page10 .section__text {
    padding: 0 45px;
  }
  .Page10 .section__pageTitle {
    padding-top: 90px;
  }
  .Page10 .bakeryListItem__title {
    width: 100%;
    padding-bottom: 10px;
    height: 140px;
    margin-top: 5px;
  }
  .Page10 .textContainer--right {
    width: 300px;
    margin-right: -350px;
  }
  .Page10 .textContainer--left {
    width: 300px;
    margin-left: -330px;
  }
  .Page10 .textContainer__inner--cell .section__text {
    padding-left: 0;
  }
  .Page7 .award .contents .column p {
    font-size: 15px;
  }
  .container_awards .section2 .colmn {
    display: block;
  }
  .blockquote {
    font-size: 24px;
  }
  .Page10 .section_bakery_recipe005 .bread {
    width: 240px;
  }
  .Page10 .section_bakery_recipe005 .anpan {
    left: 460px;
  }
  .Page10 .section_bakery_recipe001 .list3,
  .Page10 .section_bakery_recipe002 .list3,
  .Page10 .section_bakery_recipe003 .list3 {
    width: 680px;
    margin-left: -340px;
  }
  .Page10 .section_bakery_recipe001 .bread,
  .Page10 .section_bakery_recipe002 .bread,
  .Page10 .section_bakery_recipe003 .bread {
    width: 30%;
    max-width: 200px;
  }
  .Page10 .section_bakery_recipe001 .center,
  .Page10 .section_bakery_recipe002 .center,
  .Page10 .section_bakery_recipe003 .center {
    left: 250px;
  }
  .Page10 .section_bakery_recipe002,
  .Page10 .section_bakery_recipe003 {
    height: 720px;
  }
  .Page10 .section_bakery_recipe002 .list3,
  .Page10 .section_bakery_recipe003 .list3 {
    bottom: 30px;
  }
  .Page10 .section_bakery_recipe003 .bread {
    top: 290px;
  }
  .section--cta .cta__item.cta__item--call {
    width: 200px;
  }
  .section--cta .cta__item.cta__item--dealer {
    width: 210px;
  }
  .section--cta .cta__item {
    margin-right: 10px;
  }
  .ui_play {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -30px 0 0 -30px;
    font-size: 60px;
    line-height: 60px;
    color: rgba(255, 255, 255, 0.7);
    cursor: pointer;
  }
  .mt400 {
    margin-top: 400px;
  }
  #v5_div h3.prod_title,
  #v6_div h3.prod_title {
    display: none;
  }
  .gfeature2 .section_greenfan #v5_play {
    top: 50%;
  }
  h3.prod_title.m480 {
    margin-bottom: 220px;
  }
  .Page10 .section_bakery_recipe002,
  .Page10 .section_bakery_recipe003 {
    background-size: contain;
    background-position: top center;
  }
  .section_step .step h3 {
    font-size: 28px;
    margin-bottom: 30px;
  }
  .section_step h3.prod_title span {
    font-size: 50px;
  }
  h3.modesDescription_title {
    margin-top: 0;
  }
  .modesDescription p.copy.text-center {
    text-align: left;
  }
  .Page12 .section--lead p.copy {
    padding: 0;
  }
  /*slider*/
  .billboard-textA {
    position: relative;
    width: 100%;
    padding: 9% 0;
    float: left;
    margin-top: 2%;
  }
  .billboard-textB {
    position: relative;
    width: 100%;
    padding: 3.5% 0;
    float: left;
  }
  .billboard-textC {
    position: relative;
    width: 100%;
    padding: 3% 0;
    float: left;
  }
  /* 
.home-slider-a-title-img{
		max-width:30%;
		height:auto;
		z-index:99999;
		position:absolute;
		top:5%;
		left: 3%;
	}
 */
  .home-slider-button {
    height: auto;
    z-index: 99999;
    position: absolute;
    top: 5%;
    left: 3%;
    background-color: black;
    color: #ffffff;
    font-size: 20px;
    padding: 5px 12px;
    border-radius: 10px;
    font-weight: bold;
    letter-spacing: 1px;
  }
  .home-slider-finger {
    max-width: 4%;
    height: auto;
    z-index: 99999;
    position: absolute;
    top: 5%;
    left: 3.5%;
  }
}

@media (max-width: 640px) {
  .seasonals ul li {
    width: 100%;
  }
  header .logos {
    width: 220px;
    margin-left: -110px;
  }
  .construction .services-style-2 ul li {
    width: 100%;
    margin-top: 20px;
  }
  .charth {
    height: 350px;
  }
  .traditional_airflow p.copy,
  .loop_airflow p.copy,
  .airfeature1 p.copy,
  .a4paper p.copy {
    padding: 0 30px;
  }
  .airen4.adjusts .textbox .contents h2.keynote_title.part3 {
    margin-top: 90px;
  }
  .top-bar {
    height: auto;
  }
  .Page5 .section1 {
    height: 620px;
  }
  header .language {
    width: 100%;
    display: inline-block;
    text-align: left;
  }
  .top-links {
    float: left;
    width: 100%;
    text-align: center;
  }
  .top-links li {
    float: none;
    display: inline-block;
  }
  .top-links ul {
    width: 100%;
  }
  .top-links .social_icons {
    position: absolute;
    right: 0px;
    top: 0px;
    width: auto;
  }
  .section1t h3.prod_title {
    margin-top: 10px;
  }
  .section1t p.copy.text-center {
    padding-bottom: 20px;
  }
  #v1_div {
    margin-top: 30px;
  }
  .content.mt60 {
    margin-top: 0px;
  }
  .section_movie .contents #v6_play,
  .gfeature2 .section_greenfan #v5_play {
    top: 16%;
  }
  .section030 .idx .textbox,
  .section031 .idx .textbox,
  .section032 .idx .textbox,
  .section034 .idx .textbox {
    margin-top: 400px;
  }
  .section--purchase .item {
    display: block;
  }
  .section--purchase .item__img img {
    margin-left: 50px;
  }
  .section--purchase .item__buy {
    display: block;
    width: 100%;
    vertical-align: middle;
    text-align: center;
    clear: both;
    float: none;
    margin: 0 auto;
  }
  #Container.Page4 .recomend__body {
    padding-top: 10px;
  }
  #Container.Page4 .recomend__img {
    height: auto;
  }
  #Container.Page4 .recomend::before {
    left: 50%;
    margin-left: -15px;
  }
  .section.section3 {
    margin-bottom: 0;
  }
  .Page13 .recipe_item__content {
    position: relative;
  }
  .Page13 .recipe_item__content--butter,
  .Page13 .recipe_item__content--tomato,
  .Page13 .recipe_item__content--hamegg {
    width: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: 0 auto;
    padding: 15px 0;
  }
  .Page13 .recipe_item__content--butter,
  .Page13 .recipe_item__content--tomato {
    border-bottom: 1px solid #ccc;
  }
  .Page13 .section--recipes .section__inner {
    position: relative;
    width: 100%;
    padding: 30px;
    top: 0;
    left: 0;
    margin: 0 auto;
    height: auto;
  }
  a.btn.btn--large.modal-action {
    margin: 20px auto;
  }
  .section--purchase .item__name {
    font-size: 18px;
  }
  .section--cta .cta__item {
    clear: both;
    display: block;
    width: 280px;
    margin: 10px auto;
    padding: 8px 15px 8px 58px;
    background: #fbfbfb;
  }
  .section--cta .cta__item.cta__item--call,
  .section--cta .cta__item.cta__item--dealer {
    width: 280px;
  }
  .tosterstyle .quotes .blockquote {
    margin-top: 20px;
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
  }
  .Page9 .section_quotes {
    height: 260px;
    padding-bottom: 0px;
  }
  .blockquote {
    font-size: 20px;
  }
  .Page9 .blockquote__info {
    padding-left: 30px;
    padding-right: 30px;
    font-size: 12px;
  }
  .Page9 .section1 h2 {
    padding-top: 20px;
    font-size: 28px;
    margin-bottom: 30px;
  }
  .blockquote {
    display: block;
  }
  .quotes .btn {
    margin-top: 90px;
  }
  .Page9 .blockquote__info {
    bottom: 15px;
  }
  .Page10 .section__heading {
    margin-bottom: 25px;
  }
  .Page13 .section--summer_toasts {
    min-height: 500px;
  }
  .Page13 .section--summer_toasts .summer_toasts__item {
    font-size: 12px;
    padding: 25vw 20px 0;
  }
  .Page10 .section__pageTitle {
    padding-top: 30px;
    margin-bottom: 20px;
  }
  .Page10 .section_bakery_recipe001,
  .Page10 .section_bakery_recipe002,
  .Page10 .section_bakery_recipe003 {
    background-size: contain;
    background-position: top;
    height: 600px;
  }
  .Page10 .section_bakery_recipe001 .list3,
  .Page10 .section_bakery_recipe002 .list3,
  .Page10 .section_bakery_recipe003 .list3 {
    width: 480px;
    margin-left: -240px;
  }
  .Page10 .section_bakery_recipe001 .center,
  .Page10 .section_bakery_recipe002 .center,
  .Page10 .section_bakery_recipe003 .center {
    left: 170px;
  }
  .Page10 .section_bakery_recipe001 .bread {
    top: 290px;
  }
  .Page10 .section_bakery_recipe002 .bread {
    top: 390px;
  }
  .Page10 .section_bakery_recipe003 .bread {
    top: 290px;
  }
  .Page10 .section_bakery_recipe001 .bread h2,
  .Page10 .section_bakery_recipe002 .bread h2,
  .Page10 .section_bakery_recipe003 .bread h2 {
    font-size: 18px;
  }
  .Page10 .section_bakery_recipe001 .bread p {
    text-align: left;
  }
  .Page10 .textContainer--right {
    width: 300px;
    margin-right: -300px;
  }
  .Page10 .textContainer--left {
    width: 300px;
    margin-left: -280px;
  }
  #v1_div {
    margin-top: 0;
  }
  #bakeries h2 {
    margin-top: 50px;
  }
  footer {
    padding-top: 15px;
  }
  footer .footer-link {
    /* display: none; */
  }
  .bottomCopyright{
    margin: 20px 0 150px !important;
  }
  .rights {
    margin: 0;
    text-align: center;
  }
  .rights p {
    margin: 0;
    text-align: center;
  }
  footer .rights p.CompanyLogo {
    background-position: top center;
    padding: 28px 0;
  }
  footer .rights #Language_Flag p {
    padding: 10px 0;
  }
  .section--cta {
    background: #fbfbfb;
    margin: 0;
    padding-bottom: 30px;
    padding-top: 30px;
  }
  .section--cta .cta {
    padding-top: 0;
    background: #fbfbfb;
    border-top: 0;
  }
  .section--cta .cta__item:before {
    padding-left: 15px;
    padding-top: 8px;
  }
  .Page10 .section_bakery_quote p,
  .Page10 .section_bakery_info .inner {
    max-width: 460px;
    font-size: 16px;
  }
  .Page10 .section_bakery_info .inner .text .address {
    text-align: center;
  }
  .Page10 .section_bakery_info .inner .text p {
    font-size: 16px;
    text-align: left;
  }
  .Page10 .section_bakery_recipe005 .bread {
    width: 180px;
  }
  .Page10 .section_bakery_recipe005 .scone {
    right: 470px;
    top: 450px;
  }
  .section2 .text.wide,
  .section2 .text,
  .section2 .right .text {
    padding-left: 30px;
    padding-right: 30px;
  }
  .section2 .text.wide h3,
  .section2 .right .text h3,
  .section2 .text h3 {
    text-align: center;
  }
  .idx .textbox.toper {
    margin-top: 0px;
    padding-top: 10px;
  }
  .section_lead.ty p.copy.text-center {
    margin-bottom: 240px;
  }
  .section_step p.leads {
    font-size: 16px;
  }
  .containerModes .mode {
    width: 260px;
    height: auto;
    padding: 20px 15px 15px 15px;
    margin-bottom: 20px;
  }
  .containerModes .mode_toast,
  .containerModes .mode_cheese,
  .containerModes .mode_baguette,
  .containerModes .mode_croissant {
    background-size: contain;
    background-color: #f1eee9;
  }
  .mode_classic .chart img {
    width: 90%;
  }
  .mode_classic .mode h4 {
    font-size: 18px;
  }
  .step3 a .tips p.icon {
    padding-right: 0;
    margin-right: 0;
    border-right: 0;
    border-bottom: 1px solid #fff;
    margin-bottom: 20px;
  }
  .step3 a .tips p {
    text-align: left;
  }
  .section_step,
  .section_support {
    padding: 20px 0;
  }
  #Container .section_subscribe .text_area {
    padding: 0 30px;
  }
  #Container .section_subscribe .subscribe__heading {
    text-align: left;
  }
  .section--taste p.white,
  h2.page__title.white,
  .section--technology.section--01 p.copy.white,
  .section--technology.section--03 p.copy.white,
  .section--story.section--02 p.copy.white,
  .section--story.section--03 p.copy.white,
  .section--story.section--05 p.copy.white,
  .section--story.section--06 p.copy.white,
  .section--accessory.section--03 p.copy.white,
  .section--story.section--01 p.copy.white,
  .section--story.section--04 p.copy.white {
    color: #000;
    padding-left: 0;
    padding-right: 0;
  }
  .section--technology p.copy {
    padding-left: 0;
    padding-right: 0;
  }
  .gohan .section--index p.copy.text-center,
  .section--story.section--01 p.copy.text-center {
    text-align: left;
  }
  .gohan a.pot_link_text.white:hover,
  .pot a.pot_link_text.white:hover,
  .index.section--02 .__content a.pot_link_text {
    color: #fff;
  }
  .side-bar-row {
    margin-right: -5px;
    margin-left: -5px;
  }
}

@media (max-width: 576px) {
  .small-r-items .media {
    width: 100%;
  }
  .small-r-items .item-img {
    width: 150px;
  }
  .Page13 .section--intro {
    min-height: auto;
  }
  .port-folio-row li {
    width: 100%;
    float: left;
    display: inline-block;
  }
  .news-letter .news-letter-form {
    width: 100%;
  }
  .pagemap__main ol.breadcrumb li {
    padding: 0 5px;
  }
  .subcribe .sub-mail button {
    margin: 0px;
    width: 200px;
    margin: 0 auto;
    float: none;
    height: 50px;
    margin-top: 10px;
    padding: 10px 0px;
    border: 1px solid rgba(255, 255, 255, 0.6);
  }
  .furniture .items-fer li {
    width: 100%;
  }
  .list-style li .col-sm-4 {
    width: 100%;
    float: left;
  }
  .list-style li .col-sm-8 {
    width: 100%;
    float: left;
  }
  .list-style .details-sec a {
    margin-top: 20px;
  }
  .adjusts .contents h2 {
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .airpower1 .contents .text {
    margin: 30px auto;
  }
  .adjusts .contents h2.keynote_title.part4 {
    margin-top: 10px;
  }
  .pline .text h2.title {
    font-size: 24px;
  }
  .pline p.copy {
    padding: 0;
  }
  .Page10 .textContainer {
    position: relative;
  }
  .Page10 .textContainer--right,
  .Page10 .textContainer--left {
    width: 100%;
    margin: 0 auto;
    left: 0;
    right: 0;
  }
  .Page10 .textContainer__inner--table,
  .Page10 .textContainer__inner--cell {
    display: block;
    height: auto;
  }
  .Page10 .textContainer__inner--cell {
    padding: 40px 45px;
  }
  .Page10 .section__heading {
    margin-bottom: 40px;
  }
  .Page10 .section__heading.white,
  .Page10 .section__text.white {
    color: #000;
  }
  #bakeries .section__heading.white,
  #bakeries .section__text.white {
    color: #fff;
  }
  .Page10 .side {
    text-align: left;
  }
  h2.section__heading.side {
    text-align: center;
  }
  .Page10 .section__text.white {
    margin-bottom: 0;
  }
}

@media (max-width: 576px) {
  .Page13 .section--lead {
    height: auto;
  }
  .section--purchase .item__img,
  .section--purchase .item__detail {
    float: left;
    display: block;
    width: 100%;
    padding-right: 0;
  }
  .section--purchase .item__img {
    text-align: center;
  }
  .section--purchase .item__detail {
    clear: both;
    padding: 0 30px;
  }
  .section--purchase .item__buy {
    clear: both;
    display: block;
    max-width: 100%;
    width: 100%;
    margin: 0 auto;
  }
  .section-p-60px {
    padding: 30px 0;
  }
  .Page10 .kimuraya h2 {
    padding-top: 40px;
    height: 100px;
  }
  .Page10 .section_bakery_quote p,
  .Page10 .section_bakery_info .inner {
    max-width: 100%;
    padding: 0 45px;
  }
  .Page10 .back {
    height: 200px;
  }
  .Page10 .back a {
    top: 50px;
    width: 200px;
    margin-left: -100px;
  }
  .Page10 .section_bakery_info .inner .map {
    width: 260px;
    overflow: hidden;
  }
  .charth {
    height: 320px;
  }
}

.summer_toasts_mobile {
  display: none;
}

@media (max-width: 480px) {
  .Page9 .section1 h2 {
    margin-bottom: 15px;
  }
  .Page9 .section1 p.copy {
    padding: 0 50px;
    color: #fff;
  }
  .Page13 .section--summer_toasts .summer_toasts {
    display: none;
  }
  .Page13 .section--summer_toasts {
    background: transparent;
    background-color: #f2f2f2;
  }
  .summer_toasts_mobile {
    display: block;
    padding: 0 30px;
  }
  .summer_toasts_mobile img {
    width: 100%;
    padding: 5px;
  }
  .Page13 .section--summer_toasts {
    height: 800px;
    padding-bottom: 30px;
  }
  .section--purchase .item__detail {
    padding-left: 15px;
    padding-right: 15px;
  }
  .section--purchase .item__img img {
    margin-left: 20px;
  }
  .Page10 .section_bakery_recipe001 .list3,
  .Page10 .section_bakery_recipe002 .list3,
  .Page10 .section_bakery_recipe003 .list3 {
    width: 400px;
    margin-left: -200px;
  }
  .Page10 .section_bakery_recipe001 .center,
  .Page10 .section_bakery_recipe002 .center,
  .Page10 .section_bakery_recipe003 .center {
    left: 140px;
  }
  .Page10 .section_bakery_recipe002 .bread {
    top: 300px;
  }
  .Page10 .section_bakery_recipe003 .bread {
    top: 240px;
  }
  .containerModes .mode h4.mode_title {
    width: 70px;
    margin-top: 42px;
    padding-bottom: 10px;
    padding-top: 75px;
  }
  #Container .section_subscribe .contents {
    background-position: center 360px;
  }
  .containerModes .mode_toast h4,
  .containerModes .mode_cheese h4,
  .containerModes .mode_baguette h4,
  .containerModes .mode_croissant h4 {
    background-size: contain;
  }
  .Page10 .section--bakeries {
    height: 900px;
  }
  .Page10 .section_bakery_recipe005 .scone {
    top: 370px;
  }
  .Page10 .section_bakery_recipe005 .anpan {
    top: 70px;
  }
  .Page10 .section_bakery_recipe005 {
    height: 700px;
  }
  .Page10 .section_bakery_info .inner .text {
    padding-top: 20px;
  }
  .Page10 .section_bakery_info .inner .text p {
    padding: 0;
  }
  .Page10 .blockquote {
    padding: 0 45px;
  }
  .Page10 .section_bakery_recipe002 .bread {
    top: 360px;
  }
  .Page10 .section_bakery_recipe001 .bread {
    top: 320px;
  }
  .Page10 .section_bakery_recipe003 .bread {
    top: 350px;
  }
  .Page10 .section_bakery_recipe001 .bread h2,
  .Page10 .section_bakery_recipe002 .bread h2,
  .Page10 .section_bakery_recipe003 .bread h2 {
    font-size: 16px;
  }
  .Page10 .section_bakery_recipe001 .bread p,
  .Page10 .section_bakery_recipe002 .bread p,
  .Page10 .section_bakery_recipe003 .bread p {
    padding: 0;
  }
  .Page10 .section_bakery_recipe001,
  .Page10 .section_bakery_recipe002,
  .Page10 .section_bakery_recipe003 {
    height: 540px;
  }
  .section--image {
    height: 200px;
  }
  .section030 .idx .textbox,
  .section031 .idx .textbox,
  .section032 .idx .textbox,
  .section034 .idx .textbox {
    margin-top: 280px;
  }
  .side-bar-row {
    margin-right: -5px;
    margin-left: -5px;
  }
  #news .ThePost .ColumnPostMain img {
    float: none;
    margin: 0;
    width: 100%;
    max-width: 100%;
  }
}

#accordion .panel-body {
  color: #666;
  line-height: 24px;
  font-size: 14px;
  padding: 6px 6px 50px 6px;
}

@media (min-width: 441px) {
  .bar_m {
    display: none;
  }
  .home-slider-a-title {
    position: absolute;
    top: 0;
    width: 100%;
    height: d;
    text-align: center;
    margin: 0;
    z-index: 99999;
  }
  .home-slider-a-title-img {
    width: 100%;
    max-width: 44%;
    height: auto;
    max-height: 180px;
    z-index: 99999;
    position: relative;
    margin-top: 4%;
  }
  .home-slider-a-title-imgA {
    width: 100%;
    max-width: 25%;
    height: auto;
    max-height: 180px;
    z-index: 99999;
    position: relative;
    margin-top: 47%;
    margin-left: 7%;
  }
}

@media (max-width: 440px) {
  /* mobile */
  .svg_wide {
    width: 140%;
    top: -20%;
    left: -12%;
  }
  #ownmenu {
    display: none;
  }
  .bar_m {
    display: block;
    width: 56px;
    height: 56px;
    font-size: 18px;
    line-height: 56px;
    text-align: center;
    float: left;
    position: absolute;
    color: white;
    z-index: 10001;
  }
  .header_cart {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10001;
  }
  a.header_cart_href {
    color: #fff;
    z-index: 10002;
  }
  .header_cart i {
    padding-bottom: 3px;
  }
  section.home-slider.notop {
    margin-top: 0;
    /* min-height: 320px; */
    width: 100%;
  }
  .tp-banner-container-mobile {
    min-height: 226px;
  }
  .tp-fullwidth-forcer {
    width: 100%;
  }
  /*.home-slider-a-title{position:absolute; top:0; width:100%; text-align:center; margin:6% auto;z-index:99999;}*/
  /*.home-slider-a-title-img{max-width:65%; margin-top:30px;}*/
  .home-slider-a-title {
    display: none;
    z-index: 0;
  }
  .contact-info li {
    width: 100%;
  }
  .shop-page .items li.col-sm-4 {
    width: 100%;
  }
  .new-arrival .popurlar_product li {
    width: 100%;
  }
  .in-the-look li {
    width: 100%;
  }
  .Page5 .section1 .text {
    margin-top: 260px;
  }
  img#battery_and_dock {
    width: 100%;
    max-width: 336px;
    margin-bottom: 20px;
  }
  .adjusts .contents h2 {
    font-size: 24px;
  }
  .tittle,
  .sub-banner {
    display: none;
  }
  ._info_h4 {
    font-size: 45px;
    margin: 12px 0 10px;
  }
  ._info_h5 {
    margin: 12px 0 12px;
  }
  .bbstore {
    margin-bottom: 20px;
  }
  .warranty-banner {
    display: block;
  }
  /*slider*/
  .home-slider-a-title {
    position: absolute;
    top: 0;
    width: 100%;
    height: d;
    text-align: center;
    margin: 0;
    z-index: 99999;
  }
  .billboard-textA {
    position: relative;
    width: 100%;
    padding: 12% 0;
    float: left;
    margin-top: 2%;
  }
  .billboard-textB {
    position: relative;
    width: 100%;
    padding: 2.5% 0;
    float: left;
  }
  .billboard-textC {
    position: relative;
    width: 100%;
    padding: 3% 0;
    float: left;
  }
  /* 
.home-slider-a-title-img{
		max-width:35%;
		height:auto;
		z-index:99999;
		position:absolute;
		top:5%;
		left: 3%;
	}
 */
  .home-slider-button {
    height: auto;
    z-index: 99999;
    position: absolute;
    top: 5%;
    left: 3%;
    background-color: black;
    color: #ffffff;
    font-size: 6px;
    padding: 2px 10px;
    border-radius: 7px;
    font-weight: bold;
    letter-spacing: 1px;
  }
  .home-slider-finger {
    max-width: 3%;
    height: auto;
    z-index: 99999;
    position: absolute;
    top: 5%;
    left: 3.5%;
  }
  /*footer*/
  .fbottom {
    width: 100%;
    text-align: center;
    float: none;
  }
  .nav_system {
    float: none;
    text-align: center;
    margin: 0 auto 15px;
  }
  .fbottom .nav-system__link {
    padding: 0 10px;
  }
}

@media (max-width: 380px) {
  .section030 .idx .textbox,
  .section031 .idx .textbox,
  .section032 .idx .textbox,
  .section034 .idx .textbox,
  .section029 .idx .textbox {
    margin-top: 240px;
  }
  .Page5 .section1 .text {
    margin-top: 240px;
  }
  .Page5 .section1 {
    height: 570px;
  }
  .Page5 .img2 h2,
  .Page5 .section2.img3 h2 {
    padding-top: 90px;
    padding-left: 30px;
    padding-right: 30px;
  }
  .Page5 .img4 h2 {
    margin-bottom: 250px;
  }
  .Page5 .section2 {
    height: 720px;
  }
  .Page5 .img5 h2,
  .Page5 .img6 h2 {
    padding-top: 105px;
  }
  .Page5 .section2.img6 {
    height: 500px;
  }
  .Page13 .section--lead .section__title {
    padding-top: 20px;
  }
  .Page13 .section--recipes .section__inner {
    padding: 10px 45px;
  }
  .Page10 .section_bakery_info .inner .text p {
    padding-left: 15px;
    padding-right: 15px;
  }
  .Page10 .bakeryListItem__title {
    height: 90px;
  }
  #bakeries h2 {
    padding-left: 45px;
    padding-right: 45px;
  }
  .Page10 .textContainer .section__text.white.m30 {
    margin-bottom: 30px;
  }
  .Page10 .bakeryListItem__text {
    text-align: left;
  }
  .Page10 .bakeryListItem__title--005,
  .Page10 .bakeryListItem__title--001,
  .Page10 .bakeryListItem__title--002,
  .Page10 .bakeryListItem__title--003 {
    background-size: contain;
  }
  .Page10 .section__pageTitle {
    padding-top: 20px;
  }
  .Page10 .textContainer {
    margin-bottom: 30px;
  }
  .section_natural_wind h3.prod_title {
    margin-top: 40px;
  }
  h3.prod_title {
    font-size: 24px;
    margin: 10px auto 40px auto;
  }
  .text {
    margin-top: 0;
  }
  .section_spec .text {
    padding-left: 0;
    padding-right: 0;
  }
  .section033 h3.prod_title.white {
    padding-top: 40px;
  }
  .section033 .idx.h820 {
    height: 720px;
  }
  h2.title {
    font-size: 24px;
  }
}

@media (max-width: 320px) {
  h2.title {
    font-size: 24px;
    padding: 5px 0 15px 0;
    margin: 0;
  }
  .about-part .overlay h2 {
    font-size: 24px;
  }
  footer .footer-link .f-links li.cate a {
    font-size: 12px;
  }
  .Page5 .section1 .text {
    margin-top: 210px;
  }
  .Page5 .img2 h2,
  .Page5 .section2.img3 h2 {
    padding-top: 50px;
  }
  .Page5 .section2.img3 {
    height: 790px;
  }
  .Page5 .img4 h2 {
    margin-bottom: 210px;
  }
  .Page5 .img5 h2,
  .Page5 .img6 h2 {
    padding-top: 65px;
  }
  .section--purchase .item__detail {
    padding-left: 15px;
    padding-right: 15px;
  }
  #video_overlay p {
    display: none;
  }
  .overview #video_overlay {
    top: 70%;
  }
  .airenginef #video_overlay {
    top: 42%;
  }
  .airenginef {
    min-height: 480px;
  }
  .ui_play {
    top: 50%;
    left: 50%;
    margin: -30px 0 0 -30px;
    font-size: 60px;
    line-height: 60px;
  }
  .airenginef .ui_play {
    top: 18%;
  }
  .airenginef #video_overlay p {
    display: block;
  }
  .wleft h4 {
    font-size: 18px;
  }
  .section030 .idx .textbox,
  .section031 .idx .textbox,
  .section032 .idx .textbox,
  .section034 .idx .textbox,
  .section029 .idx .textbox {
    margin-top: 210px;
  }
  img#v5_play,
  img#v6_play {
    width: 160px;
  }
  .Page13 .section--lead {
    height: 380px;
  }
  .Page10 .section_bakery_recipe001 {
    height: 950px;
  }
  .Page10 .section_bakery_recipe002 {
    height: 900px;
  }
  .Page10 .section_bakery_recipe003 {
    height: 980px;
  }
  .Page10 .section_bakery_quote p,
  .Page10 .section_bakery_info .inner {
    width: 100%;
  }
  .Page10 .section_bakery_recipe001 .list3,
  .Page10 .section_bakery_recipe002 .list3,
  .Page10 .section_bakery_recipe003 .list3 {
    width: 100%;
    display: block;
    margin: 0 auto;
    position: relative;
    left: 0;
    bottom: auto;
    height: auto;
    float: left;
    padding-top: 160px;
  }
  .Page10 .section--bakeries {
    height: 1000px;
  }
  .Page10 .section_bakery_recipe001 .bread,
  .Page10 .section_bakery_recipe002 .bread,
  .Page10 .section_bakery_recipe003 .bread {
    position: relative;
    width: 100%;
    max-width: 100%;
    top: 0;
    text-align: center;
  }
  .Page10 .section_bakery_recipe001 .bread p,
  .Page10 .section_bakery_recipe002 .bread p,
  .Page10 .section_bakery_recipe003 .bread p {
    padding: 10px 30px;
  }
  .Page10 .section_bakery_recipe001 .bread p.time,
  .Page10 .section_bakery_recipe002 .bread p.time,
  .Page10 .section_bakery_recipe003 .bread p.time {
    padding-top: 10px;
    text-align: center;
  }
  .Page10 .section_bakery_recipe001 .bread p.rebake_mode,
  .Page10 .section_bakery_recipe002 .bread p.rebake_mode,
  .Page10 .section_bakery_recipe003 .bread p.rebake_mode {
    text-align: center;
  }
  .Page10 .section_bakery_recipe001 .center,
  .Page10 .section_bakery_recipe002 .center,
  .Page10 .section_bakery_recipe003 .center {
    left: 0;
  }
  .Page10 .section_bakery_recipe001 .left,
  .Page10 .section_bakery_recipe001 .center,
  .Page10 .section_bakery_recipe003 .center {
    border-bottom: 1px dotted #555;
  }
  .Page10 .section_bakery_info .inner iframe {
    width: 260px;
    overflow: hidden;
  }
  .Page10 .section_bakery_info .inner .text h3 {
    font-size: 20px;
  }
  .Page7 .section_overview {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  /* 
.home-slider-a-title-img{
			width: 125%;
    		margin-top: 15px;
   			margin-left: 1px;
	}
 */
  .billboard-textA {
    padding: 11% 0;
  }
  .billboard-textB {
    padding: 3% 0;
  }
  .home-slider-finger {
    max-width: 4%;
  }
}

@media (max-width: 992px) {
  #blog-posts-disappear {
    border-bottom: 1px solid lightgrey;
    margin-top: 0px;
  }
  #blog-posts-disappear img {
    max-width: 100%;
  }
}

@media (max-width: 380px) {
  #blog-posts-disappear {
    margin-right: -25px;
    margin-left: -25px;
  }
}

@media (min-width: 768px) {
  .p_block_mother .proM {
    display: none;
  }
  /*footer*/
  .sepspace .footerblock {
    margin-bottom: 20px;
    padding: 0 5%;
  }
  footer .footer-link a {
    font-size: 14px;
    color: #999;
    display: block;
    padding: 3px 0;
    line-height: 1.3;
    text-decoration: none;
  }
  .home-slider-button {
    -webkit-transition: padding 1s;
    /* For Safari 3.1 to 6.0 */
    -webkit-transition: padding-top 0.7s, padding-left 0.8s;
    -o-transition: padding-top 0.7s, padding-left 0.8s;
    transition: padding-top 0.7s, padding-left 0.8s;
  }
  .home-slider-button:hover {
    padding: 10px 20px;
  }
}

@media (max-width: 768px) {
  .p_block_mother .pline_product_img {
    display: none;
  }
}

/* ---------------------------------------------------------------------------RIGHT SIDE BAR--------------------------------------------------------------------------- */
.right_top {
  position: relative;
  top: 0;
  right: 0;
  margin: 0;
  padding: 0;
  display: block;
}

.right_top_slide {
  position: fixed;
  z-index: 999999;
  top: 0;
  left: -9999999px;
  width: 70%;
  height: 100%;
  border-right: 1px solid #e8e8e8;
  background: #FFFFFF;
  margin: 0;
  padding: 0;
  -webkit-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
}

.right_top .fixed_shadowbg {
  position: fixed;
  z-index: 999997;
  top: 0;
  right: 0;
  width: 100%;
  height: 1280px;
  background-color: rgba(0, 0, 0, 0.6);
  margin: 0;
  padding: 0;
  display: none;
}

.right_top .right_top_slide .contact_info {
  list-style: none;
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: none;
}

.right_top .right_top_slide .contact_info li {
  padding: 20px 0px;
  border-bottom: 1px solid #efefef;
}

.right_top .right_top_slide .contact_info span {
  margin-right: 10px;
}

.right_top .right_top_slide .contact_info li a {
  position: relative;
  display: block;
  padding-left: 30px;
  height: 20px;
  line-height: 20px;
  /* font-size: 1.4rem; */
  text-decoration: none;
  text-transform: uppercase;
  color: #666;
  font-family: 'Open Sans', 'YuGothic_Family', 'YuGothic', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
}

.right_top .right_top_slide .contact_info .lidn {
  display: none;
}

.fa-facebook-official:before,
.fa-instagram:before,
.fa-youtube-square:before {
  font-family: "FontAwesome";
  font-size: 3em;
  color: blackd;
}

.right_top .right_top_slide .contact_info .fa {
  margin-bottom: 2%;
  color: black;
  font-weight: 500;
}

.sns_wrapper_left {
  -webkit-transform: translateX(-240px);
  -ms-transform: translateX(-240px);
  transform: translateX(-240px);
  -webkit-transition: all 2s ease-in-out;
  -o-transition: all 2s ease-in-out;
  transition: all 2s ease-in-out;
}

html {
  font-size: 16px;
}

.stickys {
  width: 100%;
  background-color: #202020;
  -webkit-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  -ms-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
  /* padding: 12px 0; */
}

.__group .__title {
  border-bottom: 0;
  padding: 0 22px 9px;
  padding-bottom: .5rem;
  margin-bottom: 27px;
  margin-bottom: 0;
  margin-top: 16px;
  color: #fff;
}

.is-sticky .sticky {
  padding-top: 0;
  background: rgba(0, 0, 0, 0.7);
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
}

#container {
  margin: 0 auto;
  max-width: 890px;
}

p {
  text-align: center;
}

.toggle,
[id^=drop] {
  display: none;
}

/* Giving a background-color to the nav container. */
nav {
  margin: 0;
  padding: 0;
}

#logo {
  /* display: block; */
  float: left;
  padding: 13px 30px 0;
  /* margin: 9px auto 0; */
  height: 56px;
}

nav {
  position: relative;
}

/* Since we'll have the "ul li" "float:left"
 * we need to add a clear after the container. */
nav:after {
  content: "";
  display: table;
  clear: both;
}

/* Removing padding, margin and "list-style" from the "ul",
 * and adding "position:reltive" */
nav .menu {
  padding: 0;
  margin: 0;
  list-style: none;
  float: right;
  /* display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify; */
  /* justify-content: space-between; */
}

/* Positioning the navigation items inline */
nav .menu > li {
  margin: 0px;
  display: inline-block;
  float: left;
}

/* Styling the links */
nav .menu > li > a {
  display: block;
  /* padding: 14px ; */
  padding: 2px 5px;
  margin: 12px 20px;
  color: #8c8c8c;
  font-size: 17px;
  text-decoration: none;
  line-height: 26px;
}

.__item {
  padding: 0 !important;
  color: #fff !important;
}

/* Background color change on Hover */
nav a:hover {
  background-color: rgba(255, 255, 255, 0);
  color: #fff;
}

/* Hide Dropdowns by Default
 * and giving it a position of absolute */
nav .menu .menu_section {
  display: none;
  position: absolute;
  /* has to be the same number as the "line-height" of "nav a" */
  top: 100%;
  left: 0;
  z-index: 10020;
  background-color: #363636;
  width: 100%;
  padding: 1.3rem;
}

/* Display Dropdowns on Hover */
nav .menu li:hover .menu_section {
  display: block;
}

/* Fisrt Tier Dropdown */
nav .menu + ul li {
  float: none;
  display: list-item;
  position: relative;
}

/* Second, Third and more Tiers	
 * We move the 2nd and 3rd etc tier dropdowns to the left
 * by the amount of the width of the first tier.
*/
li > a:only-child:after {
  content: '';
}

.mobile-cart {
  display: none;
}

@media all and (min-width: 768px) {
  .header-container {
    /* display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-flow: column-reverse; */
    /* flex-flow: column-reverse; */
  }
}

/* Media Queries
--------------------------------------------- */
@media all and (max-width: 767px) {
  .tp-fullwidth-forcer {
    width: 100%;
    height: 225px !important;
  }
  /* .nav-product__sub-item{
    min-height: 100px !important;
  } */
  .stickys{padding: 0;}
  .xieline{display: none !important;}
  .sectionQaunjia{
    background-position: center !important;
    background-size: cover !important;
  }
  .sectionQaunjia h3{
    font-size: 1.2rem !important;
    line-height: 2rem !important;
  }
  .shijian{
    height: auto !important;
    padding-bottom: 40px;
  }
  .newLinian p,.newLinian2 p,.newLinian2 h4,.jishuContext p, .jishuContext h4,.meixue h4{
    width: 100% !important;
  }
  .panel-body ul{
    width: 90% !important;
  }
  .searchComponent{
    display: none !important;
  }
  .textContain>.pra{
    margin-top: 20px !important;
  }
  .textContain>h3{
    font-size: 1.2rem !important;
    line-height: 1.5rem !important;
    margin-bottom: 0 !important;
  }
  .textContain>p{
    font-size: 0.8rem !important;
    line-height: 1.5rem !important;
  }
  .shijian .textContain{
    margin-top: 120px !important;
  }
  .product0 p{
    font-size: 0.9rem !important;
    line-height: 1.2rem !important;
    margin-top: 20px !important;
  }
  .product0 .container{
    margin-top: 20px !important;
  }
  .productParam{
    width: 100% !important;
    font-size: 0.5rem;
  }
  .productParam>li{
    margin: 0 !important;
    width: calc(50% - 10px) !important;
    margin: 0 5px !important;
  }
  .product1 .container{
    /* height: 200px !important; */
  }
  .product1 .container,.product2 .container,.product3 .container,.product4 .container,.product5 .container{
    background-position: 0 20% !important
  }
  .container .textContainer{
    width: 100% !important;
    margin-top: 220px !important;
    margin-left: 0 !important;
  }
  .shijian img{
    width: 60px !important;
  }
  .shijian .practice100{
    margin-top: 10px;
  }
  .centerTitle2{
    margin: 0 auto 20px !important
  }
  .productSection{
    margin-bottom: 0 !important;
  }
  .productList>li{
    padding: 20px 0;
    width: calc(50% - 8px) !important;
    float: left;
  }
  .productList>li:nth-child(1),.productList>li:nth-child(3),.productList>li:nth-child(5){
    margin-left: 5px !important;
  }
  .productList>li:nth-child(2),.productList>li:nth-child(4){
    margin-left: 5px !important;
  }
  .header-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row;
    flex-flow: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 26px;
  }
  #logo {
    display: block;
    padding: 0;
    width: 100%;
    text-align: center;
    float: none;
    height: auto;
    margin: 0;
    position: relative;
    top: 2px;
  }
  nav {
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row;
    flex-flow: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 20px 1rem;
  }
  nav a {
    color: #FFF;
    font-size: 17px;
    text-decoration: none;
  }
  .logo a img,
  .logos a img {
    margin: auto;
  }
  /* Hide the navigation menu by default */
  /* Also hide the  */
  .toggle + a,
  .menu {
    display: none !important;
  }
  /* Stylinf the toggle lable */
  .toggle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #FFF;
    font-size: 17px;
    text-decoration: none;
    border: none;
    position: relative;
    top: 3px;
  }
  /* .toggle:hover {
            background-color: #000000;
        } */
  /* Display Dropdown when clicked on Parent Lable */
  [id^=drop]:checked + ul {
    display: none;
    /* position: absolute;
            top: 50px; */
    /* z-index: 99999;
            position: fixed;
            top: 0;
            left: 0;
            -webkit-transition: left 300ms cubic-bezier(0.19, 1, 0.22, 1);
            -moz-transition: left 300ms cubic-bezier(0.19, 1, 0.22, 1);
            transition: left 300ms cubic-bezier(0.19, 1, 0.22, 1);
            width: 70%;
            height: 100%; */
    background-color: #fff;
  }
  /* Change menu item's width to 100% */
  nav ul li {
    display: block;
    width: 100%;
  }
  nav ul ul .toggle,
  nav ul ul a {
    padding: 0 40px;
  }
  nav ul ul ul a {
    padding: 0 80px;
  }
  nav a:hover,
  nav ul ul ul a {
    background-color: #000000;
  }
  nav ul li ul li .toggle,
  nav ul ul a,
  nav ul ul ul a {
    padding: 14px 20px;
    color: #FFF;
    font-size: 17px;
  }
  nav ul li ul li .toggle,
  nav ul ul a {
    background-color: #212121;
  }
  /* Hide Dropdowns by Default */
  nav ul ul {
    float: none;
    position: static;
    color: #ffffff;
    /* has to be the same number as the "line-height" of "nav a" */
  }
  /* Hide menus on hover */
  /* nav ul ul li:hover > ul,
  nav ul li:hover > ul {
    display: none;
  } */
  /* Fisrt Tier Dropdown */
  nav ul ul li {
    display: block;
    width: 100%;
  }
  nav ul ul ul li {
    position: static;
    /* has to be the same number as the "width" of "nav ul ul li" */
  }
  .mobile-cart {
    display: block;
  }
}

@media all and (max-width: 330px) {
  nav ul li {
    display: block;
    width: 94%;
  }
}

@media (min-width: 767px) {
  .right_top {
    display: none;
  }
  .right_top_slide {
    display: none;
  }
  .fixed_shadowbg {
    opacity: 0;
  }
}

.right_top {
  position: relative;
  top: 0;
  right: 0;
  margin: 0;
  padding: 0;
  /* z-index;; */
  display: block;
}

.right_top_slide {
  position: fixed;
  z-index: 999999;
  top: 0;
  left: -70%;
  overflow: auto;
  width: 70%;
  height: 100%;
  background-color: #fff;
  color: #222;
  -webkit-transition: left 300ms cubic-bezier(0.19, 1, 0.22, 1);
  -moz-transition: left 300ms cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition: left 300ms cubic-bezier(0.19, 1, 0.22, 1);
  transition: left 300ms cubic-bezier(0.19, 1, 0.22, 1);
}

.fixed_shadowbg {
  position: fixed;
  z-index: 999998;
  top: 0;
  right: 0;
  width: 100%;
  height: 1280px;
  background-color: rgba(0, 0, 0, 0.6);
  margin: 0;
  padding: 0;
  display: none;
  -webkit-animation-duration: .3s;
  -moz-animation-duration: .3s;
  animation-duration: .3s;
  -webkit-animation-name: fadeIn;
  -moz-animation-name: fadeIn;
  animation-name: fadeIn;
}

.right_top .right_top_slide .contact_info {
  list-style: none;
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: none;
}

.right_top .right_top_slide .contact_info li {
  padding: 20px 0px;
  border-bottom: 1px solid #efefef;
}

.right_top .right_top_slide .contact_info span {
  margin-right: 10px;
}

.right_top .right_top_slide .contact_info li a {
  position: relative;
  display: block;
  padding-left: 30px;
  height: 20px;
  line-height: 20px;
  text-decoration: none;
  text-transform: capitalize;
  color: #666;
  font-family: 'Open Sans', 'YuGothic_Family', 'YuGothic', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
}

.right_top .right_top_slide .contact_info .lidn {
  display: none;
}

.fa-facebook-official:before,
.fa-instagram:before,
.fa-youtube-square:before {
  font-family: "FontAwesome";
  font-size: 3em;
  color: black;
}

.right_top .right_top_slide .contact_info .fa {
  margin-bottom: 2%;
  color: black;
  font-weight: 500;
}

.sns_wrapper_left {
  -webkit-transform: translateX(-240px);
  -ms-transform: translateX(-240px);
  transform: translateX(-240px);
  -webkit-transition: all 2s ease-in-out;
  -o-transition: all 2s ease-in-out;
  transition: all 2s ease-in-out;
}

.ac {
  position: relative;
}

.ac-label {
  font-weight: 400;
  position: relative;
  padding: 20px 30px;
  margin-bottom: 0;
  display: block;
  cursor: pointer;
  -webkit-transition: background-color .15s ease-in-out;
  -o-transition: background-color .15s ease-in-out;
  transition: background-color .15s ease-in-out;
  color: #666;
}

li > .ac-input:checked {
  padding: 0;
}

.right_top .right_top_slide .contact_info li:nth-child(2) {
  padding: 0;
}

.ac-label:after,
.ac-input:checked + .ac-label:after {
  font-family: 'Material Icons';
  content: "\e5cf";
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  right: 10px;
  top: 18px;
  text-align: center;
  font-size: 1.2rem;
}

.ac-input:checked + .ac-label:after {
  font-family: 'Material Icons';
  content: "\e5ce";
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  right: 10px;
  top: 18px;
  text-align: center;
  font-size: 1.2rem;
}

.ac-input {
  display: none;
}

.ac-text,
.ac-sub-text {
  opacity: 0;
  height: 0;
  margin-bottom: 0;
  -webkit-transition: opacity .5s ease-in-out;
  -o-transition: opacity .5s ease-in-out;
  transition: opacity .5s ease-in-out;
  overflow: hidden;
}

.ac-input:checked ~ .ac-text,
.ac-sub .ac-input:checked ~ .ac-sub-text {
  opacity: 1;
  height: auto;
  background: #444;
}

.ac-sub .ac-label {
  background: none;
  padding: 20px 30px;
  margin-bottom: 0;
  background-color: #666;
  color: #fff;
}

.ac-sub .ac-label:checked {
  background: none;
  border-bottom: 1px solid whitesmoke;
}

.ac-sub .ac-label:after,
.ac-sub .ac-input:checked + .ac-label:after {
  top: 18px;
}

.ac-sub-text {
  padding: 0 10px;
}
.returnHomeBtn{
  border-radius: 20px;
  background-color: #7a8b72;
  display: block;
  width: 100px;
  margin: 30px auto 100px;
  text-align: center;
  color: #fff;
  font-size: 0.9rem;
  line-height: 2rem;
}
.miniLogo{
  display: inline-block;
  width: 65px;
  height: auto;
  vertical-align: middle;
  margin-right: 4px;
}
footer .footer-link h3>span{
  vertical-align: middle;
}
.sepspace ul{
  margin-top: 32px;
}
.centerTitle{
  font-size: 1.6rem;
  text-align: center;
  margin: 60px 0 0;
  font-weight: normal;
}
.productSection{
  margin-bottom: 50px;
}
.productSection a:hover{
  text-decoration: none;
}
.productList>li{
  background: #f9f9f9;
  padding: 20px 0;
  width: calc(20% - 8px);
  float: left;
}
.productList>li:nth-child(2),.productList>li:nth-child(3),.productList>li:nth-child(4),.productList>li:nth-child(5){
  margin-left: 10px;
}
.productList .cn{
  font-size: 1.2rem;
  color: #202020;
}
.productList .en{
  font-size: 0.9rem;
  color: #acacac;
} 
.productList .productImg{
  display: block;
  width: 80%;
  margin: 0 auto;
  transition: transform 0.5s;
} 
.productList .productImg:hover{
  transform: scale(1.2);
}
.productList .mark{
  display: block;
  width: 50px;
  height: 8px;
  border-radius: 6px;
  background: #7a8b72;
  margin: 0 auto;
} 
.centerTitle2{
  font-size: 1rem;
  text-align: center;
  margin: 60px auto;
  color: #909090;
  border-bottom: 1px solid #909090;
  display: block;
  width: 100px;
}
.commImg{
  display: block;
  width: 100%;
}
.shijian{
  background-image: url(../image/shijian.jpg);
  background-repeat: no-repeat;
  background-size: contain;
  clear: both;
  height:875px;
  background-size: 100%;
}
.shijian img{
  /* position: absolute; */
}
.shijian .container{
  /* position: relative; */
}
.shijian .textContain{
  /* position:absolute; */
  /* top: 150px;
  left: 200px;*/
  width: 350px; 
  margin-top: 160px;
  text-align: left;
}
.textContain>h3{
  color: #505050;
  line-height: 3rem;
  margin-bottom: 40px;
  font-weight: 900;
  color: #202020;
}
.textContain>p{
  text-align: left;
  color: #202020;
  line-height: 1.8rem;
}
.textContain>.pra{
  color: #7a8b72;
  margin-top: 100px;
}
.section3lie{
  padding-bottom: 100px;
}
.titlt3{
  color: #202020;
  border-bottom: 1px solid #a3c3a8;
  display: block;
  width: 105px;
  text-align: left;
  padding-bottom: 4px;
}
.lie3 .titlt3{
  width: 100%;
  text-align: center;
  border-bottom: 0;
  font-size: 1.1rem;
}
.lie3 .titlt3 .cn{
  color: #202020;
  font-weight: 900;
  line-height: 2.6rem;
  vertical-align: middle;
  display: inline-block;
}
.lie3 .titlt3 .en{
  position: relative;
  font-size: 0.8rem;
  line-height: 0.8rem;
  margin-left: 4px;
  font-weight: 500;
  vertical-align: middle;
  margin-top: -4px;
  display: inline-block;
}
.lie3 .titlt3 .line{
  display:block;
  height: 2px;
  width: 50px;
  background: #7a8b72;
  position:absolute;
  right: 0;
  bottom:-6px;
}
.lie2 .titlt3 span.cn{color: #fff !important;}
.sectionQaunjia{
  background: url(../image/quanjia.jpg);
  height: 875px;
  background-repeat: no-repeat;
  background-size: 100%;
}
.sectionQaunjia .miniLogoDeepHui{
  display: block;
  width: 80px;
  margin: 20px auto 30px;
}
.sectionQaunjia p{
  color: #3f3f3f;
  text-align: center;
  line-height: 2rem;
  font-size: 0.8rem;
}
.sectionQaunjia h3{
  color: #3f3f3f;
  text-align: center;
  line-height: 3rem;
  font-weight: 900;
  font-size: 2.4rem;
}
.swiper-pagination{
  left:50%;
  margin-top: 20px;
  margin-left: -10px;
}
.swiper-pagination-bullet{
  background: #fae9dc;
  margin: 0 5px;
  width: 12px;
  height: 12px;
  opacity: inherit;
}
.swiper-pagination-bullet.swiper-pagination-bullet-active{
  background: #7a8b72;
  border-radius: 0 50% 50% 50%;
}
.navMenu{
  
}
.navMenu .nav-product__img{
  width: 50px;
}
.navMenu .nav-product__sub-item{
  min-height: 110px;
}
.container .lineContainer{
  /* margin-top: 100px; */
  /* padding-top: 100px; */
}
.lineContainer .productName{
  font-size: 0.8rem;
  vertical-align: middle;
}
.lineContainer .greenSign{
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #7a8b72;
  vertical-align: middle;
  margin-left: -4px;
}
.lineContainer .productIndex{
  font-size: 0.8rem;
  vertical-align: middle;
  color: #7a8b72;
}
.product2,.product4{
  background-color: #fafafa;
}
.product0 .container,.product1 .container,.product2 .container,.product3 .container,.product4 .container,.product5 .container{
}
.product0 .lineContainer,.product1 .lineContainer,.product2 .lineContainer,.product3 .lineContainer,.product4 .lineContainer,.product5 .lineContainer{
  margin-left: -80px;
}
.product0{
  /* background-image: url('../image/brand/product1.jpg');
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center; */
}
.product0 .container{
  border-left: 2px solid #333;
  height: 400px;
  margin-top: 80px;
}
.product0 p{
  font-size: 1.2rem;
  margin: 0 20px;
  line-height: 2rem;
  margin-top: 40px;
}
.lineContainer .productName{
  display: inline-block;
  width: 60px;
  text-align: right;
  font-weight: 500;
  font-size: 1.2rem;
  padding-right: 5px;
}
.product1 .container{
  border-left: 2px solid #333;
  height: 560px;
  background-image: url('../image/brand/bg1.jpg');
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
  padding-top: 50px;
}
.product2 .container{
  border-left: 2px solid #333;
  height: 560px;
  background-image: url('../image/brand/bg2.jpg');
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
  padding-top: 50px;
}
.product3 .container{
  border-left: 2px solid #333;
  height: 560px;
  background-image: url('../image/brand/bg3.jpg');
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
  padding-top: 50px;
}
.product4 .container{
  border-left: 2px solid #333;
  height: 560px;
  background-image: url('../image/brand/bg4.jpg');
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
  padding-top: 50px;
}
.product5 .container{
  border-left: 2px solid #333;
  height: 560px;
  background-image: url('../image/brand/bg5.jpg');
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
  padding-top: 50px;
}
.container .textContainer{
  width: 400px;
  margin-top: 160px;
  margin-left: 60px;
}
.container .textContainer.floatRight{
  float: right;
}
.textContainer>h3{
  font-size: 1.6rem;
  color: #202020;
  text-align: center;
  font-weight: 900;
  margin-bottom: 30px;
}
.textContainer>h4{
  font-size: 0.8rem;
  color: #b6b9b1;
  text-align: center;
  margin: 25px 0;
}
.textContainer>p{
  font-size: 0.8rem;
  line-height: 1.6rem;
  color: #505050;
  text-align: center;
}
.topGreen{
  background: #7a8b72;
}
.section2lie{
  padding-bottom: 100px;
}
.borderRadius6{
  border-radius: 6px;
}
.bottomContent{
}
.bottomContent .title{
  padding: 5px 0;
  text-align: left;
  color: #202020;
  font-size: 1rem;
}
.bottomContent .createTime{
  padding: 0 0;
  text-align: left;
  font-size: 0.8rem;
  color: #a1a49d;
}
.navMenu li>a.active{
  border-bottom: 2px solid #7a8b72;
  color: #fff;
}
.serviceProductList>li{
  background: #fff;
}
.serviceProductList .productImg{
  width: 50%;
}
.newTitleTips{
  font-size: 18px;
  text-align: center;
  font-weight: 900;
  margin: 70px 0 40px;
}
.section3lieNews{
  background: #f0f2f1;
}
.newListImg{
  border-radius: 6px;
}
.section3lieNews li{
  margin-bottom: 20px;
}
.section3lieNews li .blog-posts-divs{
  background: #fff;
  padding-bottom: 10px;
  border-radius: 0 0 6px 6px;
}
.section3lieNews li .blog-posts-divs .contentCon{
  padding: 10px;
  height: 100px;
  font-size: 14px;
}
.section3lieNews li .blog-posts-divs .contact{
  padding: 0 10px 0;
}
.section3lieNews li .blog-posts-divs .contact .logo{
  display: inline-block;
  width: 40px;
}
.productInfo{
  padding-top: 30px;
}
.productInfo p{
  color: #202020 !important;
  text-align: left;
}
.productInfo .xinghao{
  font-weight: 900;
  margin: 10px 0;
  font-size: 18px;
}
.productInfo .miniLogo{
  width: 80px;
}
.productInfo .productName{
  display: inline-block;
  color: #7a8b72;
  border-radius: 20px;
  border:1px solid #7a8b72;
  padding: 8px 20px;
  color: #7a8b72 !important;
  margin: 10px 0 40px;
}
.productInfo .intro p{
}
.productInfo .intro p{
  margin-bottom: 20px;
}
.productInfo .line{
  display: block;
  width: 80px;
  height: 4px;
  background: #7a8b72;
  margin-top:30px;
}
.productDetailSwiper .swiper-pagination-bullet.swiper-pagination-bullet-active{
  background: #7a8b72;
  width: 8px;
  height: 8px;
}
.commTitle{}
.commTitle>.miniLogo{
  width: 60px;
  display: inline-block;
  vertical-align: middle;
}
.commTitle>span{
  margin-left: 20px;
  padding-left: 20px;
  border-left: 4px solid #000;
  display: inline-block;
  vertical-align: middle;
  font-weight: 900;
  font-size: 18px;
}
.commTitle>.line{
  width: 60px;
  height: 4px;
  background: #7a8b72;
  margin-top: 15px;
  border-radius: 4px 0 0 0;
}
.hexinjishu{
  padding: 40px 0 60px;
  margin-bottom: 50px;
}
.jibencanshu{
  background: #ccc;
}
.jishu{
  margin:20px 0;
  overflow: hidden;
}
.jishu img{
  width: calc((100% / 6) - 10px);
  float: left;
  margin-right: 10px;
}
.productParam{
  width: 80%;
  overflow: hidden;
  margin: 20px auto 40px;
  padding-bottom: 50px;
  border-bottom: 1px solid #000;
}
.productParam>li{
  margin: 0 20px;
  border-bottom: 1px solid #989898;
  overflow: hidden;
  color: #202020;
  width: calc(100% / 2 - 40px);
  float: left;
  padding: 6px 0;
}
.productParam>li:nth-child(13),.productParam>li:nth-child(14){
  border-bottom: 0;
}
.productParam>li>label{
  float: left;
}
.productParam>li>span{
  float: right;
}
.miniLogoHui{
  display: block;
  width: 100px;
}
.practice100{
  margin-top: 60px;
}
.practice100 p{
  text-align: left;
}
.practice100 p.line{
  width: 60px;
  height: 4px;
  background: #7a8b72;
  margin-top: 10px;
}
.newProductTitle{
  margin-bottom: 70px;
}
.newProductTitle>h3{
  color: #fff;
}
.newProductTitle>h4{
  color: #fff;
  font-size: 0.8rem;
}
.lie2 img,.pmImg{
  border-radius: 6px;
}
.bottomLine{
  width: 30px;
  height: 4px;
  background: #7a8b72;
  margin-top: 8px;
  border-radius: 3px 0 0 0;
}
.miniLogoBornLine{
  width: 100px;
  margin-top: 15px;
}
.bottomCopyright{
  margin: 20px 0 50px;
  text-align: right;
  color: #646464;
  font-size: 0.9rem;
}
.miniLogoBorn{
  width:110px;
}
.newLinian{
  background: #f6f6f6;
  padding-bottom: 60px;
}
.newLinian .miniLogo{
  width: 90px;
  display: block;
  margin: 60px auto 30px;
}
.newLinian p{
  width: 50%;
  margin: 0 auto 20px;
  line-height: 1.7rem;
  text-align: center;
}
.newLinian .lineDiv{
  display: block;
  width: 80px;
  height: 4px;
  border-radius: 6px 0 0 0;
  background: #7a8b72;
  margin: 0 auto;
}
.newLinian2{
  padding-bottom: 60px;
}
.newLinian2 .miniLogo{
  width: 90px;
  display: block;
  margin: 60px auto 30px;
}
.newLinian2 p{
  width: 50%;
  margin: 0 auto 25px;
  line-height: 1.7rem;
  text-align: left;
}
.newLinian2 .lineDiv{
  display: block;
  width: 80px;
  height: 4px;
  border-radius: 6px 0 0 0;
  background: #7a8b72;
  margin: 0 auto;
}
.level2Nav{
  background-color: #313131;
}
.level2Nav ul{
  overflow: hidden;
}
.level2Nav ul>li{
  float: left;
  color: #9d9d9d;
}
.level2Nav ul>li>a{
  display: block;
  line-height: 40px;
  text-align:center;
  padding: 0 20px;
}
.level2Nav ul>li>a:hover{
  color: #fff;
}
.level2Nav ul>li>a.active{
  color: #fff;
}
.newLinian .linian2, .newLinian2 .linian2{
  display: block;
  width: 100%;
  height: auto;
  border-radius: 6px;
}
.newLinian2 .linian2{
  padding-top: 50px;
}
.newLinian2 h4{
  display: block;
  width: 50%;
  margin: 30px auto 25px;
  line-height: 1.7rem;
  font-weight: 700;
}
.newLinian2 p, .meixue p{
  text-align: left;
}
.meixue h4{
  display: block;
  width: 50%;
  margin: 60px auto 20px;
  line-height: 1.7rem;
  color: #202020;
  font-weight: 900;
}
.meixueshejishi{
  background-color: #181818;
}
.meixueshejishi img{
  width: 80%;
  margin: 0 auto;
}
.meixueshejishi .context h3{
  color: #fff;
  margin: 30px 0;
}
.meixueshejishi .context p{
  text-align: left;
  color: #a6a6a6;
  line-height: 1.6rem;
  margin-bottom: 30px;
}
.meixueshejishi .context .stanley{
  padding: 2px 0;
  border:1px solid #7a8b72;
  color: #7a8b72;
  display: block;
  width: 130px;
  font-size: 1.2px;
  border-radius: 20px;
  text-align: center;
}
.jishiBottom img.jishu3{
  position:absolute;
}
.jishiBottom img.minilogo{
  width: 100px;
}
.jishuContext h4{
  text-align: left;
  color: #3f3f3f;
  line-height: 1.8rem;
  width:80%;
  display: block;
  margin: 0 auto 30px;
  font-weight: 700;
}
.jishuContext p{
  text-align: left;
  color: #3f3f3f;
  line-height: 1.8rem;
  width:80%;
  display: block;
  margin: 0 auto 25px;
}
.jishuContext .lineDiv{
  display: block;
  width: 80px;
  height: 4px;
  border-radius: 6px 0 0 0;
  background: #7a8b72;
  margin-left: 10%;
}
.brandProduct{
  
}
.brandProduct .productName{
  text-align: left;
  border:1px solid #7a8b72;
  border-radius: 20px;
  width: 120px;
  text-align: center;
  padding: 8px 0;
  color: #7a8b72;
}
.brandProduct h3{
  text-align: left;
}
.brandProduct p{
  text-align: left;
}
.brandProduct .row{
  /* padding: 0 5%; */
}
.brandProduct>div{
  /* position: relative; */
}
.brandProduct .timeLine{
  position:absolute;
  width: 1px;
  height: 100%;
  top: 0;
  left: 0;
  background: #202020;
}
.brandProduct .timeLine.rightTimeLine{
  right: -1px !important;
  left: auto;
}
.timeLine>.time{
  width: 80px;
  background-color: #7a8b72;
  color: #fff;
  font-weight: 900;
  text-align: center;
  margin-left: -40px;
  padding: 5px 0;
  border-radius:20px;
  vertical-align: middle;
  position: absolute;
  right: -30px;
  top: 50%;
}
.timeLine>.line{
  width: 25px;
  height: 2px;
  background: #7a8b72;
  position: absolute;
  right: -55px;
  top: calc(50% + 14px);
}
.timeLine>.point{
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #7a8b72;
  position: absolute;
  right: -60px;
  top: calc(50% + 12px);
}
.searchComponent{
  float: right;
  width: 100px;
  height: 28px;
  border:1px solid #8c8c8c;
  border-radius: 16px;
  color:#8c8c8c;
  text-align: center;
  margin-top: 15px;
  font-size: 0.9rem;
  margin-right: 40px;
}
.searchComponent span{
  display: inline-block;
  line-height: 26px;
  vertical-align: top;
}
.searchComponent img{
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-left: 5px;
  vertical-align: top;
  margin-top: 6px;
}
div[class='header']{
  display: block;
  position: fixed;
  background: #fff;
  z-index: 10010;
  width: 100%;
}
#wrap .content{
  margin-top: 56px;
}
#wrap .brandContent{
  margin-top: 96px !important;
}
.level2Nav{
  position: fixed;
  top: 56px;
  left: 0;
  width: 100%;
  z-index: 100;
}

/* 品牌资讯详情页 */
.brandDetailSection{
  background: #ebebeb;
  min-height: 60vh;
}
.brandDetailContainer{
  max-width: 960px;
  margin: 0 auto;
  padding: 40px 20px 60px;
  background: #fff;
}
.brandDetailBack{
  display: inline-block;
  margin-bottom: 24px;
  color: #666;
  font-size: 14px;
  text-decoration: none;
}
.brandDetailBack:hover{
  color: #333;
}
.brandDetailTitle{
  font-size: 28px;
  font-weight: 600;
  color: #222;
  margin: 0 0 12px;
  line-height: 1.4;
}
.brandDetailTime{
  font-size: 14px;
  color: #999;
  margin-bottom: 24px;
}
.brandDetailContent{
  font-size: 16px;
  line-height: 1.8;
  color: #333;
  word-wrap: break-word;
}
.brandDetailContent img{
  max-width: 100%;
  height: auto;
  display: block;
  margin: 16px auto;
}
.productDetailRichText{
  padding: 20px 0 40px;
}
.productDetailContent{
  font-size: 16px;
  line-height: 1.8;
  color: #333;
  word-wrap: break-word;
}
.productDetailContent img{
  max-width: 100%;
  height: auto;
  display: block;
  margin: 16px auto;
}
.brandDetailEmpty{
  text-align: center;
  padding: 60px 0;
  color: #999;
  font-size: 16px;
}