html {font-family: 'Noto Serif JP', serif;-ms-text-size-adjust: 100%;-webkit-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;}
a:active,
a:hover {outline: 0;}
abbr[title] {border-bottom: 1px dotted;}
b,
strong {font-weight: bold;}
dfn {font-style: italic;}
h1 {font-size: 2em;margin: 0.67em 0;}
mark {background: #ff0;color: #000;}
small {font-size: 80%;}
sub,
sup {font-size: 75%;line-height: 0; position: relative; vertical-align: baseline;top: -0.5em;}
sub {bottom: -0.25em;}
img {border: 0;}
svg:not(:root) {overflow: hidden;}
figure {margin: 1em 40px;}
hr {box-sizing: content-box;height: 0;}
pre {overflow: auto;}
code,
kbd,
pre,
samp {font-family: monospace, monospace; font-size: 1em;}
button,
input,
optgroup,
select,
textarea {color: inherit; font: inherit; margin: 0;}
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 {border: 0; padding: 0;}
input {line-height: normal;}
input[type="checkbox"],
input[type="radio"] {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-appearance: textfield; box-sizing: content-box;}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
fieldset {border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em;}
legend { border: 0; padding: 0;}
textarea {overflow: auto;}
optgroup {font-weight: bold;}
table {border-collapse: collapse;border-spacing: 0;}
td,
th {padding: 0;}
html {box-sizing: border-box;}
*, *:before, *:after {box-sizing: inherit;}
ul {list-style-type: none;}
ul.browser-default {list-style-type: initial;}
a {color: #c7b45c;text-decoration: none;-webkit-tap-highlight-color: transparent;}
a:hover {color: #ff6482;}
.valign-wrapper {display: flex; align-items: center;}
.valign-wrapper .valign {display: block;}
ul {padding: 0;}
ul li {list-style-type: none;}
.clearfix {clear: both;}
.z-depth-0 {box-shadow: none !important;}
.z-depth-1, .btn, .btn-large, .btn-floating, .side-nav {box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);}
.z-depth-1-half, .btn:hover, .btn-large:hover, .btn-floating:hover {box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);}
.z-depth-2 {box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
.z-depth-3 {box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);}
.z-depth-4, .modal {box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21);}
.z-depth-5 {box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22);}
.hoverable {transition: box-shadow .25s;box-shadow: 0;}
.hoverable:hover {transition: box-shadow .25s; box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
.divider {height: 1px; overflow: hidden; background-color: #e0e0e0;}
blockquote { margin: 20px 0; padding-left: 1.5rem; border-left: 5px solid #FF1744;}
i {line-height: inherit;}
i.left {float: left; margin-right: 15px;}
i.right {float: right; margin-left: 15px;}
i.tiny {font-size: 1rem;}
i.small {font-size: 2rem;}
i.medium {font-size: 4rem;}
i.large {font-size: 6rem;}
img.responsive-img,
video.responsive-video {max-width: 100%; height: auto;}
.pagination li {display: inline-block; font-size: 1.2rem; padding: 0 10px; line-height: 30px; border-radius: 2px; text-align: center;}
.pagination li a {color: #444;}
.pagination li.active a {color: #fff;}
.pagination li.active {background-color: #FF1744;}
.pagination li.disabled a {cursor: default; color: #999;}
.pagination li i {font-size: 2.2rem;vertical-align: middle;}
.pagination li.pages ul li {display: inline-block; float: none;}
@media only screen and (max-width: 992px) {.pagination {width: 100%;}
.pagination li.prev,
.pagination li.next {width: 10%;}
.pagination li.pages {width: 80%; overflow: hidden; white-space: nowrap;} }
.breadcrumb {font-size: 18px;color: rgba(255, 255, 255, 0.7);}
.breadcrumb i,
.breadcrumb [class^="mdi-"], .breadcrumb [class*="mdi-"],
.breadcrumb i.material-icons {display: inline-block; float: left; font-size: 24px;}
.breadcrumb:before { content: '\E5CC'; color: rgba(255, 255, 255, 0.7); vertical-align: top; display: inline-block; font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 25px; margin: 0 10px 0 8px; -webkit-font-smoothing: antialiased;}
.breadcrumb:first-child:before {display: none;}
.breadcrumb:last-child {color: #fff;}
.parallax-container {position: relative; overflow: hidden; height: 500px;}
.parallax {position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1;}
.parallax img {display: none; position: absolute; left: 50%; bottom: 0; min-width: 100%; min-height: 100%; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);transform: translateX(-50%);}
.pin-top, .pin-bottom {position: relative;}
.pinned {position: fixed !important;}
ul.staggered-list li {opacity: 0;}
.fade-in {opacity: 0;transform-origin: 0 50%;}

/*********************
Media Query Classes
**********************/
@media only screen and (max-width: 600px) {
.hide-on-small-only, .hide-on-small-and-down { display: none !important;}
}
@media only screen and (max-width: 992px) {
.hide-on-med-and-down {display: none !important;}
}
@media only screen and (min-width: 601px) {
.hide-on-med-and-up {display: none !important;}
}
@media only screen and (min-width: 600px) and (max-width: 992px) {
.hide-on-med-only {display: none !important;}
}
@media only screen and (min-width: 993px) {
.hide-on-large-only {display: none !important;}
}
@media only screen and (min-width: 993px) {
.show-on-large {display: block !important;}
}
@media only screen and (min-width: 600px) and (max-width: 992px) {
.show-on-medium {display: block !important;}
}
@media only screen and (max-width: 600px) {
.show-on-small {display: block !important;}
}
@media only screen and (min-width: 601px) {
.show-on-medium-and-up {display: block !important;}
}
@media only screen and (max-width: 992px) {
.show-on-medium-and-down {display: block !important;}
}
@media only screen and (max-width: 600px) {
.center-on-small-only {text-align: center;}
}
footer.page-footer {margin-top: 20px;padding-top: 20px;background-color: #FF1744;}
footer.page-footer .footer-copyright { overflow: hidden; height: 50px; line-height: 50px; color: rgba(255, 255, 255, 0.8); background-color: rgba(51, 51, 51, 0.08);}
table, th, td {border: none;}
table {width: 100%; display: table;}
table.bordered > thead > tr, table.bordered > tbody > tr { border-bottom: 1px solid #d0d0d0;}
table.striped > tbody > tr:nth-child(odd) { background-color: #f2f2f2;}
table.striped > tbody > tr > td {border-radius: 0;}
table.highlight > tbody > tr {transition: background-color .25s ease;}
table.highlight > tbody > tr:hover {background-color: #f2f2f2;}
table.centered thead tr th, table.centered tbody tr td {text-align: center;}
thead {border-bottom: 1px solid #d0d0d0;}
td, th {padding: 15px 5px; display: table-cell; text-align: left; vertical-align: middle; border-radius: 2px;}
@media only screen and (max-width: 992px) {table.responsive-table {width: 100%; border-collapse: collapse; border-spacing: 0; display: block; position: relative;}
table.responsive-table td:empty:before {content: '\00a0';}
table.responsive-table th,
table.responsive-table td {margin: 0; vertical-align: top;}
table.responsive-table th {text-align: left;}
table.responsive-table thead {display: block; float: left;}
table.responsive-table thead tr {display: block;padding: 0 10px 0 0;}
table.responsive-table thead tr th::before {content: "\00a0";}
table.responsive-table tbody {display: block; width: auto; position: relative; overflow-x: auto; white-space: nowrap;}
table.responsive-table tbody tr {display: inline-block;vertical-align: top;}
table.responsive-table th {display: block; text-align: right;}
table.responsive-table td {display: block; min-height: 1.25em; text-align: left;}
table.responsive-table tr {padding: 0 10px;}
table.responsive-table thead {border: 0; border-right: 1px solid #d0d0d0;}
table.responsive-table.bordered th {border-bottom: 0; border-left: 0;}
table.responsive-table.bordered td {border-left: 0; border-right: 0; border-bottom: 0;}
table.responsive-table.bordered tr {border: 0;}
table.responsive-table.bordered tbody tr {border-right: 1px solid #d0d0d0;} }
.collection {margin: 0.5rem 0 1rem 0; border: 1px solid #e0e0e0; border-radius: 2px; overflow: hidden; position: relative;}
.collection .collection-item {background-color: #fff;line-height: 1.5rem;padding: 10px 20px;margin: 0;border-bottom: 1px solid #e0e0e0;}
.collection .collection-item.avatar {min-height: 84px; padding-left: 72px; position: relative;}
.collection .collection-item.avatar .circle {position: absolute;width: 42px;height: 42px;overflow: hidden;left: 15px;display: inline-block;vertical-align: middle;}
.collection .collection-item.avatar i.circle {font-size: 18px;line-height: 42px;color: #fff;background-color: #999;text-align: center;}
.collection .collection-item.avatar .title {font-size: 16px;}
.collection .collection-item.avatar p {margin: 0;}
.collection .collection-item.avatar .secondary-content {position: absolute;top: 16px;right: 16px;}
.collection .collection-item:last-child {border-bottom: none;}
.collection .collection-item.active {background-color: #26a69a; color: #eafaf9;}
.collection .collection-item.active .secondary-content {color: #fff;}
.collection a.collection-item {display: block;transition: .25s;color: #26a69a;}
.collection a.collection-item:not(.active):hover {background-color: #ddd;}
.collection.with-header .collection-header {background-color: #fff;border-bottom: 1px solid #e0e0e0;padding: 10px 20px;}
.collection.with-header .collection-item {padding-left: 30px;}
.collection.with-header .collection-item.avatar {padding-left: 72px;}
.secondary-content {float: right; color: #26a69a;}
.collapsible .collection {margin: 0; border: none;}
span.badge {min-width: 3rem; padding: 0 6px; text-align: center; font-size: 1rem; line-height: inherit; color: #757575; position: absolute; right: 15px; box-sizing: border-box;}
span.badge.new {font-weight: 300;font-size: 0.8rem;color: #fff;background-color: #26a69a;border-radius: 2px;}
span.badge.new:after {content: " new";}
nav ul a span.badge {position: static; margin-left: 4px; line-height: 0;}
.vBox {width: 96%;max-width: 800px; margin: 0 auto;padding: 30px 0 60px}
.video-container {position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;}
.video-container iframe, .video-container object, .video-container embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.vFrame { position: relative; width: 100%; padding-top: 56.25%; margin-bottom: 15px;}
.vFrame iframe {position: absolute;top: 0;right: 0;width: 100% !important;height: 100% !important;}
.progress {position: relative; height: 4px; display: block; width: 100%; background-color: #acece6; border-radius: 2px; margin: 0.5rem 0 1rem 0; overflow: hidden;}
.progress .determinate {position: absolute;top: 0;left: 0;bottom: 0;background-color: #26a69a;transition: width .3s linear;}
.progress .indeterminate {background-color: #26a69a;}
.progress .indeterminate:before {content: ''; position: absolute; background-color: inherit; top: 0; left: 0; bottom: 0; will-change: left, right; animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;}
.progress .indeterminate:after {content: ''; position: absolute; background-color: inherit; top: 0; left: 0; bottom: 0; will-change: left, right; animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite; animation-delay: 1.15s;}

@keyframes indeterminate {
0% {left: -35%;right: 100%;}
60% {left: 100%;right: -90%;}
100% {left: 100%;right: -90%;} 
}
@keyframes indeterminate-short {
0% {left: -200%;right: 100%;}
60% {left: 107%;right: -8%;}
100% {left: 107%;right: -8%;} 
}
/*******************
Utility Classes
*******************/
.hide {display: none !important;}
.left-align {text-align: left;}
.right-align {text-align: right;}
.center, .center-align {text-align: center;}
.left {float: left !important;}
.right {float: right !important;}
.no-select, input[type=range],
input[type=range] + .thumb {-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.circle {border-radius: 50%;}
.center-block {display: block; margin-left: auto; margin-right: auto;}
.truncate {display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.no-padding {padding: 0 !important;}
.container {margin: 0 auto; max-width: 1280px; width: 90%;}

@media only screen and (min-width: 601px) {
.container {width: 85%;} 
}
@media only screen and (min-width: 993px) {
.container {width: 70%;} 
}
.container .row {margin-left: -0.75rem; margin-right: -0.75rem;}
.section {padding-top: 1rem; padding-bottom: 1rem;}
.section.no-pad {padding: 0;}
.section.no-pad-bot {padding-bottom: 0;}
.section.no-pad-top {padding-top: 0;}
.row {margin-left: auto; margin-right: auto; margin-bottom: 20px;}
.row:after {content: "";display: table;clear: both;}
.row .col {float: left;box-sizing: border-box;padding: 0 0.75rem;}
.row .col[class*="push-"], .row .col[class*="pull-"] {position: relative;}
.row .col.s1 {width: 8.3333333333%; margin-left: auto; left: auto; right: auto;}
.row .col.s2 {width: 16.6666666667%; margin-left: auto; left: auto; right: auto;}
.row .col.s3 {width: 25%; margin-left: auto; left: auto; right: auto;}
.row .col.s4 {width: 33.3333333333%; margin-left: auto; left: auto; right: auto;}
.row .col.s5 {width: 41.6666666667%; margin-left: auto; left: auto; right: auto;}
.row .col.s6 {width: 50%; margin-left: auto; left: auto; right: auto;}
.row .col.s7 {width: 58.3333333333%; margin-left: auto; left: auto; right: auto;}
.row .col.s8 {width: 66.6666666667%; margin-left: auto; left: auto; right: auto;}
.row .col.s9 {width: 75%; margin-left: auto; left: auto; right: auto;}
.row .col.s10 {width: 83.3333333333%; margin-left: auto; left: auto; right: auto;}
.row .col.s11 {width: 91.6666666667%; margin-left: auto; left: auto; right: auto;}
.row .col.s12 {width: 100%; margin-left: auto; left: auto; right: auto;}
.row .col.offset-s1 {margin-left: 8.3333333333%;}
.row .col.pull-s1 {right: 8.3333333333%;}
.row .col.push-s1 {left: 8.3333333333%;}
.row .col.offset-s2 {margin-left: 16.6666666667%;}
.row .col.pull-s2 {right: 16.6666666667%;}
.row .col.push-s2 {left: 16.6666666667%;}
.row .col.offset-s3 {margin-left: 25%;}
.row .col.pull-s3 {right: 25%;}
.row .col.push-s3 {left: 25%;}
.row .col.offset-s4 {margin-left: 33.3333333333%;}
.row .col.pull-s4 {right: 33.3333333333%;}
.row .col.push-s4 {left: 33.3333333333%;}
.row .col.offset-s5 {margin-left: 41.6666666667%;}
.row .col.pull-s5 {right: 41.6666666667%;}
.row .col.push-s5 {left: 41.6666666667%;}
.row .col.offset-s6 {margin-left: 50%;}
.row .col.pull-s6 {right: 50%;}
.row .col.push-s6 {left: 50%;}
.row .col.offset-s7 {margin-left: 58.3333333333%;}
.row .col.pull-s7 {right: 58.3333333333%;}
.row .col.push-s7 {left: 58.3333333333%;}
.row .col.offset-s8 {margin-left: 66.6666666667%;}
.row .col.pull-s8 {right: 66.6666666667%;}
.row .col.push-s8 {left: 66.6666666667%;}
.row .col.offset-s9 {margin-left: 75%;}
.row .col.pull-s9 {right: 75%;}
.row .col.push-s9 {left: 75%;}
.row .col.offset-s10 {margin-left: 83.3333333333%;}
.row .col.pull-s10 {right: 83.3333333333%;}
.row .col.push-s10 {left: 83.3333333333%;}
.row .col.offset-s11 {margin-left: 91.6666666667%;}
.row .col.pull-s11 {right: 91.6666666667%;}
.row .col.push-s11 {left: 91.6666666667%;}
.row .col.offset-s12 {margin-left: 100%;}
.row .col.pull-s12 {right: 100%;}
.row .col.push-s12 {left: 100%;}
@media only screen and (min-width: 601px) {
.row .col.m1 {width: 8.3333333333%;margin-left: auto;left: auto;right: auto;}
.row .col.m2 {width: 16.6666666667%;margin-left: auto;left: auto;right: auto;}
.row .col.m3 {width: 25%;margin-left: auto;left: auto;right: auto;}
.row .col.m4 {width: 33.3333333333%;margin-left: auto;left: auto;right: auto;}
.row .col.m5 {width: 41.6666666667%;margin-left: auto;left: auto;right: auto;}
.row .col.m6 {width: 50%;margin-left: auto;left: auto;right: auto;}
.row .col.m7 {width: 58.3333333333%;margin-left: auto;left: auto;right: auto;}
.row .col.m8 {width: 66.6666666667%;margin-left: auto;left: auto;right: auto;}
.row .col.m9 {width: 75%;margin-left: auto;left: auto;right: auto;}
.row .col.m10 {width: 83.3333333333%;margin-left: auto;left: auto;right: auto;}
.row .col.m11 {width: 91.6666666667%;margin-left: auto;left: auto;right: auto;}
.row .col.m12 {width: 100%;margin-left: auto;left: auto;right: auto;}
.row .col.offset-m1 {margin-left: 8.3333333333%;}
.row .col.pull-m1 {right: 8.3333333333%;}
.row .col.push-m1 {left: 8.3333333333%;}
.row .col.offset-m2 {margin-left: 16.6666666667%;}
.row .col.pull-m2 {right: 16.6666666667%;}
.row .col.push-m2 {left: 16.6666666667%;}
.row .col.offset-m3 {margin-left: 25%;}
.row .col.pull-m3 {right: 25%;}
.row .col.push-m3 {left: 25%;}
.row .col.offset-m4 {margin-left: 33.3333333333%;}
.row .col.pull-m4 {right: 33.3333333333%;}
.row .col.push-m4 {left: 33.3333333333%;}
.row .col.offset-m5 {margin-left: 41.6666666667%;}
.row .col.pull-m5 {right: 41.6666666667%;}
.row .col.push-m5 {left: 41.6666666667%;}
.row .col.offset-m6 {margin-left: 50%;}
.row .col.pull-m6 {right: 50%;}
.row .col.push-m6 {left: 50%;}
.row .col.offset-m7 {margin-left: 58.3333333333%;}
.row .col.pull-m7 {right: 58.3333333333%;}
.row .col.push-m7 {left: 58.3333333333%;}
.row .col.offset-m8 {margin-left: 66.6666666667%;}
.row .col.pull-m8 {right: 66.6666666667%;}
.row .col.push-m8 {left: 66.6666666667%;}
.row .col.offset-m9 {margin-left: 75%;}
.row .col.pull-m9 {right: 75%;}
.row .col.push-m9 {left: 75%;}
.row .col.offset-m10 {margin-left: 83.3333333333%;}
.row .col.pull-m10 {right: 83.3333333333%;}
.row .col.push-m10 {left: 83.3333333333%;}
.row .col.offset-m11 {margin-left: 91.6666666667%;}
.row .col.pull-m11 {right: 91.6666666667%;}
.row .col.push-m11 {left: 91.6666666667%;}
.row .col.offset-m12 {margin-left: 100%;}
.row .col.pull-m12 {right: 100%;}
.row .col.push-m12 {left: 100%;}
}
@media only screen and (min-width: 993px) {
.row .col.l1 {width: 8.3333333333%;margin-left: auto;left: auto;right: auto;}
.row .col.l2 {width: 16.6666666667%;margin-left: auto;left: auto;right: auto;}
.row .col.l3 {width: 25%;margin-left: auto;left: auto;right: auto;}
.row .col.l4 {width: 33.3333333333%;margin-left: auto;left: auto;right: auto;}
.row .col.l5 {width: 41.6666666667%;margin-left: auto;left: auto;right: auto;}
.row .col.l6 {width: 50%;margin-left: auto;left: auto;right: auto;}
.row .col.l7 {width: 58.3333333333%;margin-left: auto;left: auto;right: auto;}
.row .col.l8 {width: 66.6666666667%;margin-left: auto;left: auto;right: auto;}
.row .col.l9 {width: 75%;margin-left: auto;left: auto;right: auto;}
.row .col.l10 {width: 83.3333333333%;margin-left: auto;left: auto;right: auto;}
.row .col.l11 {width: 91.6666666667%;margin-left: auto;left: auto;right: auto;}
.row .col.l12 {width: 100%;margin-left: auto;left: auto;right: auto;}
.row .col.offset-l1 {margin-left: 8.3333333333%;}
.row .col.pull-l1 {right: 8.3333333333%;}
.row .col.push-l1 {left: 8.3333333333%;}
.row .col.offset-l2 {margin-left: 16.6666666667%;}
.row .col.pull-l2 {right: 16.6666666667%;}
.row .col.push-l2 {left: 16.6666666667%;}
.row .col.offset-l3 {margin-left: 25%;}
.row .col.pull-l3 {right: 25%;}
.row .col.push-l3 {left: 25%;}
.row .col.offset-l4 {margin-left: 33.3333333333%;}
.row .col.pull-l4 {right: 33.3333333333%;}
.row .col.push-l4 {left: 33.3333333333%;}
.row .col.offset-l5 {margin-left: 41.6666666667%;}
.row .col.pull-l5 {right: 41.6666666667%;}
.row .col.push-l5 {left: 41.6666666667%;}
.row .col.offset-l6 {margin-left: 50%;}
.row .col.pull-l6 {right: 50%;}
.row .col.push-l6 {left: 50%;}
.row .col.offset-l7 {margin-left: 58.3333333333%;}
.row .col.pull-l7 {right: 58.3333333333%;}
.row .col.push-l7 {left: 58.3333333333%;}
.row .col.offset-l8 {margin-left: 66.6666666667%;}
.row .col.pull-l8 {right: 66.6666666667%;}
.row .col.push-l8 {left: 66.6666666667%;}
.row .col.offset-l9 {margin-left: 75%;}
.row .col.pull-l9 {right: 75%;}
.row .col.push-l9 {left: 75%;}
.row .col.offset-l10 {margin-left: 83.3333333333%;}
.row .col.pull-l10 {right: 83.3333333333%;}
.row .col.push-l10 {left: 83.3333333333%;}
.row .col.offset-l11 {margin-left: 91.6666666667%;}
.row .col.pull-l11 {right: 91.6666666667%;}
.row .col.push-l11 {left: 91.6666666667%;}
.row .col.offset-l12 {margin-left: 100%;}
.row .col.pull-l12 {right: 100%;}
.row .col.push-l12 {left: 100%;}
}
.tabs {display: flex; position: relative; overflow-x: auto; overflow-y: hidden; height: 48px; background-color: #fff; margin: 0 auto; width: 100%; white-space: nowrap;}
.tabs .tab {-webkit-box-flex: 1;-webkit-flex-grow: 1;-ms-flex-positive: 1;flex-grow: 1;display: block;float: left;text-align: center;line-height: 48px;height: 48px;padding: 0;margin: 0;text-transform: uppercase;text-overflow: ellipsis;overflow: hidden;letter-spacing: .8px;width: 15%;min-width: 80px;}
.tabs .tab a {color: #FF1744; display: block; width: 100%; height: 100%; text-overflow: ellipsis; overflow: hidden; transition: color .28s ease;}
.tabs .tab a:hover {color: #ff7d96;}
.tabs .tab.disabled a {color: #ff7d96; cursor: default;}
.tabs .indicator {position: absolute;bottom: 0;height: 2px;background-color: #ff6482;will-change: left, right;}
.btn, .btn-large, .btn-flat {border: none; border-radius: 0; display: inline-block; height: 50px; line-height: 50px; font-size: 18px; outline: 0; padding: 0 1rem; font-weight: 500; vertical-align: middle; -webkit-tap-highlight-color: transparent; background-position: center center;}
.btn i, .btn-large i, .btn-floating i, .btn-large i, .btn-flat i {font-size: 1.7rem; line-height: inherit;}
.btn.disabled, .disabled.btn-large,
.btn-floating.disabled,
.btn-large.disabled,
.btn:disabled
.btn-large:disabled,
.btn-large:disabled
.btn-large:disabled,
.btn-floating:disabled {background-color: #DFDFDF !important; box-shadow: none; color: #9F9F9F !important; cursor: default;}
.btn.disabled *, .disabled.btn-large *,
.btn-floating.disabled *,
.btn-large.disabled *,
.btn:disabled
.btn-large:disabled *,
.btn-large:disabled
.btn-large:disabled *,
.btn-floating:disabled * {pointer-events: none;}
.btn.disabled:hover, .disabled.btn-large:hover,
.btn-floating.disabled:hover,
.btn-large.disabled:hover,
.btn:disabled
.btn-large:disabled:hover,
.btn-large:disabled
.btn-large:disabled:hover,
.btn-floating:disabled:hover {background-color: #DFDFDF !important;color: #9F9F9F !important;}
.btn i, .btn-large i,
.btn-floating i,
.btn-large i,
.btn-flat i {font-size: 1.3rem; line-height: inherit;}
.btn, .btn-large {text-decoration: none; color: #fff;border-radius: 40px; background-color: rgb(186, 150, 0);padding: 0 40px; text-align: center; letter-spacing: .5px; transition: .2s ease-out; cursor: pointer;}
.btn:hover, .btn-large:hover {background-color: rgb(186, 150, 0);color: #fff;opacity: 0.7}
.btn-floating {display: inline-block; color: #fff; position: relative; overflow: hidden; z-index: 1; width: 37px; height: 37px; line-height: 37px; padding: 0; background-color: #26a69a; border-radius: 50%; transition: .3s; cursor: pointer; vertical-align: middle;}
.btn-floating i {width: inherit;display: inline-block;text-align: center;color: #fff;font-size: 1.6rem;line-height: 37px;}
.btn-floating:hover {background-color: #26a69a;}
.btn-floating:before {border-radius: 0;}
.btn-floating.btn-large {width: 55.5px;height: 55.5px;}
.btn-floating.btn-large i {line-height: 55.5px;}
button.btn-floating {border: none;}
.fixed-action-btn {position: fixed; right: 23px; bottom: 23px; padding-top: 15px; margin-bottom: 0; z-index: 998;}
.fixed-action-btn.active ul {visibility: visible;}
.fixed-action-btn.horizontal {padding: 0 0 0 15px;}
.fixed-action-btn.horizontal ul {text-align: right; right: 64px; top: 50%; transform: translateY(-50%); height: 100%; left: auto; width: 500px; /*width 100% only goes to width of button container */ }
.fixed-action-btn.horizontal ul li {display: inline-block;margin: 15px 15px 0 0;}
.fixed-action-btn ul {left: 0;right: 0;text-align: center;position: absolute;bottom: 64px;margin: 0;visibility: hidden;}
.fixed-action-btn ul li {margin-bottom: 15px;}
.fixed-action-btn ul a.btn-floating {opacity: 0;}
.btn-flat {box-shadow: none; background-color: transparent; color: #343434; cursor: pointer;}
.btn-flat.disabled {color: #b3b3b3;cursor: default;}
.btn-large {height: 54px; line-height: 54px;}
.btn-large i {font-size: 1.6rem;}
.btn-block {display: block;}


.waves-effect {position: relative; cursor: pointer; display: inline-block; overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; vertical-align: middle; z-index: 1; will-change: opacity, transform; transition: all .3s ease-out;}
.waves-effect .waves-ripple {position: absolute;border-radius: 50%;width: 20px;height: 20px;margin-top: -10px;margin-left: -10px;opacity: 0;background: rgba(0, 0, 0, 0.2);transition: all 0.7s ease-out;transition-property: transform, opacity;transform: scale(0);pointer-events: none;}
.waves-effect.waves-light .waves-ripple {background-color: rgba(255, 255, 255, 0.45);}
.waves-effect.waves-red .waves-ripple {background-color: rgba(244, 67, 54, 0.7);}
.waves-effect.waves-yellow .waves-ripple {background-color: rgba(255, 235, 59, 0.7);}
.waves-effect.waves-orange .waves-ripple {background-color: rgba(255, 152, 0, 0.7);}
.waves-effect.waves-purple .waves-ripple {background-color: rgba(156, 39, 176, 0.7);}
.waves-effect.waves-green .waves-ripple {background-color: rgba(76, 175, 80, 0.7);}
.waves-effect.waves-teal .waves-ripple {background-color: rgba(0, 150, 136, 0.7);}
.waves-effect input[type="button"],
.waves-effect input[type="reset"],
.waves-effect input[type="submit"]
{border: 0;font-style: normal;font-size: inherit;text-transform: inherit;background: none;}
.waves-notransition {transition: none !important;}
.waves-circle {transform: translateZ(0); -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);}
.waves-input-wrapper {border-radius: 0.2em; vertical-align: bottom;}
.waves-input-wrapper .waves-button-input {position: relative;top: 0;left: 0;z-index: 1;}
.waves-circle {text-align: center; width: 2.5em; height: 2.5em; line-height: 2.5em; border-radius: 50%; -webkit-mask-image: none;}
.waves-block {display: block;}

/* Firefox Bug: link not triggered */
a.waves-effect .waves-ripple {z-index: -1;}



/* Text Inputs + Textarea
 ========================================================================== */
/* Style Placeholders */
::-webkit-input-placeholder {color: #d1d1d1;}

:-moz-placeholder {/* Firefox 18- */
color: #d1d1d1;}

::-moz-placeholder {/* Firefox 19+ */
color: #d1d1d1;}

:-ms-input-placeholder {color: #d1d1d1;}



.side-nav {position: fixed; width: 240px; left: 0; top: 0; margin: 0;  height: 100%; height: calc(100% + 60px); height: -moz-calc(100%); padding-bottom: 60px; background-color: #fff; z-index: 999; overflow-y: auto; will-change: transform; backface-visibility: hidden; transform: translateX(-105%);}
.side-nav.right-aligned {right: 0;left: auto;transform: translateX(100%);}
.side-nav .collapsible {margin: 0;}
.side-nav li {float: none;line-height: 64px;}
.side-nav li.active {background-color: rgba(0, 0, 0, 0.05);}
.side-nav a {color: #444;display: block;font-size: 1rem;height: 64px;line-height: 64px;padding: 0 30px;}
.side-nav a:hover {background-color: rgba(0, 0, 0, 0.05);}
.side-nav a.btn, .side-nav a.btn-large, .side-nav a.btn-large, .side-nav a.btn-flat, .side-nav a.btn-floating {margin: 10px 15px;}
.side-nav a.btn, .side-nav a.btn-large, .side-nav a.btn-large, .side-nav a.btn-floating {color: #fff;}
.side-nav a.btn-flat {color: #343434;}
.side-nav a.btn:hover, .side-nav a.btn-large:hover, .side-nav a.btn-large:hover {background-color: #2bbbad;}
.side-nav a.btn-floating:hover {background-color: #26a69a;}
.drag-target {height: 100%; width: 10px; position: fixed; top: 0; z-index: 998;}
.side-nav.fixed a {display: block; padding: 0 30px; color: #444;}
.side-nav.fixed {left: 0; transform: translateX(0); position: fixed;}
.side-nav.fixed.right-aligned {right: 0;left: auto;}

@media only screen and (max-width: 992px) {.side-nav.fixed {transform: translateX(-105%);}
.side-nav.fixed.right-aligned {transform: translateX(105%);} }
.side-nav .collapsible-body li.active,
.side-nav.fixed .collapsible-body li.active {background-color: #FF1744;}
.side-nav .collapsible-body li.active a,
.side-nav.fixed .collapsible-body li.active a {color: #fff;}
#sidenav-overlay {position: fixed; top: 0; left: 0; right: 0; height: 120vh; background-color: rgba(0, 0, 0, 0.5); z-index: 99; will-change: opacity;}
.slider {position: relative; height: 400px; width: 100%;}
.slider.fullscreen {height: 100%;width: 100%;position: absolute;top: 0;left: 0;right: 0;bottom: 0;}
.slider.fullscreen ul.slides {height: 100%;}
.slider.fullscreen ul.indicators {z-index: 2; bottom: 30px;}
.slider .slides {background-color: #9e9e9e;margin: 0;height: 400px;}
.slider .slides li {opacity: 0; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: inherit; overflow: hidden;}
.slider .slides li img {height: 100%;width: 100%;background-size: cover;background-position: center;}
.slider .slides li .caption {color: #fff;position: absolute;top: 15%;left: 15%;width: 70%;opacity: 0;}
.slider .slides li .caption p {color: #e0e0e0;}
.slider .slides li.active {z-index: 2;}
.slider .indicators {position: absolute;text-align: center;left: 0;right: 0;bottom: 0;margin: 0;}
.slider .indicators .indicator-item {display: inline-block; position: relative; cursor: pointer; height: 16px; width: 16px; margin: 0 12px; background-color: #e0e0e0; transition: background-color .3s; border-radius: 50%;}
.slider .indicators .indicator-item.active {background-color: #4CAF50;}
.carousel {overflow: hidden; position: relative; width: 100%; height: 400px; perspective: 600px; transform-style: preserve-3d; transform-origin: 0% 50%;}
.carousel .carousel-item {width: 200px;position: absolute;top: 0;left: 0;}
.carousel .carousel-item img {width: 100%;}
.carousel.carousel-slider {top: 0;left: 0;height: 0;}
.carousel.carousel-slider .carousel-item {width: 100%; height: 100%; position: absolute; top: 0; left: 0;}

/* ============== QANTUMTHEMES POLYDECOR LIBRARY =============== */
.qt-polydecor {position: relative; overflow: hidden; min-height: 100%;}
.qt-polydecor .qt-polydecor-content {position: relative;z-index: 2;left: 0;height: 100%;}
.qt-polydecor.poly1 .decor1, .qt-polydecor.poly1 .decor2 {display: block;content: " ";background: rgba(0, 0, 0, 0.2);position: absolute;left: 50%;top: 50%;transform: rotate(45deg);z-index: 0;-moz-transition: all 0;transition: all 0.4s ease;}
.qt-polydecor.poly1 .decor1 {width: 550px;height: 550px;margin-left: -275px;margin-top: -50px;}
.qt-polydecor.poly1 .decor2 {width: 700px;height: 700px;margin-left: -350px;margin-top: -110px;}
.qt-polydecor.poly2 .decor1, .qt-polydecor.poly2 .decor2 {display: block;content: " ";background: rgba(0, 0, 0, 0.1);position: absolute;left: 50%;margin-left: 0;top: 50%;transform: rotate(-45deg);z-index: 0;width: 300%;height: 1400px;transform-origin: bottom left;-moz-transition: all 0;transition: all 0.4s ease;}
.qt-polydecor.poly3 .decor1, .qt-polydecor.poly3 .decor2 {display: block;content: " ";background: rgba(0, 0, 0, 0.1);position: absolute;left: auto;right: 50%;margin-left: 0;top: 50%;transform: rotate(45deg);z-index: 0;width: 300%;height: 1400px;transform-origin: bottom right;-moz-transition: all 0;transition: all 0.4s ease;}
.qt-polydecor.poly4 .decor1, .qt-polydecor.poly4 .decor2 {display: block;content: " ";background: rgba(0, 0, 0, 0.1);position: absolute;left: 0;margin-left: 0;top: 50%;transform: skewY(-45deg);z-index: 0;width: 100%;height: 100%;transform-origin: bottom 50%;-moz-transition: all 0;transition: all 0.4s ease;}
.qt-polydecor.poly4 .decor2 {margin-top: 20%;top: 60%;}
.qt-polydecor.poly6 .decor1, .qt-polydecor.poly6 .decor2 {display: block;content: " ";background: rgba(0, 0, 0, 0.1);position: absolute;left: 50%;top: 50%;transform: rotate(45deg);z-index: 0;-moz-transition: all 0;transition: all 0.4s ease;}
.qt-polydecor.poly6 .decor1 {width: 550px;height: 550px;margin-left: -275px;margin-top: 30px;}
.qt-polydecor.poly6 .decor2 {width: 700px;height: 700px;margin-left: -350px;margin-top: -30px;}
.qt-polydecor-page .qt-polydecor-page .qt-polydecor .decor1, .qt-polydecor-page .qt-polydecor-page .qt-polydecor .decor2 {display: none !important;}
.qt-polydecor-page .qt-polydecor-page .qt-polydecor > div:first-of-type {padding-top: 0;}

/* 01. Generic styles
================================================================ */
*, :before, :after {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-backface-visibility: hidden;}
.qt-firefoxfix {transform: translate3d(0, 0, 0);}
.logo {max-width: 100%; height: auto; padding: 0 20px;}
.row {margin: 0 -0.75rem;}
.button-collapse {display: none;}
.qt-fullscreen {min-height: 100%; min-height: 100vh;}
.qt-valign-wrapper {display: table; min-height: 100vh; height: 100%; width: 100%; position: relative;}
.qt-valign-wrapper.half {min-height: auto; height: auto;}
.qt-valign-wrapper .qt-valign {display: table-cell;vertical-align: middle;}
.modal.bottom-sheet.open {z-index: 99999999;}
.modal-trigger {z-index: 99999999 !important;}
.qt-modalframe {width: 100%; height: auto; border: none; overflow: auto;}
.modal.bottom-sheet.open {opacity: 1 !important; bottom: 0 !important; width: 100%; display: block; z-index: 100;}
#modalmask {position: fixed; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); content: " "; display: block; top: 0; z-index: 99;}

/* 02. Typography
================================================================ */
body, html {font-size: 19px; line-height: 1.7em; background: black;}
p {font-size: 1rem; line-height: 1.7em;}
h5 {font-size: 1rem; line-height: 0.25em;}
h4 {font-size: 1.7rem; line-height: 0.25em;}
h3 {font-size: 2rem; line-height: 1.25em;}
h2 {font-size: 3rem; line-height: 1.25em;}
h1 {font-size: 4rem; line-height: 1.25em;}
h1.qt-title {font-size: 14.199rem; line-height: 1.25em;}
h1, h2, h3, h4, h5, h6, .qt-menu {font-family: 'Noto Serif JP', serif; letter-spacing: 0.05em; text-transform: uppercase; text-rendering: geometricPrecision;}
h1, h2, h3, h4, h5, h6 {font-weight: 700;}
.qt-menu {font-weight: 700; letter-spacing: 0.1rem; font-size: 0.8rem;}

/* 03. Parallax
================================================================ */
.parallax {z-index: 0;}
.parallax img {transition: all 0.3s ease;}
.qt-parallax {transition: background-position 0.35s ease;}
.section.parallax-container {height: auto;}

/* 04. Menu
================================================================ */
.qt-menu-wrapper {margin-top: -90px;}
.qt-menu-wrapper.skrollable-after {z-index: 100;position: fixed;top: 0;width: 100%;margin-top: -10px;background-color: #212121;}
.qt-menu-wrapper .qt-menu {height: 90px;padding: 10px 0;line-height: 70px;text-align: center;background-color: transparent;transition: background-color 0.3s, height 0.4s ease, padding 0.4s ease;z-index: 2000;position: relative;}
.qt-menu-wrapper .qt-menu ul.qt-desktopmenu {margin: 0; padding: 0; text-align: center;}
.qt-menu-wrapper .qt-menu ul.qt-desktopmenu li {margin: 0;padding: 0;display: inline-block;color: #ffffff;}
.qt-menu-wrapper .qt-menu ul.qt-desktopmenu li a {color: inherit; padding: 5px 20px; transform: translate3d(0, 0, 0); position: relative; line-height: 70px;}
.qt-menu-wrapper .qt-menu ul.qt-desktopmenu li a::before, .qt-menu-wrapper .qt-menu ul.qt-desktopmenu li a::after {display: block;width: 38px;height: 2px;content: " ";position: absolute;left: 0;top: 50%;background:#c7b45c;transform: rotate(315deg);margin: -4px 0 0 20px;z-index: -1;transition: transform 0.4s ease, margin 0.3s ease, width 0.2s ease, height 0.4s ease, top 0.2s ease;}
.qt-menu-wrapper .qt-menu ul.qt-desktopmenu li a::after {margin: 4px 0 0 0px;}
.qt-menu-wrapper .qt-menu ul.qt-desktopmenu li a:hover::after, .qt-menu-wrapper .qt-menu ul.qt-desktopmenu li a:hover::before, .qt-menu-wrapper .qt-menu ul.qt-desktopmenu li a.active::after, .qt-menu-wrapper .qt-menu ul.qt-desktopmenu li a.active::before {transform: rotate(360deg);margin: 0 0 0 -3%;width: 106%;height: 108%;top: 0;}
.qt-menu-wrapper .qt-menu ul.qt-desktopmenu li a.login:hover::before,
.qt-menu-wrapper .qt-menu ul.qt-desktopmenu li a.login.active::before 
{transform: rotate(0deg);margin: 0}
.qt-menu-wrapper .qt-menu ul.qt-desktopmenu li a.login::before{width: 100px; height: 34px; background: #DC2629; transform: rotate(0deg); margin: -16px 0 0 0px;}
.qt-menu-wrapper .qt-menu ul.qt-desktopmenu li a.login::after {display: none;}


.qt-menu-wrapper .qt-menu ul.qt-mobilemenu {padding-top: 30px;}
.qt-menu-wrapper .qt-menu ul.qt-mobilemenu li a {color: #efefef;}
.qt-menu-wrapper .is-sticky .qt-menu {background-color: #121212;height: 74px;padding: 2px 0;}

/* 05. Header
================================================================ */
.qt-header {height: 100%; height: 100vh; background-color: rgba(0, 0, 0, 0.3); padding: 0; color: white; position: relative; z-index: 10;}
.qt-header .qt-valign-wrapper {position: relative;z-index: 10;}
.qt-header h4 {font-size: 20px;text-shadow: 1px 1px 3px rgba(0,0,0,0.5);margin-top: 5px;}
@media only screen and (max-width: 727px) {
.qt-header {height: 100vh;}
}
/* 06. Footer
================================================================ */
.qt-footer {background-color: rgba(0, 0, 0, 0.2); height: auto; padding: 70px 0; position: relative; z-index: 10;color: #fff;}
.qt-footer h3, .qt-footer h5, .qt-footer p {line-height: 1.5em;padding: 5px 0;margin: 0;}
.qt-footer .qt-social {font-size: 24px;}
.qt-footer .container {z-index: 3;position: relative;}
.qt-footer .qt-footertitle {position: relative;margin-bottom: -4px; font-size: 30px;}
.qt-footer p {font-size: 12px;}
.qt-footer a {color:#C7B45C}

/* 07. Sections
================================================================ */
@keyframes mbarmnu {
0% {height: 20px;}
50% {height: 5px;}
100% {height: 20px;}
}
@keyframes mbarmnuB {
0% {height: 7px;}
25% {height: 18px;}
50% {height: 10px;}
75% {height: 20px;}
100% {height: 3px;}
}
.section {padding: 0; position: relative; z-index: 2;}
.section .qt-section-title {text-align: center;position: relative;margin-bottom: 0.7em;margin-top: 0;padding-top: 1em;}
.section .qt-section-title::after, .section .qt-section-title::before {content: " "; display: block; position: absolute; width: 80px; border-bottom: 1px solid; left: 50%; margin-left: -100px; bottom: 0;}
.section .qt-section-title::after {margin-left: 20px;}
.section .qt-section-title i.deco {display: block; clear: both;}
.section .qt-section-title i.deco::after, .section .qt-section-title i.deco::before {display: block;content: " ";border: solid;border-width: 0 1px 0 1px;width: 16px;height: 20px;position: absolute;left: 50%;margin: 0 0 0 -11px;animation: mbarmnu 0.5s forwards;animation-duration: 1.8s;animation-iteration-count: infinite;transition: opacity 0.2s;transition-delay: 0.3s;}
.section .qt-section-title i.deco::after {animation: mbarmnuB 0.5s forwards;animation-duration: 1.4s;animation-iteration-count: infinite;margin: 0 0 0 -5px;}

.section.section-contents {background-color: #fff;color: #000;z-index: 14;padding-bottom: 70px;}

.section.section-links {z-index: 13;background: url("../images/abstra.jpg") top center no-repeat;background-size: cover;}
.section.section-links .qt-section-title {position: absolute; z-index: 10; display: block; width: 100%; color: white; text-shadow: 0 0 15px rgba(0, 0, 0, 0.2);}
.section.section-links .banners {width: 74%;padding: 200px 70px 70px 70px; color: #fff; margin: 30px auto 0;}
.section.section-links .banners ul {overflow: hidden;width: 100%;}
.section.section-links .banners ul li {float: left;width: calc(100% / 4);box-sizing: border-box;padding: 0 4% 0;opacity: 0.5;transition: all .3s ease-out;text-align: center;}
.section.section-links .banners ul li:hover {opacity: 1;transition: all .3s ease-out;}
.section.section-links .banners ul li img {width: 100%;height: auto;}
.section.section-links .banners ul li p {font-size: 12px;}
.section.section-profile {height: auto;color: #000;z-index: 1;}
.section.section-profile .parallax img {position: fixed; z-index: -1;}
.section.section-profile .content {width: 90%; max-width: 800px; padding: 40px 70px 70px 70px; background: white; color: #232323; margin: 30px auto 80px auto; box-shadow: 0 0 18px rgba(0, 0, 0, 0.8);}
.section.section-profile .content .decor1, .section.section-profile .content .decor2 {opacity: 0.4;}
.section.section-profile .content h2, .section.section-profile .content h3, .section.section-profile .content h4, .section.section-profile .content h5 {margin: 40px 0 20px 0;padding-bottom: 14px;position: relative;}
.section.section-profile .content h2::after,
.section.section-profile .content h3::after,
/*.section.section-profile .content h4::after,*/
.section.section-profile .content h5::after
{display: block; content: " "; width: 100px; border-bottom: 6px solid #FF1744; position: absolute; bottom: 0;}

.section.section-about {background-color:#FCFCFC;color: #000;z-index: 11;}
.section.section-about .qt-about {width: 90%; max-width: 800px; background: #f7f7f7; margin: 0 auto 100px; color: #565656;}
.section.section-about .qt-about .qt-contacts {text-align: center;}
.section.section-about .qt-about .qt-contacts p {font-size: 1rem; padding: 60px 0; position: relative; margin: 0;}
.section.section-about .qt-about .qt-contacts p:nth-of-type(2n + 1)::after {background: #efefef;display: block;content: " ";width: 100%;height: 100%;position: absolute;top: 0;transform: skewY(-10deg);}
.section.section-about .qt-about .qt-contacts span {position: relative; z-index: 2;}
.section.section-about .qt-about .qt-contacts span.lnr {clear: both; display: block; font-size: 1.7rem; line-height: 4.2rem; width: 80px; height: 80px; margin: 20px auto; border: 3px solid; text-align: center;}
.section.section-about .qt-about > div {padding: 30px;}
.section.section-about .qt-about .tabs {height: 3.4rem;}
.section.section-about .qt-about .tabs li {height: 3.4rem;}
.section.section-about .qt-about .tabs li h5 {margin: 0;padding: 0;line-height: 3.4rem;}

.section.section-news {background-color: #fff;color: #000;z-index: 11;}
.section.section-news .qt-news {width: 90%; max-width: 800px; margin: 0 auto 100px; color: #565656;}
.section.section-news .qt-news dl {display: table;width: 100%;border-bottom: 1px solid #CDCDCD;margin-bottom: 2%}
.section.section-news .qt-news dl dt{display: table-cell;vertical-align: top;width: 30%;box-sizing: border-box;padding: 0 1% 1%;}
.section.section-news .qt-news dl dd{display: table-cell;vertical-align: top;width: 70%;box-sizing: border-box;padding: 0 1% 1%;}

.section.section-entry {min-height: 100%;height: auto;z-index: 10;}
.section.section-entry .qt-framed {padding: 0 30px 30px 30px; border: 6px solid white; background: rgba(0, 0, 0, 0.5); color: white; width: 90%; max-width: 800px; margin: 100px auto;}
.section.section-video {color: #000;background: #fff;}
.section.section-message {color:#000;}

/* = 08. Gridstack Carousel customization
==============================================================*/
.qt-gridstackCarousel-container {position: relative; padding-bottom: 80px;}
.qt-gridstackCarousel-container .qt-gridstackCarousel {height: /*360px*/ 670px;}
.qt-gridstackCarousel-container .qt-gridstackCarousel .carousel-item {width: 300px; height: /*340px*/ 580px;; overflow: hidden; max-width: 100%;}
.qt-gridstackCarousel-container .qt-gridstackCarousel .carousel-item img {width: 100%;height: auto;position: relative;}
.qt-gridstackCarousel-container .qt-gridstackCarousel .carousel-item a {display: block;position: absolute;z-index: 30;top: 120%;left: 50%;width: 2.89rem;height: 2.89rem;margin-left: -1.445rem;margin-top: -1.445rem;transition: top 0.4s ease;transition-delay: 0.1s;cursor: pointer;padding: 0.595rem;font-size: 1.7rem;line-height: 1.7rem;}
.qt-gridstackCarousel-container .qt-gridstackCarousel .carousel-item.active .caption, .qt-gridstackCarousel-container .qt-gridstackCarousel .carousel-item:active .caption {bottom: 0;}
.qt-gridstackCarousel-container .qt-gridstackCarousel .carousel-item.active a, .qt-gridstackCarousel-container .qt-gridstackCarousel .carousel-item:active a {top: 50%;}
.qt-gridstackCarousel-container .qt-gridstackCarousel .carousel-item h5 {margin: 0;text-align: center;line-height: 1.25rem;color: #fff;}
.qt-gridstackCarousel-container .qt-gridstackCarousel .carousel-item p {font-size: 14px;padding: 0 20px;color: #fff;}
.qt-gridstackCarousel-container .nav {position: absolute;width: 100%;top: 50%;margin-top: -50px;height: 0;z-index: 500;}
.qt-gridstackCarousel-container .nav a {cursor: pointer; font-size: 2.89rem; width: 100px; height: 100px; line-height: 100px; text-align: center;}
.qt-gridstackCarousel-container .nav .prev {position: absolute;}
.qt-gridstackCarousel-container .nav .next {position: absolute; right: 0; float: right;}

/* 09. SLICK Slider
================================================================ */
.slick-slider .slick-slide {outline: none;}
.slick-slider .slick-slide img {width: 100%;height: auto;}
.slick-slider .slick-arrow {position: absolute; border: none; display: block; top: 0; left: 0; z-index: 100; height: 100%; width: 150px; cursor: pointer; background: -moz-linear-gradient(left, black 0%, transparent 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, black 0%, transparent 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, black 0%, transparent 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */
outline: none; color: transparent; font-size: 0; opacity: 0.3; transition: opacity 0.3s;}
.slick-slider .slick-arrow::after {font-size: 1.7rem;content: "\e875";font-family: 'Linearicons-Free';speak: none;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;line-height: 1;color: white;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.slick-slider .slick-arrow.slick-next {left: auto;right: 0;background: -moz-linear-gradient(left, transparent 0%, transparent 2%, black 100%);/* FF3.6-15 */
background: -webkit-linear-gradient(left, transparent 0%, transparent 2%, black 100%);/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, transparent 0%, transparent 2%, black 100%);/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=1 );}
.slick-slider .slick-arrow.slick-next::after {content: "\e876";}
.slick-slider .slick-arrow:hover {opacity: 1;}
.slick-slider .slick-dots {position: absolute; width: 100%; text-align: center; top: auto; bottom: 10%;}
.slick-slider .slick-dots li {display: inline-block;margin: 4px;}
.slick-slider .slick-dots li button {content: " "; display: block; width: 40px; height: 6px; background: white; box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); border: none; cursor: pointer; font-size: 0; overflow: hidden; color: transparent; outline: none; transition: background 0.3s;}
.slick-slider .slick-dots li.slick-active button {background: #FF1744;}
.qtvideos.slick-slider div {padding: 0 10px 50px 10px;}
.qtvideos.slick-slider .slick-arrow {padding: 0; opacity: 1;}
.qtvideos.slick-slider .slick-slide {outline: none;}
.qtvideos.slick-slider .slick-slide img {width: 100%;height: auto;}
.qtvideos.slick-slider a {position: relative; display: block;}
.qtvideos.slick-slider a img {position: relative;}
.qtvideos.slick-slider a::after {content: " ";display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);z-index: 2;transition: all 0.3s ease;opacity: 0;}
.qtvideos.slick-slider a span {display: block;position: absolute;font-size: 50px;width: 50px;height: 50px;left: 50%;margin: -25px 0 0 -25px;z-index: 3;transition: all 0.3s ease;top: -30%;}
.qtvideos.slick-slider a:hover::after {opacity: 0.8;}
.qtvideos.slick-slider a:hover span {top: 50%;}

/* 10. Particles JS
================================================================ */
.qt-particles {position: absolute; top: 0; width: 100%; height: 100%;}

/* 11. Detail fixes
================================================================ */
.qt-menu-wrapper .qt-menu ul.qt-desktopmenu {z-index: 2000;}

/* 12. Responsive media styles
================================================================ */
@media only screen and (max-width: 992px) {
.button-collapse {display: inline-block;float: left;}
.container {width: 100%;}
body, html {font-size: 16px;}
.qt-menu-switch {font-size: 50px;width: 70px;height: 70px;line-height: 70px;text-align: center;position: fixed;left: 0;top: 0;}
h5 {font-size: 0.8rem;}
h4 {font-size: 1.5rem;}
h3 {font-size: 2.25rem;}
h2 {font-size: 3.38rem;}
h1 {font-size: 5rem;}
h1.qt-title {font-size: 14.199rem;line-height: 1.25em;}
.side-nav {background: #101010;}
.section.section-profile .parallax img {position: absolute;z-index: 0;}
.section.section-profile .content {padding: 20px; line-height: 1.8}
.section.section.section-links {padding-bottom: 80px;}
.section.section.section-links .qt-section-title {position: relative;}
.section.section.section-about .qt-about > div {padding: 12px;}
.section.section.section-news .qt-news > div {padding: 12px;}
.section.section-entry .qt-framed {padding: 0 15px;}
.section.section-entry h2 {font-size: 1.8rem;}
.section.section-entry h4 {font-size: 1.5rem;padding-top: 20px;}
.qt-desktopmenu {display: none;}
.slick-slider .slick-slide img {width: 100%;height: auto;}
.slick-slider .slick-dots {bottom: 0;}
.slick-slider .slick-dots li button {width: 6px;}
.slick-slider .slick-arrow {width: 50px;}
.qt-gridstackCarousel-container .qt-gridstackCarousel .carousel-item a {top: 50%;z-index: 999;}
}
.tabView{display: none;}
.spView{display: none;}
@media only screen and (min-width:727px) and (max-width:1024px) {
.pcView{display: none;}
.tabView{display: inline;}
.spView{display: none;}	
.qt-valign-wrapper {min-height: 100vh;height: auto;width: 100%;}
}
@media only screen and (max-width: 727px) {
.pcView{display: none;}
.tabView{display: none;}
.spView{display: inline;}
.section.section-news {background: #f7f7f7;}
.section.section-news dl{font-size: 14px;}
.qt-valign-wrapper {min-height: 100vh;height: auto;width: 100%;}
h2 {font-size: 2.4rem;}
header h4 {font-size: 14px; letter-spacing: 1px; font-weight: 100; padding: 0 0; margin: 10px 0;}
.qt-fullscreen {min-height: auto;}
.qt-gridstackCarousel-container {padding-bottom: 0;top: -70px;}
.section.section-links .banners {width: 90%;padding: 20px 10px 0 10px;}
.section.section-links .banners ul {overflow: hidden;width: 100%;}
.section.section-links .banners ul li {float: left;width: calc(100% / 2);box-sizing: border-box;padding: 0 1% 20px;opacity: 1;transition: all .3s ease-out;text-align: center;}
.section.section-links .banners ul li p {font-size: 12px;}
.section.section-links .banners ul li img { width: 80%; height: auto;}
}