@charset "UTF-8";
/*łśćłżź*/
/**
 * WEBZONES KRYSTIAN LENIK
 * e-mail: office@webzones.eu
 * License: portfolio@webzones.eu/terms-conditions.html
 */
/** Motion UI by ZURB
 * foundation.zurb.com/motion-ui
 * Licensed under MIT Open Source
 */
/**
 * Foundation for Sites by ZURB
 * Version 6.1.2
 * foundation.zurb.com
 * Licensed under MIT Open Source
 */
body {
  background: #000000; }

/* =============================== override [START] ================================= */
.override:after, .row:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  /* Added By WEBZONES */
  line-height: 0;
  font-size: 0;
  /* Added By WEBZONES */ }

.override, .row {
  display: inline-block; }

/* Hides from IE-mac \*/
* html .override, * html .row {
  height: 1%; }

.override, .mde, .row {
  display: block; }

/* End hide from IE-mac */
/* =============================== override [END] =================================== */
/* =============================== main_container [START] =========================== */
#main_container {
  background: none;
  width: 100%;
  position: relative;
  left: 0;
  min-width: 0;
  min-height: 100%;
  overflow: hidden; }

.color_white {
  color: #ffffff !important; }

/*set*/
.color_black {
  color: #000000 !important; }

/*set*/
.color_blue {
  color: #5383b9 !important; }

.color_bluelight {
  color: #7d98c1 !important; }

.color_red {
  color: #ff0000 !important; }

.color_redlight {
  color: #933838 !important; }

.color_reddark {
  color: #df1c1c !important; }

.color_greylight {
  color: #cccccc !important; }

.set_bold, .set_bold * {
  font-weight: bold; }

.set_boldoff, .set_boldoff * {
  font-weight: normal; }

.set_em, .set_em * {
  font-style: italic; }

.set_emoff, .set_emoff * {
  font-style: italic; }

.under_off {
  text-decoration: none; }

.underline_off, .underline_off * {
  text-decoration: none; }

.size10, .size10 * {
  font-size: 0.625rem !important;
  line-height: 0.8125rem !important; }

.size11, .size11 * {
  font-size: 0.6875rem !important;
  line-height: 0.875rem !important; }

.size12, .size12 * {
  font-size: 0.75rem !important;
  line-height: 0.9375rem !important; }

.size13, .size13 * {
  font-size: 0.8125rem !important;
  line-height: 1rem !important; }

.size14, .size14 * {
  font-size: 0.875rem !important;
  line-height: 1.25rem !important; }

/*to recreate*/
.size15, .size15 * {
  font-size: 0.9375rem !important;
  line-height: 1.125rem !important; }

.size16, .size16 * {
  font-size: 1rem !important;
  line-height: 1.1875rem !important; }

.size17, .size17 * {
  font-size: 1.0625rem !important;
  line-height: 1.25rem !important; }

.size18, .size18 * {
  font-size: 1.125rem !important;
  line-height: 1.3125rem !important; }

.size19, .size19 * {
  font-size: 1.1875rem !important;
  line-height: 1.375rem !important; }

.size20, .size20 * {
  font-size: 1.25rem !important;
  line-height: 1.4375rem !important; }

/*to recreate*/
.size21, .size21 * {
  font-size: 1.3125rem !important;
  line-height: 1.5rem !important; }

.size22, .size22 * {
  font-size: 1.375rem !important;
  line-height: 1.5625rem !important; }

.size23, .size23 * {
  font-size: 1.4375rem !important;
  line-height: 1.625rem !important; }

/* =============================== main_container [END] ============================= */
/* =============================== @mixin (wz-basic) [START] ======================== */
/* =============================== @mixin (wz-basic) [START] ======================== */
/* =============================== @mixin (wz-globals) [START] ====================== */
@-webkit-keyframes fade-in {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
@-moz-keyframes fade-in {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
@-ms-keyframes fade-in {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
@-o-keyframes fade-in {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
@keyframes fade-in {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
/* =============================== @mixin (wz-globals) [END] ======================== */
/* =============================== global [START] =================================== */
.show-for-medium, .show-for-large, .show-for-small-only {
  -webkit-animation: fade-in 1100ms;
  -moz-animation: fade-in 1100ms;
  -ms-animation: fade-in 1100ms;
  -o-animation: fade-in 1100ms;
  animation: fade-in 1100ms; }

.small-1, .small-2, .small-3, .small-4, .small-5, .small-6, .small-7, .small-8, .small-9, .small-10, .small-11, .small-12,
.medium-1, .medium-2, .medium-3, .medium-4, .medium-5, .medium-6, .medium-7, .medium-8, .medium-9, .medium-10, .medium-11, .medium-12,
.large-1, .large-2, .large-3, .large-4, .large-5, .large-6, .large-7, .large-8, .large-9, .large-10, .large-11, .large-12,
.xlarge-1, .xlarge-2, .xlarge-3, .xlarge-4, .xlarge-5, .xlarge-6, .xlarge-7, .xlarge-8, .xlarge-9, .xlarge-10, .xlarge-11, .xlarge-12 {
  -webkit-transition: width 300ms ease-in-out;
  -moz-transition: width 300ms ease-in-out;
  -ms-transition: width 300ms ease-in-out;
  -o-transition: width 300ms ease-in-out;
  transition: width 300ms ease-in-out; }

.rough.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transition-duration: 2500ms;
  transition-timing-function: ease;
  transition-delay: 0;
  opacity: 0;
  transition-property: opacity; }
.rough.mui-enter.mui-enter-active {
  opacity: 1; }

#content {
  background: #161616;
  padding-top: 3.125rem;
  padding-bottom: 3.125rem;
  -webkit-transition: padding-top 500ms ease-in-out;
  -moz-transition: padding-top 500ms ease-in-out;
  -ms-transition: padding-top 500ms ease-in-out;
  -o-transition: padding-top 500ms ease-in-out;
  transition: padding-top 500ms ease-in-out; }
  @media screen and (min-width: 40em) {
    #content {
      padding-top: 5rem; } }
  @media screen and (min-width: 64em) {
    #content {
      padding-top: 6.25rem; } }

.line1 {
  background: #323232;
  height: 0.0625rem;
  display: block; }

.contact_logo-align {
  text-align: center; }
  @media screen and (min-width: 40em) {
    .contact_logo-align {
      text-align: right; } }

.content_bg1 {
  background: url("../bca_graph/shared/single/content_bg1.jpg") center top no-repeat #161616 !important;
  background-size: cover !important; }

/* =============================== global [END] ===================================== */
/* =============================== top [START] ====================================== */
.top {
  background: #630000;
  padding: 0 0 0 0;
  width: 100%;
  position: fixed;
  -webkit-animation: fade-in 700ms;
  -moz-animation: fade-in 700ms;
  -ms-animation: fade-in 700ms;
  -o-animation: fade-in 700ms;
  animation: fade-in 700ms;
  -webkit-transition: padding 500ms ease-in-out;
  -moz-transition: padding 500ms ease-in-out;
  -ms-transition: padding 500ms ease-in-out;
  -o-transition: padding 500ms ease-in-out;
  transition: padding 500ms ease-in-out;
  -webkit-box-shadow: 0 4px 6px #000000;
  -moz-box-shadow: 0 4px 6px #000000;
  -ms-box-shadow: 0 4px 6px #000000;
  -o-box-shadow: 0 4px 6px #000000;
  box-shadow: 0 4px 6px #000000;
  z-index: 1000; }
  @media screen and (min-width: 20.0625em) {
    .top {
      padding: 3px 0 3px 0; } }
  @media screen and (min-width: 40em) and (max-width: 63.9375em) {
    .top {
      padding: 5px 0 5px 0; } }
  @media screen and (min-width: 64em) {
    .top {
      padding: 10px 0 10px 0; } }

.top_bg1 {
  background: #2f2f2f; }

.top_bg2 {
  background: #0a2246; }

.top_rt {
  line-height: 0;
  text-align: right; }

.top_logo img {
  max-height: 68px; }
  @media screen and (min-width: 0em) and (max-width: 39.9375em) {
    .top_logo img {
      max-height: 34px; } }

.top_menu {
  margin: 0;
  list-style-type: none;
  float: right; }
  .top_menu > li {
    display: table-cell;
    vertical-align: middle; }
    [data-whatinput='mouse'] .top_menu > li {
      outline: 0; }
  .top_menu > li > a {
    display: block;
    padding: 0.7rem 1rem;
    line-height: 1; }
  .top_menu input,
  .top_menu a,
  .top_menu button {
    margin-bottom: 0; }
  @media screen and (min-width: 40em) {
    .top_menu {
      max-height: 2.5rem;
      overflow: hidden; } }
  @media screen and (min-width: 48.75em) {
    .top_menu {
      max-height: none; } }

.top_menu li {
  float: left;
  margin-left: 7px;
  -webkit-transition: margin-left 500ms ease-in-out;
  -moz-transition: margin-left 500ms ease-in-out;
  -ms-transition: margin-left 500ms ease-in-out;
  -o-transition: margin-left 500ms ease-in-out;
  transition: margin-left 500ms ease-in-out; }
  @media screen and (min-width: 64em) {
    .top_menu li {
      margin-left: 14px; } }

.top_menu li a {
  background-color: #161616;
  border: 0.1875rem solid #525252;
  -webkit-border-radius: 0.8125rem;
  -moz-border-radius: 0.8125rem;
  -ms-border-radius: 0.8125rem;
  -o-border-radius: 0.8125rem;
  border-radius: 0.8125rem;
  padding: 0.625rem 0.625rem 0.625rem 0.625rem;
  font-size: 0.875rem;
  -webkit-transition: background-color 500ms ease-in-out, border-color 500ms ease-in-out, border-radius 500ms ease-in-out, padding 500ms ease-in-out, font-size 500ms ease-in-out, color 500ms ease-in-out;
  -moz-transition: background-color 500ms ease-in-out, border-color 500ms ease-in-out, border-radius 500ms ease-in-out, padding 500ms ease-in-out, font-size 500ms ease-in-out, color 500ms ease-in-out;
  -ms-transition: background-color 500ms ease-in-out, border-color 500ms ease-in-out, border-radius 500ms ease-in-out, padding 500ms ease-in-out, font-size 500ms ease-in-out, color 500ms ease-in-out;
  -o-transition: background-color 500ms ease-in-out, border-color 500ms ease-in-out, border-radius 500ms ease-in-out, padding 500ms ease-in-out, font-size 500ms ease-in-out, color 500ms ease-in-out;
  transition: background-color 500ms ease-in-out, border-color 500ms ease-in-out, border-radius 500ms ease-in-out, padding 500ms ease-in-out, font-size 500ms ease-in-out, color 500ms ease-in-out;
  text-shadow: 1px 1px 0 #000000; }
  @media screen and (min-width: 64em) {
    .top_menu li a {
      -webkit-border-radius: 1.125rem;
      -moz-border-radius: 1.125rem;
      -ms-border-radius: 1.125rem;
      -o-border-radius: 1.125rem;
      border-radius: 1.125rem;
      padding: 0.875rem 1.1875rem 0.875rem 1.1875rem;
      font-size: 1.1875rem; } }

.top_menu li a:hover {
  background-color: #ffffff;
  border-color: #ffffff;
  color: #ffffff; }

.top_menu li.active a {
  border-color: #ffffff; }

.top_menu .inner-main {
  margin-left: 0; }

.top_menu .inner-main a {
  background: url("../bca_graph/shared/single/ico_arrow-left.png") center center no-repeat #161616;
  width: 3.4375rem; }

.top_menu .inner-2d a {
  background-color: #2f2f2f;
  border: 0.1875rem solid #161616;
  color: #9f9f9f; }

.top_menu .inner-2d a:hover {
  background-color: #161616; }

.top_menu .inner-3d a {
  background-color: #0a2246;
  border: 0.1875rem solid #001739;
  color: #b6d3ff; }

.top_menu .inner-3d a:hover {
  background: #001739; }

.top_menu .inner-list {
  margin-left: 0; }

.top_menu .inner-list a {
  background: url("../bca_graph/shared/single/ico_list.png") center center no-repeat #161616;
  border: 0.125rem solid #525252;
  padding: 0.4375rem 0.4375rem 0.4375rem 0.4375rem;
  width: 3.125rem; }

.top_menu .inner-list a:hover {
  background-image: url("../bca_graph/shared/single/hover/ico_list.png"); }

.top_menu .inner-list.active a {
  background: url("../bca_graph/shared/single/hover/ico_arrow-up.png") center center no-repeat #ffffff; }

.top_menu .inner-x a {
  background: url("../bca_graph/shared/single/ico_x.png") center center no-repeat #161616;
  border: 0.125rem solid #525252;
  padding: 0.4375rem 0.4375rem 0.4375rem 0.4375rem;
  width: 3.125rem; }

.top_menu .inner-x a:hover {
  background-image: url("../bca_graph/shared/single/hover/ico_x.png"); }

.top_small {
  background: #424242;
  border-top: 1px solid #000000;
  border-bottom: 1px solid #000000;
  display: none; }

.top_small-show {
  display: block; }

.top_menu2 {
  margin: 0;
  padding: 0.625rem 0 0.375rem 0;
  background: none;
  list-style: none; }

.top_menu2 li {
  min-width: 80%;
  display: block;
  padding: 0 0 0.25rem 0; }

.top_menu2 li a {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  display: block;
  background: #000000;
  border: 0.0625rem solid #000000;
  color: #a0a0a0;
  padding: 0.1875rem 0.25rem 0.1875rem 0.25rem;
  text-align: center;
  font-size: 1rem;
  -webkit-transition: 500ms ease-in-out;
  -moz-transition: 500ms ease-in-out;
  -ms-transition: 500ms ease-in-out;
  -o-transition: 500ms ease-in-out;
  transition: 500ms ease-in-out; }

.top_menu2 li a:hover {
  background: #ffffff;
  border-color: #ffffff;
  color: #000000; }

.top_menu2 li.active a {
  border-color: #ffffff; }

/* =============================== top [END] ======================================== */
/* =============================== wz-reveal [START] ================================ */
.wz-reveal {
  background: #0099cc;
  width: 100%;
  min-width: 100%;
  min-height: 100%;
  left: 0;
  position: relative;
  overflow: hidden; }

.wz-reveal_source {
  display: none; }

.wz-reveal_close-lt,
.wz-reveal_close-cr,
.wz-reveal_close-rt {
  background: #2f2f2f;
  border: 0 solid #525252;
  position: absolute;
  overflow: visible;
  z-index: 100;
  text-align: center; }

.wz-reveal_close-rt {
  -webkit-border-radius: 0px 0px 0px 30px;
  -moz-border-radius: 0px 0px 0px 30px;
  -ms-border-radius: 0px 0px 0px 30px;
  -o-border-radius: 0px 0px 0px 30px;
  border-radius: 0px 0px 0px 30px;
  padding: 1.25rem 2.8125rem 1.25rem 2.8125rem;
  border-left-width: 5px;
  border-bottom-width: 5px;
  right: 0;
  top: 0; }

.wz-reveal_close-cr {
  -webkit-border-radius: 30px 30px 30px 30px;
  -moz-border-radius: 30px 30px 30px 30px;
  -ms-border-radius: 30px 30px 30px 30px;
  -o-border-radius: 30px 30px 30px 30px;
  border-radius: 30px 30px 30px 30px;
  width: 100%;
  padding: 0.3125rem 1.5625rem 0.3125rem 1.5625rem;
  border-width: 5px;
  position: relative;
  display: block; }

.wz-reveal_close-lt {
  -webkit-border-radius: 0px 0px 30px 0px;
  -moz-border-radius: 0px 0px 30px 0px;
  -ms-border-radius: 0px 0px 30px 0px;
  -o-border-radius: 0px 0px 30px 0px;
  border-radius: 0px 0px 30px 0px;
  padding: 1.25rem 2.8125rem 1.25rem 2.8125rem;
  border-right-width: 5px;
  border-bottom-width: 5px;
  left: 0;
  top: 0; }

.wz-reveal_close-lt, .wz-reveal_close-lt *,
.wz-reveal_close-cr, .wz-reveal_close-cr *,
.wz-reveal_close-rt, .wz-reveal_close-rt * {
  -webkit-transition: background 500ms ease-in-out, border 500ms ease-in-out;
  -moz-transition: background 500ms ease-in-out, border 500ms ease-in-out;
  -ms-transition: background 500ms ease-in-out, border 500ms ease-in-out;
  -o-transition: background 500ms ease-in-out, border 500ms ease-in-out;
  transition: background 500ms ease-in-out, border 500ms ease-in-out;
  font-size: 4.375rem;
  line-height: 4.375rem;
  color: #ff0000; }

.wz-reveal_close-lt:hover,
.wz-reveal_close-cr:hover,
.wz-reveal_close-rt:hover {
  background: #ffffff;
  border-color: #ffffff; }

/* =============================== wz-reveal [END] ================================== */
/* =============================== wz-anime-wait [START] ============================ */
.wz-anime-wait_bg-lt,
.wz-anime-wait_bg-cr,
.wz-anime-wait_bg-rt {
  width: 41px;
  height: 41px;
  position: absolute;
  left: -9999px;
  top: -9999px;
  overflow: hidden;
  z-index: 1007; }

.wz-anime-wait_bg-lt {
  background: url("../bca_graph/shared/webzones/anime-wait/anime-wait_bg-lt.png") 0 0 no-repeat; }

.wz-anime-wait_bg-cr {
  background: url("../bca_graph/shared/webzones/anime-wait/anime-wait_bg-cr.png") 0 0 no-repeat; }

.wz-anime-wait_bg-rt {
  background: url("../bca_graph/shared/webzones/anime-wait/anime-wait_bg-rt.png") 0 0 no-repeat; }

.wz-anime-wait_loading, .wz-anime-wait_neutral, .wz-anime-wait_success, .wz-anime-wait_error {
  width: 18px;
  height: 18px;
  position: absolute;
  left: 14px;
  top: 9px;
  overflow: hidden; }

.wz-anime-wait_success {
  background: url("../bca_graph/shared/webzones/anime-wait/anime-wait_success.gif") 0 0 no-repeat; }

.wz-anime-wait_loading {
  background: url("../bca_graph/shared/webzones/anime-wait/anime-wait_loading.gif") 0 0 no-repeat; }

.wz-anime-wait_neutral {
  background: url("../bca_graph/shared/webzones/anime-wait/anime-wait_neutral.gif") 0 0 no-repeat; }

.wz-anime-wait_error {
  background: url("../bca_graph/shared/webzones/anime-wait/anime-wait_error.gif") 0 0 no-repeat; }

.wz-anime-wait_bg-cr .wz-anime-wait_loading,
.wz-anime-wait_bg-cr .wz-anime-wait_neutral,
.wz-anime-wait_bg-cr .wz-anime-wait_success,
.wz-anime-wait_bg-cr .wz-anime-wait_error {
  left: 11px !important; }

.wz-anime-wait_bg-rt .wz-anime-wait_loading,
.wz-anime-wait_bg-rt .wz-anime-wait_neutral,
.wz-anime-wait_bg-rt .wz-anime-wait_success,
.wz-anime-wait_bg-rt .wz-anime-wait_error {
  left: 9px !important; }

/* =============================== wz-anime-wait [END] ============================== */
/* =============================== title [START] ==================================== */
.title {
  background: url("../bca_graph/shared/single/title_bg.png") 0 bottom repeat-x;
  padding: 0 0 0.625rem 0;
  margin-bottom: 1rem;
  max-width: 75rem;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 2; }
  .title::before, .title::after {
    content: ' ';
    display: table; }
  .title::after {
    clear: both; }
  @media screen and (min-width: 40em) {
    .title {
      padding-top: 0.625rem; } }
  @media screen and (min-width: 64em) {
    .title {
      padding-top: 1.25rem; } }

.title, .title * {
  color: #006726;
  -webkit-transition: font-size 500ms ease-in-out, line-height 500ms ease-in-out;
  -moz-transition: font-size 500ms ease-in-out, line-height 500ms ease-in-out;
  -ms-transition: font-size 500ms ease-in-out, line-height 500ms ease-in-out;
  -o-transition: font-size 500ms ease-in-out, line-height 500ms ease-in-out;
  transition: font-size 500ms ease-in-out, line-height 500ms ease-in-out; }

.title h1 {
  margin-bottom: 0; }
  @media screen and (min-width: 0em) and (max-width: 39.9375em) {
    .title h1 {
      font-size: 1.25rem;
      line-height: 1.375rem; } }
  @media screen and (min-width: 40em) {
    .title h1 {
      font-size: 1.875rem;
      line-height: 2rem; } }

.title_flags-ul {
  -webkit-box-sizing: cover-box;
  -moz-box-sizing: cover-box;
  -ms-box-sizing: cover-box;
  -o-box-sizing: cover-box;
  box-sizing: cover-box;
  width: 100%;
  margin-top: -2px;
  position: relative;
  float: right;
  overflow: hidden; }
  .title_flags-ul:before, .title_flags-ul:after {
    -webkit-box-sizing: cover-box;
    -moz-box-sizing: cover-box;
    -ms-box-sizing: cover-box;
    -o-box-sizing: cover-box;
    box-sizing: cover-box; }
  @media screen and (min-width: 40em) {
    .title_flags-ul {
      margin-top: 2px; } }

.title_flags-ul li {
  width: 27px;
  float: right;
  margin-left: 10px;
  display: inline-block;
  position: relative;
  overflow: hidden; }
  @media screen and (min-width: 40em) {
    .title_flags-ul li {
      width: 38px; } }

.title .inner-img {
  padding-bottom: 0.625rem; }
  @media screen and (min-width: 40em) {
    .title .inner-img {
      padding-bottom: 1.125rem; } }
  @media screen and (min-width: 64em) {
    .title .inner-img {
      padding-bottom: 1.625rem; } }

.title_style1, .title_style1 * {
  color: #df1c1c; }

/* =============================== title [END] ====================================== */
/* =============================== foot [START] ===================================== */
.foot {
  background: #000000;
  border-top: 0.0625rem solid #676767;
  padding-top: 1rem;
  padding-bottom: 0;
  position: relative;
  z-index: 3; }
  @media screen and (min-width: 75em) {
    .foot {
      padding-bottom: 1rem; } }

.foot, .foot * {
  font-size: 0.875rem;
  line-height: 1rem;
  color: #a4a4a4; }
  @media screen and (min-width: 40em) {
    .foot, .foot * {
      font-size: 0.8125rem;
      line-height: 0.9375rem; } }

.foot .link-f1 {
  margin-bottom: 1rem; }
  @media screen and (min-width: 75em) {
    .foot .link-f1 {
      margin: 0 0.3125rem 0 0.3125rem; } }

@media screen and (min-width: 75em) {
  #foot_menu {
    padding-top: 0.375rem; } }

#foot_rights, #foot_author {
  padding-top: 1rem;
  padding-bottom: 1rem; }

#foot_rights {
  background: #002f00;
  border-top: 0.0625rem solid #005823; }
  @media screen and (min-width: 75em) {
    #foot_rights {
      -webkit-border-radius: 1.5625rem 0 0 1.5625rem;
      -moz-border-radius: 1.5625rem 0 0 1.5625rem;
      -ms-border-radius: 1.5625rem 0 0 1.5625rem;
      -o-border-radius: 1.5625rem 0 0 1.5625rem;
      border-radius: 1.5625rem 0 0 1.5625rem;
      border: 0.0625rem solid #005823; } }
  @media screen and (min-width: 64em) {
    #foot_rights {
      padding-right: 0.125rem; } }

#foot_author {
  background: #2f0000;
  border-top: 0.0625rem solid #630000; }
  @media screen and (min-width: 40em) {
    #foot_author {
      padding-left: 0.3125rem; } }
  @media screen and (min-width: 75em) {
    #foot_author {
      -webkit-border-radius: 0 1.5625rem 1.5625rem 0;
      -moz-border-radius: 0 1.5625rem 1.5625rem 0;
      -ms-border-radius: 0 1.5625rem 1.5625rem 0;
      -o-border-radius: 0 1.5625rem 1.5625rem 0;
      border-radius: 0 1.5625rem 1.5625rem 0;
      border: 0.0625rem solid #630000; } }

/* =============================== foot [END] ======================================= */
/* =============================== link [START] ===================================== */
.link-f1, .link-f1:focus {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  display: block;
  background: #2f2f2f;
  border: 0.1875rem solid #525252;
  color: #a0a0a0;
  padding: 0.5rem 0.3125rem 0.5rem 0.3125rem;
  text-align: center;
  font-size: 1rem;
  -webkit-transition: background-color 500ms ease-in-out, border-color 500ms ease-in-out, color 500ms ease-in-out;
  -moz-transition: background-color 500ms ease-in-out, border-color 500ms ease-in-out, color 500ms ease-in-out;
  -ms-transition: background-color 500ms ease-in-out, border-color 500ms ease-in-out, color 500ms ease-in-out;
  -o-transition: background-color 500ms ease-in-out, border-color 500ms ease-in-out, color 500ms ease-in-out;
  transition: background-color 500ms ease-in-out, border-color 500ms ease-in-out, color 500ms ease-in-out; }

.link-f1:hover {
  border-color: #ffffff;
  background: #ffffff;
  color: #000000; }

.link-f2, .link-f3 {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  display: inline-block;
  background: #2f2f2f;
  border: 0.1875rem solid #525252;
  color: #a0a0a0;
  padding: 0.5rem 1.875rem 0.5rem 1.875rem;
  text-align: center;
  font-size: 1rem;
  -webkit-transition: background-color 500ms ease-in-out, border-color 500ms ease-in-out, color 500ms ease-in-out;
  -moz-transition: background-color 500ms ease-in-out, border-color 500ms ease-in-out, color 500ms ease-in-out;
  -ms-transition: background-color 500ms ease-in-out, border-color 500ms ease-in-out, color 500ms ease-in-out;
  -o-transition: background-color 500ms ease-in-out, border-color 500ms ease-in-out, color 500ms ease-in-out;
  transition: background-color 500ms ease-in-out, border-color 500ms ease-in-out, color 500ms ease-in-out; }

.link-f3 {
  background: #0a2246;
  border-color: #001739;
  color: #b6d3ff; }

.link-f2:hover, .link-f3:hover {
  border-color: #ffffff;
  background: #ffffff;
  color: #000000; }

.link-close1 {
  background: url("../bca_graph/shared/single/ico_x.png") center center no-repeat #161616;
  border: 0.125rem solid #525252;
  display: inline-block;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  border-radius: 25px;
  -webkit-transition: background 500ms ease-in-out, border-color 500ms ease-in-out, color 500ms ease-in-out;
  -moz-transition: background 500ms ease-in-out, border-color 500ms ease-in-out, color 500ms ease-in-out;
  -ms-transition: background 500ms ease-in-out, border-color 500ms ease-in-out, color 500ms ease-in-out;
  -o-transition: background 500ms ease-in-out, border-color 500ms ease-in-out, color 500ms ease-in-out;
  transition: background 500ms ease-in-out, border-color 500ms ease-in-out, color 500ms ease-in-out;
  padding: 0.875rem 0.875rem 0.875rem 0.875rem;
  border-width: 0.0625rem; }
  @media screen and (min-width: 40em) {
    .link-close1 {
      padding: 0.9375rem 0.9375rem 0.9375rem 0.9375rem;
      border-width: 0.125rem; } }

.link-close1:hover {
  background: url("../bca_graph/shared/single/hover/ico_x.png") center center no-repeat #ffffff;
  border-color: #ffffff;
  color: #000000; }

.link-flag1 img {
  background: #000000;
  border: 0.0625rem solid #323232;
  padding: 0.0625rem; }

.link-flag1:hover img {
  border-color: #ffffff;
  -webkit-transition: border-color 500ms ease-in-out;
  -moz-transition: border-color 500ms ease-in-out;
  -ms-transition: border-color 500ms ease-in-out;
  -o-transition: border-color 500ms ease-in-out;
  transition: border-color 500ms ease-in-out; }

/* =============================== link [END] ======================================= */
/* =============================== box-cookie [START] =============================== */
.box-cookie {
  background: #000000;
  margin-bottom: 1rem;
  border: 0.0625rem solid #505050;
  padding-top: 0.3125rem;
  padding-bottom: 0.375rem;
  -webkit-border-radius: 0 15px 0 15px;
  -moz-border-radius: 0 15px 0 15px;
  -ms-border-radius: 0 15px 0 15px;
  -o-border-radius: 0 15px 0 15px;
  border-radius: 0 15px 0 15px;
  position: relative;
  z-index: 2; }

@media screen and (min-width: 0em) and (max-width: 39.9375em) {
  .box-cookie, .box-cookie * {
    font-size: 0.8125rem; } }

@media screen and (min-width: 0em) and (max-width: 39.9375em) {
  .box-cookie p {
    margin-right: 0.625rem; } }

/* =============================== box-cookie [END] ================================= */
/* =============================== box-gallery1 [START] ============================= */
.box-gallery1 {
  max-width: 75rem;
  margin-left: auto;
  margin-right: auto; }
  .box-gallery1::before, .box-gallery1::after {
    content: ' ';
    display: table; }
  .box-gallery1::after {
    clear: both; }

.box-gallery1 .column {
  margin-bottom: 1.5625rem;
  text-align: center; }

.box-gallery1 a {
  background: #000000;
  display: inline-block;
  max-width: 100%;
  border: 2px solid #323232;
  -webkit-border-radius: 0 25px 0 0;
  -moz-border-radius: 0 25px 0 0;
  -ms-border-radius: 0 25px 0 0;
  -o-border-radius: 0 25px 0 0;
  border-radius: 0 25px 0 0;
  z-index: 1; }

.box-gallery1 a, .box-gallery1 a * {
  -webkit-transition: border-color 500ms ease-in-out, filter 500ms ease-in-out;
  -moz-transition: border-color 500ms ease-in-out, filter 500ms ease-in-out;
  -ms-transition: border-color 500ms ease-in-out, filter 500ms ease-in-out;
  -o-transition: border-color 500ms ease-in-out, filter 500ms ease-in-out;
  transition: border-color 500ms ease-in-out, filter 500ms ease-in-out; }

.box-gallery1 a img {
  border: 0.0625rem solid #000000;
  display: inline-block;
  -webkit-border-radius: 0 23px 0 0;
  -moz-border-radius: 0 23px 0 0;
  -ms-border-radius: 0 23px 0 0;
  -o-border-radius: 0 23px 0 0;
  border-radius: 0 23px 0 0;
  position: relative;
  float: left;
  overflow: hidden;
  z-index: 2;
  -webkit-filter: grayscale(95%) opacity(70%);
  -moz-filter: grayscale(95%) opacity(70%);
  -ms-filter: grayscale(95%) opacity(70%);
  -o-filter: grayscale(95%) opacity(70%);
  filter: grayscale(95%) opacity(70%);
  -webkit-transition: 500ms ease-in-out;
  -moz-transition: 500ms ease-in-out;
  -ms-transition: 500ms ease-in-out;
  -o-transition: 500ms ease-in-out;
  transition: 500ms ease-in-out; }

.box-gallery1 a:hover {
  border-color: #ff0000; }

.box-gallery1 a:hover img {
  -webkit-filter: grayscale(0%) opacity(90%);
  -moz-filter: grayscale(0%) opacity(90%);
  -ms-filter: grayscale(0%) opacity(90%);
  -o-filter: grayscale(0%) opacity(90%);
  filter: grayscale(0%) opacity(90%); }

.box-gallery1 .inner-circle {
  -webkit-box-sizing: initial;
  -moz-box-sizing: initial;
  -ms-box-sizing: initial;
  -o-box-sizing: initial;
  box-sizing: initial;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  background: #b70000;
  margin: -15px -50px -50px -15px;
  padding: 0.375rem 0.0625rem 0 0;
  width: 1.625rem;
  height: 1.3125rem;
  position: relative;
  float: left;
  overflow: hidden;
  z-index: 20;
  text-align: center;
  font-size: 0.6875rem;
  color: #ffffff;
  visibility: hidden; }
  .box-gallery1 .inner-circle:before, .box-gallery1 .inner-circle:after {
    -webkit-box-sizing: initial;
    -moz-box-sizing: initial;
    -ms-box-sizing: initial;
    -o-box-sizing: initial;
    box-sizing: initial; }

.box-gallery1 .inner-circle.active {
  visibility: visible; }

.tooltip1 {
  background: #005823 !important; }

.tooltip {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px; }

/* =============================== box-gallery1 [END] =============================== */
/* =============================== box-gallery2 [START] ============================= */
.box-gallery-2d {
  max-width: 75rem;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 10; }
  .box-gallery-2d::before, .box-gallery-2d::after {
    content: ' ';
    display: table; }
  .box-gallery-2d::after {
    clear: both; }

.box-gallery-2d .column {
  margin-bottom: 1.5625rem;
  text-align: center; }

.box-gallery-2d img {
  background: url("../bca_graph/shared/single/box-gallery-2d_bg1.png") 0 0 repeat;
  border: 0.1875rem dotted #eeeeee;
  padding: 0.625rem;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  border-radius: 25px; }
  @media screen and (min-width: 40em) {
    .box-gallery-2d img {
      padding: 0.9375rem;
      -webkit-border-radius: 35px;
      -moz-border-radius: 35px;
      -ms-border-radius: 35px;
      -o-border-radius: 35px;
      border-radius: 35px; } }

/* =============================== box-gallery2 [END] =============================== */
/* =============================== reveal-me [START] ================================ */
.reveal-me {
  background: #676767;
  width: 100%;
  min-width: 100%;
  min-height: 100%;
  left: 0;
  position: relative;
  overflow: hidden;
  -webkit-animation: fade-in 1700ms;
  -moz-animation: fade-in 1700ms;
  -ms-animation: fade-in 1700ms;
  -o-animation: fade-in 1700ms;
  animation: fade-in 1700ms; }

.reveal-me_source {
  display: none; }

.reveal-me_content {
  padding-top: 40px;
  position: relative;
  z-index: 50;
  -webkit-transition: padding 500ms ease-in-out;
  -moz-transition: padding 500ms ease-in-out;
  -ms-transition: padding 500ms ease-in-out;
  -o-transition: padding 500ms ease-in-out;
  transition: padding 500ms ease-in-out; }
  @media screen and (min-width: 40em) {
    .reveal-me_content {
      padding-top: 56px; } }
  @media screen and (min-width: 64em) {
    .reveal-me_content {
      padding-top: 74px; } }

.reveal-me_foot {
  max-width: 75rem;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 51; }
  .reveal-me_foot::before, .reveal-me_foot::after {
    content: ' ';
    display: table; }
  .reveal-me_foot::after {
    clear: both; }

.canvas-background {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  z-index: 1; }

.canvas-background.fade-in {
  opacity: 1;
  -webkit-transition: opacity 1s ease-out;
  -moz-transition: opacity 1s ease-out;
  -ms-transition: opacity 1s ease-out;
  -o-transition: opacity 1s ease-out;
  transition: opacity 1s ease-out; }

.canvas-background_off {
  display: none; }

.reveal-me_top {
  background: #2f2f2f;
  width: 100%;
  padding: 0.1875rem 0.375rem 0.1875rem 0.375rem;
  position: fixed;
  z-index: 1000;
  -webkit-box-shadow: 0 4px 6px #000000;
  -moz-box-shadow: 0 4px 6px #000000;
  -ms-box-shadow: 0 4px 6px #000000;
  -o-box-shadow: 0 4px 6px #000000;
  box-shadow: 0 4px 6px #000000; }

.reveal-me_top, .reveal-me_top * {
  -webkit-transition: 500ms ease-in-out;
  -moz-transition: 500ms ease-in-out;
  -ms-transition: 500ms ease-in-out;
  -o-transition: 500ms ease-in-out;
  transition: 500ms ease-in-out; }

.reveal-me_top .inner-logo {
  height: 34px;
  float: left; }
  @media screen and (min-width: 40em) {
    .reveal-me_top .inner-logo {
      height: 50px; } }
  @media screen and (min-width: 64em) {
    .reveal-me_top .inner-logo {
      height: 68px; } }

.reveal-me_top .inner-close {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-sizing: initial;
  -moz-box-sizing: initial;
  -ms-box-sizing: initial;
  -o-box-sizing: initial;
  box-sizing: initial;
  background: #161616;
  border: 0.125rem solid #525252;
  padding: 0.1875rem 0.625rem 0 0.625rem;
  float: right;
  height: 27px;
  min-width: 2.5rem;
  text-align: center; }
  .reveal-me_top .inner-close:before, .reveal-me_top .inner-close:after {
    -webkit-box-sizing: initial;
    -moz-box-sizing: initial;
    -ms-box-sizing: initial;
    -o-box-sizing: initial;
    box-sizing: initial; }
  @media screen and (min-width: 40em) {
    .reveal-me_top .inner-close {
      padding: 0.375rem 0.625rem 0 0.625rem;
      min-width: 3.75rem;
      height: 40px; } }
  @media screen and (min-width: 64em) {
    .reveal-me_top .inner-close {
      padding: 0.625rem 0.625rem 0 0.625rem;
      min-width: 5rem;
      height: 54px; } }

.reveal-me_top .inner-close, .reveal-me_top .inner-close * {
  font-size: 1.625rem;
  line-height: 1.625rem;
  color: #ff0000; }
  @media screen and (min-width: 40em) {
    .reveal-me_top .inner-close, .reveal-me_top .inner-close * {
      font-size: 2.25rem;
      line-height: 2.25rem; } }
  @media screen and (min-width: 64em) {
    .reveal-me_top .inner-close, .reveal-me_top .inner-close * {
      font-size: 2.875rem;
      line-height: 2.875rem; } }

.reveal-me_top .inner-close:hover {
  background: #ffffff;
  border-color: #ffffff; }

.reveal-me_top .inner-close:hover, .reveal-me_top .inner-close:hover * {
  color: #000000; }

.reveal-me_bg1 {
  background: #161616; }

.reveal-me_bg1 .reveal-me_top {
  background: #0a2246; }

/* =============================== reveal-me [END] ================================== */
/* =============================== box-portfolio [START] ============================ */
.box-portfolio, .box-portfolio2 {
  border: 0.1875rem solid #525252;
  background: #161616;
  margin-top: -0.625rem;
  padding: 0.625rem 0 1rem 0;
  max-width: 75rem;
  margin-left: auto;
  margin-right: auto;
  -webkit-border-radius: 0 0 25px 25px;
  -moz-border-radius: 0 0 25px 25px;
  -ms-border-radius: 0 0 25px 25px;
  -o-border-radius: 0 0 25px 25px;
  border-radius: 0 0 25px 25px;
  position: relative;
  z-index: 2; }
  .box-portfolio::before, .box-portfolio::after, .box-portfolio2::before, .box-portfolio2::after {
    content: ' ';
    display: table; }
  .box-portfolio::after, .box-portfolio2::after {
    clear: both; }

@media screen and (min-width: 0em) and (max-width: 39.9375em) {
  .box-portfolio .title {
    padding-top: 1rem; } }

.box-portfolio2 {
  background: #161616;
  background: rgba(22, 22, 22, 0.8);
  -webkit-border-radius: 25px 25px 25px 25px;
  -moz-border-radius: 25px 25px 25px 25px;
  -ms-border-radius: 25px 25px 25px 25px;
  -o-border-radius: 25px 25px 25px 25px;
  border-radius: 25px 25px 25px 25px; }

/* =============================== box-portfolio [END] ============================== */
/* =============================== box-sep1_up [START] ============================== */
.box-sep1_up {
  margin-top: 0.9375rem;
  -webkit-transition: margin-top 500ms ease-in-out;
  -moz-transition: margin-top 500ms ease-in-out;
  -ms-transition: margin-top 500ms ease-in-out;
  -o-transition: margin-top 500ms ease-in-out;
  transition: margin-top 500ms ease-in-out; }
  @media screen and (min-width: 40em) {
    .box-sep1_up {
      margin-top: 1.5625rem; } }
  @media screen and (min-width: 64em) {
    .box-sep1_up {
      margin-top: 2.1875rem; } }

.box-sep1_ver {
  margin-top: 0.9375rem;
  margin-bottom: 0.9375rem;
  -webkit-transition: margin-top 500ms ease-in-out, margin-bottom 500ms ease-in-out;
  -moz-transition: margin-top 500ms ease-in-out, margin-bottom 500ms ease-in-out;
  -ms-transition: margin-top 500ms ease-in-out, margin-bottom 500ms ease-in-out;
  -o-transition: margin-top 500ms ease-in-out, margin-bottom 500ms ease-in-out;
  transition: margin-top 500ms ease-in-out, margin-bottom 500ms ease-in-out; }
  @media screen and (min-width: 40em) {
    .box-sep1_ver {
      margin-top: 1.5625rem;
      margin-bottom: 1.5625rem; } }
  @media screen and (min-width: 64em) {
    .box-sep1_ver {
      margin-top: 2.1875rem;
      margin-bottom: 2.1875rem; } }

/* =============================== box-sep1_up [END] ================================ */
/* =============================== box-tech [START] ================================= */
.box-tech {
  display: block; }

.box-tech .inner-title h1, .box-tech .inner-title h2, .box-tech .inner-title h3,
.box-tech .inner-title h4, .box-tech .inner-title h5, .box-tech .inner-title h6 {
  margin-bottom: 0; }

.box-tech .inner-title {
  padding: 0.25rem 0.625rem 0.1875rem 0.625rem;
  margin: 0; }

.box-tech .inner-content {
  padding: 1rem 0.625rem 1rem 0.625rem; }

@media screen and (min-width: 0em) and (max-width: 39.9375em) {
  .box-tech .inner-title, .box-tech .inner-content {
    padding-left: 0.3125rem;
    padding-right: 0.3125rem; } }

.box-tech_bg1 .inner-title * {
  color: #a2dea2; }

.box-tech_bg1 .inner-title {
  background: #005823; }

.box-tech_bg1 {
  background: #002f00; }

.box-tech_bg2 .inner-title * {
  color: #e19696; }

.box-tech_bg2 .inner-title {
  background: #630000; }

.box-tech_bg2 {
  background: #2f0000; }

/* =============================== box-tech [END] =================================== */
/* =============================== box-tech2 [START] ================================ */
.box-tech2 {
  background: #525252;
  padding: 1rem 1rem 1rem 1rem; }
  @media screen and (min-width: 0em) and (max-width: 39.9375em) {
    .box-tech2 {
      padding: 0.625rem 0.625rem 0.625rem 0.625rem; } }

.box-tech2_ul {
  padding: 0;
  margin: 0; }

.box-tech2_ul li {
  -webkit-border-radius: 5px 20px 20px 5px;
  -moz-border-radius: 5px 20px 20px 5px;
  -ms-border-radius: 5px 20px 20px 5px;
  -o-border-radius: 5px 20px 20px 5px;
  border-radius: 5px 20px 20px 5px;
  background: url("../bca_graph/shared/single/box-tech2_ul-bg1.png") 0 center no-repeat #000000;
  border: 0.125rem solid #ff0000;
  display: inline-block;
  list-style: none;
  padding: 0.3125rem 1.5625rem 0.3125rem 1.5625rem;
  margin: 0.3125rem 0.625rem 0.3125rem 0; }
  @media screen and (min-width: 0em) and (max-width: 39.9375em) {
    .box-tech2_ul li {
      display: block;
      margin-right: 0; } }

.box-tech2_ul li, .box-tech2_ul li * {
  color: #ffffff; }

/* =============================== box-tech2 [END] ================================== */
/* =============================== box-gallery2 [START] ============================= */
.box-gallery2 {
  max-width: 75rem;
  margin-left: auto;
  margin-right: auto; }
  .box-gallery2::before, .box-gallery2::after {
    content: ' ';
    display: table; }
  .box-gallery2::after {
    clear: both; }

.box-gallery2 .column {
  margin-bottom: 15px; }

.box-gallery2 .inner-link img {
  background: #000000;
  border: 0.0625rem solid #505050;
  padding: 0.0625rem; }

/*
.test1 img{
  background:url("../bca_graph/portfolio/footages/liquid-pumped/project_main3.jpg") 0 0 no-repeat #005823;
  background-size:100% 200%;
  border:rem-calc(1) solid #505050;
  padding:rem-calc(1);
  @include wz-transition(300ms ease-in-out);
}

.test1 img:hover{
  //background-size:100% 200%;

  background-position:0 bottom;
}*/
/* =============================== box-gallery2 [END] =============================== */
/* =============================== box-gallery3 [START] ============================= */
.box-gallery3 {
  max-width: 75rem;
  margin-left: auto;
  margin-right: auto; }
  .box-gallery3::before, .box-gallery3::after {
    content: ' ';
    display: table; }
  .box-gallery3::after {
    clear: both; }

.box-gallery3 .column {
  margin-bottom: 15px; }

.box-gallery3 .inner-link img {
  background: none;
  -webkit-transition: 500ms ease-in-out;
  -moz-transition: 500ms ease-in-out;
  -ms-transition: 500ms ease-in-out;
  -o-transition: 500ms ease-in-out;
  transition: 500ms ease-in-out; }

.box-gallery3 .inner-link:hover img {
  background: #ffffff; }

.box-gallery3 .inner-circle {
  -webkit-box-sizing: initial;
  -moz-box-sizing: initial;
  -ms-box-sizing: initial;
  -o-box-sizing: initial;
  box-sizing: initial;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  background: #b70000;
  margin: -10px -50px -50px -10px;
  padding: 0.375rem 0.0625rem 0 0;
  width: 1.625rem;
  height: 1.3125rem;
  position: relative;
  float: left;
  overflow: hidden;
  z-index: 20;
  text-align: center;
  font-size: 0.6875rem;
  color: #ffffff;
  visibility: hidden; }
  .box-gallery3 .inner-circle:before, .box-gallery3 .inner-circle:after {
    -webkit-box-sizing: initial;
    -moz-box-sizing: initial;
    -ms-box-sizing: initial;
    -o-box-sizing: initial;
    box-sizing: initial; }

.box-gallery3 .inner-circle.active {
  visibility: visible; }

.box-gallery3 .inner-number {
  -webkit-box-sizing: initial;
  -moz-box-sizing: initial;
  -ms-box-sizing: initial;
  -o-box-sizing: initial;
  box-sizing: initial;
  -webkit-border-radius: 0 0 0 50%;
  -moz-border-radius: 0 0 0 50%;
  -ms-border-radius: 0 0 0 50%;
  -o-border-radius: 0 0 0 50%;
  border-radius: 0 0 0 50%;
  background: #0a2246;
  margin: 1px 1px -50px -50px;
  padding: 0.3125rem 0.0625rem 0 0;
  width: 1.625rem;
  height: 1.25rem;
  position: relative;
  float: right;
  overflow: hidden;
  z-index: 20;
  text-align: center;
  font-size: 0.6875rem;
  color: #b6d3ff; }
  .box-gallery3 .inner-number:before, .box-gallery3 .inner-number:after {
    -webkit-box-sizing: initial;
    -moz-box-sizing: initial;
    -ms-box-sizing: initial;
    -o-box-sizing: initial;
    box-sizing: initial; }

/* =============================== box-gallery3 [END] =============================== */
/* =============================== slider-s1 [START] ================================ */
.slider-s1_parent {
  background: #000000;
  border: 1px solid #505050;
  padding: 1px;
  position: relative;
  overflow: hidden; }

.slider-s1 {
  position: relative;
  margin: 0 auto 0 auto;
  width: 1200px;
  height: 675px;
  overflow: hidden;
  visibility: hidden; }

.slider-s1 .inner_imgages {
  position: relative;
  width: 1200px;
  height: 675px;
  top: 0;
  left: 0;
  overflow: hidden; }

.slider-s1 .inner_arrow-lt, .slider-s1 .inner_arrow-rt {
  background: #161616;
  background: rgba(22, 22, 22, 0.7);
  position: absolute;
  overflow: hidden;
  cursor: pointer; }

.slider-s1 .inner_arrow-lt:hover, .slider-s1 .inner_arrow-rt:hover {
  background: white;
  background: rgba(255, 255, 255, 0.8); }

.slider-s1 .inner_arrow-lt, .slider-s1 .inner_arrow-lt *,
.slider-s1 .inner_arrow-rt, .slider-s1 .inner_arrow-rt * {
  font-size: 5rem;
  line-height: 2.5rem;
  color: #ff0000;
  -webkit-transition: 500ms ease-in-out;
  -moz-transition: 500ms ease-in-out;
  -ms-transition: 500ms ease-in-out;
  -o-transition: 500ms ease-in-out;
  transition: 500ms ease-in-out; }

.slider-s1 .inner_arrow-lt:hover, .slider-s1 .inner_arrow-lt:hover *,
.slider-s1 .inner_arrow-rt:hover, .slider-s1 .inner_arrow-rt:hover * {
  color: #000000; }

.slider-s1 .inner_arrow-lt {
  -webkit-border-radius: 0 100px 100px 0;
  -moz-border-radius: 0 100px 100px 0;
  -ms-border-radius: 0 100px 100px 0;
  -o-border-radius: 0 100px 100px 0;
  border-radius: 0 100px 100px 0;
  border-left-width: 0;
  padding: 1.875rem 1.875rem 1.875rem 1.25rem;
  left: -1px; }

.slider-s1 .inner_arrow-rt {
  -webkit-border-radius: 100px 0 0 100px;
  -moz-border-radius: 100px 0 0 100px;
  -ms-border-radius: 100px 0 0 100px;
  -o-border-radius: 100px 0 0 100px;
  border-radius: 100px 0 0 100px;
  border-right-width: 0;
  padding: 1.875rem 1.25rem 1.875rem 1.875rem;
  right: 0; }

/* =============================== slider-s1 [START] ================================ */
/* =============================== table-s1 [START] ================================= */
@media screen and (min-width: 0em) and (max-width: 39.9375em) {
  .table-s1 thead {
    display: none; }
  .table-s1 tfoot {
    display: none; }
  .table-s1 tr,
  .table-s1 th,
  .table-s1 td {
    display: block; }
  .table-s1 td {
    border-top: 0; } }
@media screen and (min-width: 40em) {
  .table-s1 {
    width: 100%;
    margin-bottom: 1rem;
    border-radius: 0; }
    thead,
    tbody,
    tfoot {
      border: 1px solid #f1f1f1;
      background-color: #fefefe; }

    caption {
      font-weight: bold;
      padding: 0.5rem 0.625rem 0.625rem; }

    thead,
    tfoot {
      background: #f8f8f8;
      color: #9f9f9f; }
      thead tr,
      tfoot tr {
        background: transparent; }
      thead th,
      thead td,
      tfoot th,
      tfoot td {
        padding: 0.5rem 0.625rem 0.625rem;
        font-weight: bold;
        text-align: left; }

    tbody th,
    tbody td {
      padding: 0.5rem 0.625rem 0.625rem; } }

.table-s1 thead, tbody, tfoot {
  background: none;
  border: none; }

.table-s1 thead, tfoot {
  background: black;
  background: rgba(0, 0, 0, 0.3);
  color: #5383b9; }

.table-s1 tbody {
  background: #323232;
  background: rgba(50, 50, 50, 0.3); }

.table-s1 tbody tr:nth-child(even) {
  background: #505050;
  background: rgba(50, 50, 50, 0.3); }

@media screen and (min-width: 0em) and (max-width: 39.9375em) {
  .table-s1 tbody tr {
    padding-top: 0.3125rem;
    padding-bottom: 0.3125rem; } }

@media screen and (min-width: 0em) and (max-width: 39.9375em) {
  .table-s1 tbody th, .table-s1 tbody td {
    padding-top: 0.0625rem;
    padding-bottom: 0.0625rem; } }

/* =============================== table-s1 [END] =================================== */
/* =============================== tag-s1 [START] =================================== */
.tag-s1 {
  background: #323232;
  background: rgba(50, 50, 50, 0.4);
  display: inline-block;
  border: 0.0625rem solid #505050;
  color: #9f9f9f;
  padding: 0.1875rem 1.125rem 0.1875rem 0.5rem;
  -webkit-border-radius: 0 15px 15px 0;
  -moz-border-radius: 0 15px 15px 0;
  -ms-border-radius: 0 15px 15px 0;
  -o-border-radius: 0 15px 15px 0;
  border-radius: 0 15px 15px 0; }
  @media screen and (min-width: 0em) and (max-width: 39.9375em) {
    .tag-s1 {
      padding: 0.0625rem 0.5rem 0.0625rem 0.1875rem; } }

.tag-s1, .tag-s1 * {
  -webkit-transition: 500ms ease-in-out;
  -moz-transition: 500ms ease-in-out;
  -ms-transition: 500ms ease-in-out;
  -o-transition: 500ms ease-in-out;
  transition: 500ms ease-in-out; }

.tag-s1 .inner-hash {
  color: #df1c1c;
  padding-right: 0.5625rem; }
  @media screen and (min-width: 0em) and (max-width: 39.9375em) {
    .tag-s1 .inner-hash {
      padding-right: 0.25rem; } }

.tag-s1_content .tag-s1 {
  margin: 0.9375rem 0.9375rem 0 0; }
  @media screen and (min-width: 0em) and (max-width: 39.9375em) {
    .tag-s1_content .tag-s1 {
      margin: 0.625rem 0.625rem 0 0; } }

/* =============================== tag-s1 [END] ===================================== */
/* =============================== portfolio-3d_bg [START] ========================== */
.portfolio-3d_bg-cubes-a1 {
  background: url("../bca_graph/portfolio/footages/cubes-a1/project_bg-default.jpg") center top no-repeat #161616;
  background-size: cover; }

.portfolio-3d_bg-domino-a1 {
  background: url("../bca_graph/portfolio/footages/domino-a1/project_bg-default.jpg") center top no-repeat #161616;
  background-size: cover; }

.portfolio-3d_bg-domino-a2 {
  background: url("../bca_graph/portfolio/footages/domino-a2/project_bg-default.jpg") center top no-repeat #161616;
  background-size: cover; }

.portfolio-3d_bg-domino-a3 {
  background: url("../bca_graph/portfolio/footages/domino-a3/project_bg-default.jpg") center top no-repeat #161616;
  background-size: cover; }

.portfolio-3d_bg-water-a1 {
  background: url("../bca_graph/portfolio/footages/water-a1/project_bg-default.jpg") center top no-repeat #161616;
  background-size: cover; }

.portfolio-3d_bg-delusion-light-mirror-a1 {
  background: url("../bca_graph/portfolio/footages/delusion-light-mirror-a1/project_bg-default.jpg") center top no-repeat #161616;
  background-size: cover; }

.portfolio-3d_bg-delusion-light-mirror-a2 {
  background: url("../bca_graph/portfolio/footages/delusion-light-mirror-a2/project_bg-default.jpg") center top no-repeat #161616;
  background-size: cover; }

.portfolio-3d_bg-delusion-light-mirror-a3 {
  background: url("../bca_graph/portfolio/footages/delusion-light-mirror-a3/project_bg-default.jpg") center top no-repeat #161616;
  background-size: cover; }

.portfolio-3d_bg-delusion-light-mirror-a4 {
  background: url("../bca_graph/portfolio/footages/delusion-light-mirror-a4/project_bg-default.jpg") center top no-repeat #161616;
  background-size: cover; }

.portfolio-3d_bg-cube-wireframe-a1 {
  background: url("../bca_graph/portfolio/footages/cube-wireframe-a1/project_bg-default.jpg") center top no-repeat #161616;
  background-size: cover; }

.portfolio-3d_bg-cube-wireframe-a2 {
  background: url("../bca_graph/portfolio/footages/cube-wireframe-a2/project_bg-default.jpg") center top no-repeat #161616;
  background-size: cover; }

.portfolio-3d_bg-cube-wireframe-a3 {
  background: url("../bca_graph/portfolio/footages/cube-wireframe-a3/project_bg-default.jpg") center top no-repeat #161616;
  background-size: cover; }

.portfolio-3d_bg-cube-wireframe-a4 {
  background: url("../bca_graph/portfolio/footages/cube-wireframe-a4/project_bg-default.jpg") center top no-repeat #161616;
  background-size: cover; }

.portfolio-3d_bg-rhombicuboctahedron-a1 {
  background: url("../bca_graph/portfolio/footages/rhombicuboctahedron-a1/project_bg-default.jpg") center top no-repeat #161616;
  background-size: cover; }

.portfolio-3d_bg-rhombicuboctahedron-a1 {
  background: url("../bca_graph/portfolio/footages/rhombicuboctahedron-a1/project_bg-default.jpg") center top no-repeat #161616;
  background-size: cover; }

.portfolio-3d_bg-rhombicuboctahedron-a2 {
  background: url("../bca_graph/portfolio/footages/rhombicuboctahedron-a2/project_bg-default.jpg") center top no-repeat #161616;
  background-size: cover; }

.portfolio-3d_bg-rhombicuboctahedron-a3 {
  background: url("../bca_graph/portfolio/footages/rhombicuboctahedron-a3/project_bg-default.jpg") center top no-repeat #161616;
  background-size: cover; }

.portfolio-3d_bg-rhombicuboctahedron-a4 {
  background: url("../bca_graph/portfolio/footages/rhombicuboctahedron-a4/project_bg-default.jpg") center top no-repeat #161616;
  background-size: cover; }

/* =============================== portfolio-3d_bg [END] ============================ */

/*# sourceMappingURL=style.css.map */