.bgc0 {
  background-color: #8d8d8d;
}
.bgc1 {
  background-color: #b00516;
}
.bgc2 {
  background-color: #ea7004;
}
.bgc3 {
  background-color: #d93046;
}
.bgc4 {
  background-color: #1e5277;
}
.bgc5 {
  background-color: #edeaea;
}
.bgc6 {
  background-color: #f7f4f4;
}
.bgc7 {
  background-color: #6f6f6f;
}
.bgc8 {
  background-color: #290622;
}
.bgc9 {
  background-color: #820C30;
}
.bgc10 {
  background-color: #484848;
}
.bgc11 {
  background-color: #343434;
}
.bgmain {
  background-color: #c31b21;
}
.c0 {
  color: #8d8d8d;
}
.c1 {
  color: #b00516;
}
.c2 {
  color: #ea7004;
}
.c3 {
  color: #d93046;
}
.c4 {
  color: #1e5277;
}
.c5 {
  color: #edeaea;
}
.c6 {
  color: #f7f4f4;
}
.c7 {
  color: #6f6f6f;
}
.c8 {
  color: #290622;
}
.c9 {
  color: #820C30;
}
.c10 {
  color: #484848;
}
.c11 {
  color: #343434;
}
.cmain {
  color: #c31b21;
}
.cwhite {
  color: #fff;
}
.cblack {
  color: #000;
}
.bgwhite {
  background-color: #fff;
}
.bgwhite20 {
  background-color: rgba(255,255,255,0.2);
}
.bgblack {
  background-color: #000;
}
.brc0 {
  border-color: #8d8d8d;
}
.brc1 {
  border-color: #b00516;
}
.brc2 {
  border-color: #ea7004;
}
.brc3 {
  border-color: #d93046;
}
.brc4 {
  border-color: #1e5277;
}
.brc5 {
  border-color: #edeaea;
}
.brc6 {
  border-color: #f7f4f4;
}
.brc7 {
  border-color: #6f6f6f;
}
.brc8 {
  border-color: #290622;
}
.brc9 {
  border-color: #820C30;
}
.brc10 {
  border-color: #484848;
}
.brc11 {
  border-color: #343434;
}
@keyframes colorchange {
  20% {
    background: #c31b21;
  }
  40% {
    background: #f8d90d;
  }
  50% {
    background: #d80072;
  }
  65% {
    background: #63b1e3;
  }
  100% {
    background: #c31b21;
  }
}
.animate-in {
  animation: in 0.6s ease forwards;
}
@keyframes in {
  0% {
    opacity: 0.1;
    transform-origin: bottom;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes colorchange {
  20% {
    background: #c31b21;
  }
  40% {
    background: #f8d90d;
  }
  50% {
    background: #d80072;
  }
  75% {
    background: #63b1e3;
  }
  100% {
    background: #c31b21;
  }
}
.shadow2 {
  -webkit-box-shadow: 0 18px 17px -9px rgba(50,50,50,0.25);
  -moz-box-shadow: 0 18px 17px -9px rgba(50,50,50,0.25);
  box-shadow: 0 18px 17px -9px rgba(50,50,50,0.25);
  transition: all 0.3s;
}
.red {
  background: red;
}
.h70 {
  height: 70% !important;
}
.h70 text {
  position: absolute;
  bottom: /3 !important;
}
.h60 {
  height: 60% !important;
}
@media screen and (max-width: 37.5em) {
  .h60 {
    height: 70% !important;
  }
}
.h60 text {
  position: absolute;
  bottom: /3 !important;
}
.h50 {
  height: 50% !important;
}
.h50 text {
  position: absolute;
  bottom: /3 !important;
}
.vh50 {
  min-height: 50vh !important;
}
.h30 {
  height: 30% !important;
}
.fLeft {
  float: left;
}
.fRight {
  float: right;
}
.text-center {
  text-align: center !important;
}
.text-left {
  text-align: left !important;
}
.text-right {
  text-align: right !important;
}
.text-justify {
  text-align: justify !important;
  text-align-last: left;
}
.nobreak {
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid;
  white-space: nowrap;
}
.nobreak a {
  display: inline-block;
  margin: 0 7px;
  padding: 10.5px 21px;
}
.w100 {
  box-sizing: border-box;
  width: 100%;
  height: auto;
}
.w75 {
  display: inline-block;
  box-sizing: border-box;
  width: 100%;
}
@media screen and (min-width: 64.063em) {
  .w75 {
    width: 75%;
  }
}
.w50 {
  box-sizing: border-box;
  width: 50%;
}
@media screen and (max-width: 68.75em) {
  .w50 {
    width: 100%;
    text-align: center;
  }
}
@media screen and (min-width: 68.75em) {
  .w50 {
    width: 50%;
    text-align: left;
  }
}
@media screen and (min-width: 90.063em) {
  .w50 {
    width: 50%;
  }
}
@media screen and (min-width: 120.063em) {
  .w50 {
    width: 50%;
  }
}
.w25 {
  box-sizing: border-box;
  width: 100%;
}
@media screen and (min-width: 64.063em) {
  .w25 {
    display: inline-block;
    width: 25%;
  }
}
.w33 {
  display: inline-block;
  box-sizing: border-box;
  width: 33%;
}
@media screen and (max-width: 37.5em) {
  .w33 {
    width: 100%;
  }
}
.padRight {
  box-sizing: border-box;
  padding-right: 42px;
}
@media screen and (min-width: 68.75em) {
  .padRight {
    padding-right: 84px;
  }
}
@media screen and (min-width: 90.063em) {
  .padRight {
    padding-right: 168px;
  }
}
.padRight1 {
  box-sizing: border-box;
  padding-right: 21px;
}
@media screen and (min-width: 68.75em) {
  .padRight1 {
    padding-right: 21px;
  }
}
@media screen and (min-width: 90.063em) {
  .padRight1 {
    padding-right: 21px;
  }
}
.padRight2 {
  box-sizing: border-box;
  padding-right: 21px;
}
@media screen and (min-width: 68.75em) {
  .padRight2 {
    padding-right: 42px;
  }
}
@media screen and (min-width: 90.063em) {
  .padRight2 {
    padding-right: 84px;
  }
}
.padLeft {
  box-sizing: border-box;
  padding-left: 42px;
}
@media screen and (min-width: 68.75em) {
  .padLeft {
    padding-left: 84px;
  }
}
@media screen and (min-width: 90.063em) {
  .padLeft {
    padding-left: 168px;
  }
}
.padLeft2 {
  box-sizing: border-box;
  padding-left: 21px;
}
@media screen and (min-width: 68.75em) {
  .padLeft2 {
    padding-left: 42px;
  }
}
@media screen and (min-width: 90.063em) {
  .padLeft2 {
    padding-left: 84px;
  }
}
.padFrameBig {
  box-sizing: border-box;
}
@media screen and (min-width: 68.75em) {
  .padFrameBig {
    padding: 0rem 84px;
  }
}
@media screen and (min-width: 90.063em) {
  .padFrameBig {
    padding: 0rem 168px;
  }
}
.padFrame1 {
  box-sizing: border-box;
  padding: 0.1rem 21px;
}
.padFrame2 {
  box-sizing: border-box;
  padding: 0.1rem 42px;
}
@media screen and (min-width: 37.5em) {
  .padFrame2 {
    padding: 0rem 42px;
  }
}
@media screen and (min-width: 90.063em) {
  .padFrame2 {
    padding: 0rem 42px;
  }
}
.padTop {
  box-sizing: border-box;
  padding-top: 21px;
}
@media screen and (min-width: 68.75em) {
  .padTop {
    padding-top: 42px;
  }
}
@media screen and (min-width: 68.75em) {
  .padTopBig {
    padding-top: 84px;
  }
}
.padBot {
  box-sizing: border-box;
  padding-bottom: 21px !important;
}
@media screen and (min-width: 68.75em) {
  .padBot {
    padding-bottom: 42px !important;
  }
}
.padTop2 {
  box-sizing: border-box;
  padding-top: 21px !important;
}
.padBot2 {
  box-sizing: border-box;
  padding-bottom: 21px !important;
}
@media screen and (max-width: 68.063em) {
  .padTopSmall {
    padding-top: 42px;
  }
}
@media screen and (max-width: 68.063em) {
  .padBotSmall {
    padding-bottom: 42px;
  }
}
.marBot {
  box-sizing: border-box;
  margin-bottom: 84px !important;
  display: inline-block;
}
.marBot2 {
  box-sizing: border-box;
  margin-bottom: 42px !important;
  display: inline-block;
}
.marAuto {
  margin: 0 auto;
}
.max50 {
  max-width: 50% !important;
}
.max25 {
  max-width: 25% !important;
}
.button2k.on,
.button2k:active {
  color: #c31b21;
  border-color: #c31b21;
}
.button {
  position: relative;
  text-align: center;
  font-size: 100%;
  line-height: 120%;
  transform-origin: center center;
  -webkit-transform-origin: center center;
  -webkit-transition: 0.15s ease-out;
  -moz-transition: 0.15s ease-out;
  -ms-transition: 0.15s ease-out;
  -o-transition: 0.15s ease-out;
  transition: 0.15s ease-out;
  border-radius: 0;
  -webkit-appearance: none;
  border: 2px solid transparent;
  font-size: 90%;
  letter-spacing: 0.5px;
  font-weight: 600;
  box-sizing: border-box;
  padding: 0 16.8px;
  padding-top: 10.5px !important;
  padding-bottom: 10.5px !important;
  margin: 0;
}
@media screen and (min-width: 68.75em) {
  .button {
    padding: 0 84px;
  }
}
@media screen and (min-width: 90.063em) {
  .button {
    padding: 0 168px;
  }
}
.button:hover,
.button.mouseover {
  border-color: inherit !important;
  border-color: inherit;
}
.trans {
  background-color: transparent !important;
  border-color: #a6a6a6;
  color: #808080;
}
.trans:hover {
  color: #000000;
}
.arrow {
  position: absolute;
  display: block;
  top: 0px;
  left: calc(100%);
  width: 0px;
  height: 0px;
  border-top: 14px solid transparent;
  border-bottom: 14px solid transparent;
  border-right: 12px solid #b00516;
}
.arrow2 {
  position: absolute;
  display: block;
  top: 0px;
  right: calc(100%);
  width: 0px;
  height: 0px;
  border-top: 14px solid transparent;
  border-bottom: 14px solid transparent;
  border-right: 12px solid #b00516;
}
.pointerevents {
  pointer-events: all;
}
.nopointerevents {
  pointer-events: none;
}
.noPaddingH {
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.noPaddingV {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
.noMargin {
  margin: 0;
}
.wAUTO {
  width: auto;
}
@media screen and (min-width: 68.75em) {
  .wAUTO {
    max-width: 50%;
  }
}
.hAUTO {
  height: auto;
}
.mAUTO {
  margin: 0 auto;
}
.nobrake {
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid;
  display: inline-block;
}
.font2rem {
  font-size: 2.5rem;
}
.headerspace h2,
.headerspace h3 {
  padding-bottom: 14px;
}
.svgflex svg {
  width: 100%;
}
.gridbase {
  width: 100%;
  height: auto;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  text-align: center;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  position: relative;
}
.gridbase .item {
  box-sizing: border-box;
}
@media screen and (max-width: 42.063em) {
  .g6 .item {
    width: 100%;
  }
}
@media screen and (min-width: 42.063em) {
  .g6 .item {
    width: 50%;
  }
}
@media screen and (min-width: 64.063em) {
  .g6 .item {
    width: 25%;
  }
}
@media screen and (min-width: 90.063em) {
  .g6 .item {
    width: 16.6%;
  }
}
.g5 .item {
  box-sizing: border-box;
  padding: 42px;
}
@media screen and (max-width: 42.063em) {
  .g5 .item {
    width: 100%;
  }
}
@media screen and (min-width: 42.063em) {
  .g5 .item {
    width: 50%;
  }
}
@media screen and (min-width: 64.063em) {
  .g5 .item {
    width: 25%;
  }
}
@media screen and (min-width: 90.063em) {
  .g5 .item {
    width: 20%;
  }
}
.g4 {
  justify-content: space-between;
  display: flex;
  flex-wrap: wrap;
}
.g4:after {
  content: "";
  flex: 1 1 100%;
  max-width: 23%;
}
@media screen and (max-width: 42.063em) {
  .g4 .item {
    width: 100%;
  }
  .g4 .item.itemPadBot {
    padding-bottom: calc(20%);
  }
}
@media screen and (min-width: 42.063em) and (max-width: 64.063em) {
  .g4 .item {
    width: calc(48%);
  }
  .g4 .item:nth-child(2n) {
    padding-right: 0;
  }
  .g4 .item.itemPadBot {
    padding-bottom: calc(15%);
  }
}
@media screen and (min-width: 64.063em) {
  .g4 .item {
    width: calc(23.5%);
  }
  .g4 .item:nth-child(4n) {
    padding-right: 0;
  }
  .g4 .item.itemPadBot {
    padding-bottom: calc(10.5%);
  }
}
@media screen and (min-width: 90.063em) {
  .g4 .item {
    width: calc(23%);
  }
  .g4 .item.itemPadBot {
    padding-bottom: calc(7.5%);
  }
}
.g3 {
  justify-content: space-between;
  display: flex;
  flex-wrap: wrap;
}
.g3:after {
  content: "";
  flex: 1 1 100%;
  max-width: 23%;
}
@media screen and (max-width: 42.063em) {
  .g3 .item {
    width: 100%;
  }
  .g3 .item.itemPadBot {
    padding-bottom: calc(20%);
  }
}
@media screen and (min-width: 42.063em) and (max-width: 64.063em) {
  .g3 .item {
    width: calc(48%);
  }
  .g3 .item:nth-child(2n) {
    padding-right: 0;
  }
  .g3 .item.itemPadBot {
    padding-bottom: calc(15%);
  }
}
@media screen and (min-width: 64.063em) {
  .g3 .item {
    width: calc(31.5%);
  }
  .g3 .item:nth-child(4n) {
    padding-right: 0;
  }
  .g3 .item.itemPadBot {
    padding-bottom: calc(10.5%);
  }
}
@media screen and (min-width: 90.063em) {
  .g3 .item {
    width: calc(31%);
  }
  .g3 .item.itemPadBot {
    padding-bottom: calc(7.5%);
  }
}
content {
  color: inherit;
  display: block;
  box-sizing: border-box;
  margin: 0;
  width: 100%;
  left: 0;
  z-index: 5;
  background: #fff;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -ms-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.iconmenu {
  display: flex;
  width: auto;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
}
.iconmenu a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 33.6px;
  padding: 21px;
}
.iconmenu a svg,
.iconmenu a path {
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}
.iconmenu a:hover svg,
.iconmenu a:hover path {
  fill: #d41b1b;
}
.iconmenu a svg {
  width: 33.6px;
}
.w75 {
  display: inline-block;
  box-sizing: border-box;
  width: 100%;
}
@media screen and (min-width: 64.063em) {
  .w75 {
    width: 75%;
  }
}
.w66 {
  display: inline-block;
  box-sizing: border-box;
  width: 100%;
}
@media screen and (min-width: 64.063em) {
  .w66 {
    width: 66%;
  }
}
.w50 {
  box-sizing: border-box;
  width: 50%;
}
@media screen and (max-width: 68.75em) {
  .w50 {
    width: 100%;
    text-align: center;
  }
}
@media screen and (min-width: 68.75em) {
  .w50 {
    width: 50%;
    text-align: left;
  }
}
@media screen and (min-width: 90.063em) {
  .w50 {
    width: 50%;
  }
}
@media screen and (min-width: 120.063em) {
  .w50 {
    width: 50%;
  }
}
.w25 {
  box-sizing: border-box;
  width: 100%;
}
@media screen and (min-width: 64.063em) {
  .w25 {
    display: inline-block;
    width: 25%;
  }
}
.w33 {
  display: inline-block;
  box-sizing: border-box;
  width: 33%;
}
@media screen and (max-width: 37.5em) {
  .w33 {
    width: 100%;
  }
}
.padFrame {
  box-sizing: border-box;
  padding: 0 16.8px;
}
@media screen and (min-width: 68.75em) {
  .padFrame {
    padding: 0 84px;
  }
}
@media screen and (min-width: 90.063em) {
  .padFrame {
    padding: 0 168px;
  }
}
.max1000 {
  max-width: 1150px !important;
  margin: 0 auto;
}
.max1200 {
  max-width: 1450px !important;
  margin: 0 auto;
}
.padFrame2 {
  box-sizing: border-box;
  padding: 0.1rem 42px;
}
@media screen and (min-width: 37.5em) {
  .padFrame2 {
    padding: inherit 42px;
  }
}
@media screen and (min-width: 90.063em) {
  .padFrame2 {
    padding: inherit 42px;
  }
}
.padFrame3 {
  box-sizing: border-box;
  padding: 0 0.5rem;
}
.padFrameSmall {
  box-sizing: border-box;
  padding: 0 1rem;
}
@media screen and (min-width: 68.75em) {
  .padFrameSmall {
    padding: 0 0;
  }
}
@media screen and (min-width: 90.063em) {
  .padFrameSmall {
    padding: 0 0;
  }
}
.wx2_1 {
  box-sizing: border-box;
  width: 34%;
}
@media screen and (max-width: 42.063em) {
  .wx2_1 {
    display: block;
    width: 100%;
  }
}
.w34 {
  width: 34%;
}
@media screen and (max-width: 42.063em) {
  .w34 {
    display: block;
    width: 100%;
  }
}
@media screen and (max-width: 64.063em) {
  .w34 h1 {
    font-size: 160%;
  }
}
.w66 {
  width: 66%;
}
@media screen and (max-width: 42.063em) {
  .w66 {
    display: block;
    width: 100%;
  }
}
.wx2_2 {
  box-sizing: border-box;
  width: 66%;
}
@media screen and (max-width: 42.063em) {
  .wx2_2 {
    width: 100%;
    display: block;
  }
}
.xScroll {
  -webkit-overflow-scrolling: touch;
  overflow-x: scroll;
}
.slidescontainer {
  overflow: scroll;
  overflow-y: hidden;
  height: 40vh;
}
.posfix {
  -webkit-transition: 1s ease;
  -moz-transition: 1s ease;
  -ms-transition: 1s ease;
  -o-transition: 1s ease;
  transition: 1s ease;
}
@media screen and (max-width: 64.064em) {
  .posfix {
    min-height: 100vw;
  }
  .posfix .prev_project,
  .posfix .next_project {
    position: absolute !important;
    background-color: #fff;
    width: 50px;
    text-align: center;
  }
  .posfix .prev_project {
    bottom: 120px;
    left: 0 !important;
    padding-right: 20px;
  }
  .posfix .next_project {
    bottom: 120px;
    right: 0;
    padding-left: 20px;
  }
}
@media screen and (min-width: 64.064em) {
  .posfix {
    position: fixed !important;
    top: 0;
    left: 0;
  }
}
.posrel {
  position: relative;
}
.posabs {
  position: absolute;
}
@media screen and (max-width: 1380px) {
  .prev_project {
    padding-left: 21px;
  }
}
@media screen and (max-width: 1380px) {
  .next_project {
    padding-right: 21px;
  }
}
.gallery img {
  box-sizing: border-box;
  padding-bottom: 21px !important;
}
@media screen and (min-width: 68.75em) {
  .gallery img {
    padding-bottom: 42px !important;
  }
}
.description {
  -webkit-overflow-scrolling: touch;
  -webkit-transition: 0.2s ease;
  -moz-transition: 0.2s ease;
  -ms-transition: 0.2s ease;
  -o-transition: 0.2s ease;
  transition: 0.2s ease;
}
.contentitem .description {
  position: relative;
  top: -25vh;
}
@media screen and (max-width: 64.064em) {
  .description {
    min-height: 50vh;
    padding-bottom: 35vh;
  }
  .description .project-description {
    position: static !important;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -ms-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
  }
}
.description ::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 6px;
  height: 6px;
}
.description ::-webkit-scrollbar-thumb {
  border-radius: 6px;
  background-color: #808080;
  -webkit-box-shadow: 0 0 -10px rgba(0,0,0,0.5);
}
.orderlist {
  display: flex;
  flex-direction: column;
}
.orderleft,
.order0 {
  align-items: flex-end;
}
.orderright,
.order1 {
  align-items: flex-start;
}
.orderright box,
.order1 box {
  float: right;
}
@media screen and (max-width: 64.063em) {
  .firstonmobile {
    order: -1;
  }
}
@media screen and (max-width: 42.063em) {
  .one {
    min-height: calc(83vh) !important;
    height: auto !important;
  }
}
.banana {
  background-size: auto 50% !important;
  background-position: center 140% !important;
}
@media screen and (max-width: 90.063em) {
  .banana {
    background-size: auto 30% !important;
    background-position: right bottom !important;
  }
}
#saving {
  position: fixed !important;
  width: 105px;
  z-index: 99999;
  padding: 0;
  margin: 0;
  background: transparent;
  user-select: none;
  overflow: hidden;
}
.overflowno {
  overflow: hidden !important;
}
.scrolldown,
.charts,
.bars,
.next {
  width: 42px;
  height: 42px;
  overflow: hidden;
  transform-origin: center center;
  justify-content: center;
  position: relative;
  display: flex;
  align-items: center;
  align-content: center;
  -webkit-transition: 0.2s ease;
  -moz-transition: 0.2s ease;
  -ms-transition: 0.2s ease;
  -o-transition: 0.2s ease;
  transition: 0.2s ease;
}
@media screen and (max-width: 42.062em) {
  .scrolldown,
  .charts,
  .bars,
  .next {
    width: 48.3px;
  }
}
.scrolldown svg,
.charts svg,
.bars svg,
.next svg {
  display: block;
  margin: 0 auto;
  width: 40%;
  -webkit-transition: 0.2s ease;
  -moz-transition: 0.2s ease;
  -ms-transition: 0.2s ease;
  -o-transition: 0.2s ease;
  transition: 0.2s ease;
  transform-style: preserve-3d;
}
.scrolldown svg svg path,
.scrolldown svg svg rect,
.charts svg svg path,
.charts svg svg rect,
.bars svg svg path,
.bars svg svg rect,
.next svg svg path,
.next svg svg rect {
  fill: #d93046 !important;
}
.scrolldown:hover,
.charts:hover,
.bars:hover,
.next:hover {
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
  border-color: #d93046;
}
.scrolldown:active,
.charts:active,
.bars:active,
.next:active {
  background-color: #d93046;
  color: #fff;
}
.scrolldown:active svg path,
.scrolldown:active svg rect,
.charts:active svg path,
.charts:active svg rect,
.bars:active svg path,
.bars:active svg rect,
.next:active svg path,
.next:active svg rect {
  fill: #fff !important;
}
.charts,
.bars,
.next {
  transform: rotateZ(-90deg);
  backface-visibility: visible;
  transform-origin: center center;
  transform-style: preserve-3d;
  background-color: #d93046;
}
.charts:hover,
.bars:hover,
.next:hover {
  background-color: #1e5277;
}
.w1 {
  width: 126px;
}
.padLeft50 {
  padding-left: 50px;
  padding-left: 40px;
}
@media screen and (max-width: 90.062em) {
  .padLeft50 {
    padding-left: 28.571428571429px;
  }
}
.border {
  border-width: 2px;
  border-style: solid;
}
.borderLeft {
  border-left: 1px solid #8d8d8d;
  padding-left: 42px;
}
.borderLeftThick {
  border-left: 6px solid #c31b21;
  padding-left: 42px;
}
.borderBottom:after {
  display: block;
  width: 100%;
  width: 100px;
  height: 4.2px;
  top: 21px;
  clear: both;
  position: relative;
  content: '';
  background-color: #c31b21;
}
.text-right .borderBottom {
  text-align: right;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
@media screen and (min-width: 67.063em) {
  .move1right {
    position: relative;
    left: 15%;
  }
}
@media screen and (min-width: 67.063em) {
  .move1left {
    position: relative;
    right: 15%;
  }
}
@media screen and (min-width: 67.063em) {
  .move1down {
    position: relative !important;
    top: 4rem !important;
  }
}
@media screen and (min-width: 67.063em) {
  .move1up {
    position: relative;
    top: -4rem !important;
  }
}
@media screen and (min-width: 67.063em) {
  .move2up {
    position: relative;
    top: -8rem !important;
  }
}
svg {
  min-height: 50.4px;
  transform-style: preserve-3d;
}
.topless {
  top: 0px;
}
.subtleBorder {
  border: 1px solid #ffffff;
  -webkit-transition: 0.2s 0.3s;
  -moz-transition: 0.2s 0.3s;
  -ms-transition: 0.2s 0.3s;
  -o-transition: 0.2s 0.3s;
  transition: 0.2s 0.3s;
  position: relative;
  z-index: 10 !important;
  overflow: hidden;
}
.subtleBorder > span {
  z-index: 999;
  display: block;
  position: relative;
  height: 100%;
  top: 0px;
}
.subtleBorder::after {
  animation: animateout-toright2 0.6s 1 forwards;
  z-index: 0;
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background-color: #ffffff;
}
.subtleBorder:hover {
  border: 1px solid #fff !important;
  color: #484848;
}
.subtleBorder:hover::after {
  animation: animatein-fromleft2 0.2s 1 forwards;
}
.subtleFill:hover {
  color: #c31b21;
  background-color: rgba(195,27,33,0);
}
.svg2grey {
  display: flex;
  align-items: center;
  justify-content: center;
  height: calc(100%);
}
.svg2grey svg {
  box-sizing: border-box;
  width: 100%;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 61%;
  opacity: 0.05;
}
.svg2grey rect,
.svg2grey polygon,
.svg2grey circle,
.svg2grey line,
.svg2grey polyline,
.svg2grey path {
  stroke: #484848;
  stroke-width: 2;
  fill: none;
}
.svg2black rect,
.svg2black polygon,
.svg2black circle,
.svg2black line,
.svg2black polyline,
.svg2black path {
  stroke: #000;
  stroke-width: 2;
  fill: none;
}
.svg2black path {
  fill: #000;
}
.svg2blackall {
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}
.svg2blackall svg {
  height: 100%;
}
.svg2blackall rect,
.svg2blackall polygon,
.svg2blackall circle,
.svg2blackall line,
.svg2blackall polyline,
.svg2blackall path {
  stroke-width: 0;
  fill: #000;
}
.svg2greyall {
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}
.svg2greyall svg {
  height: 100%;
}
.svg2greyall rect,
.svg2greyall polygon,
.svg2greyall circle,
.svg2greyall line,
.svg2greyall polyline,
.svg2greyall path {
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -ms-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
  stroke-width: 0;
  fill: #8d8d8d;
}
.svg2greyall a:hover rect,
.svg2greyall a:hover polygon,
.svg2greyall a:hover circle,
.svg2greyall a:hover line,
.svg2greyall a:hover polyline,
.svg2greyall a:hover path {
  fill: #1e5277;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.svg2white rect {
  fill: #fff;
}
.svg2white path {
  fill: #fff;
  stroke-width: 0.23;
  stroke: #000;
}
.svg2main rect {
  fill: #c31b21;
}
.svg2main path {
  fill: #c31b21;
  stroke-width: 0.23;
  stroke: #000;
}
box.svg2transwhite {
  display: flex;
  align-items: center;
  justify-content: center;
  height: calc(100%);
}
box.svg2transwhite svg {
  box-sizing: border-box;
  width: 100%;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 71%;
  opacity: 0.07;
}
box.svg2transwhite rect,
box.svg2transwhite polygon,
box.svg2transwhite circle,
box.svg2transwhite line,
box.svg2transwhite polyline,
box.svg2transwhite path {
  stroke: #fff;
  stroke-width: 2px;
}
.greyBorder a {
  border: 1px solid #8d8d8d;
  overflow: hidden !important;
  position: relative;
  z-index: 100 !important;
}
.greyBorder a::after {
  z-index: -1 !important;
  z-index: 0;
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  opacity: 0;
  animation: animateout-totop2 0.3s 1 forwards;
  background-color: #c31b21;
}
.greyBorder a:hover::after {
  animation: animatein-frombottom2 0.3s 1 forwards;
}
.greyBorder a svg {
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.greyBorder a:hover {
  cursor: pointer;
}
.greyBorder a:hover rect,
.greyBorder a:hover polygon,
.greyBorder a:hover circle,
.greyBorder a:hover line,
.greyBorder a:hover polyline,
.greyBorder a:hover path {
  stroke: #fff;
}
.greyBorder a:hover svg {
  transform: translateY(-10.5px);
}
.greyBorder a:hover * {
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  color: #fff;
}
.gridbase .tooltip {
  position: relative;
  color: #fff;
  -webkit-transition: 0.3s ease;
  -moz-transition: 0.3s ease;
  -ms-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  transition: 0.3s ease;
  overflow: hidden;
}
.gridbase .tooltip p,
.gridbase .tooltip ul,
.gridbase .tooltip li,
.gridbase .tooltip strong,
.gridbase .tooltip ul li a {
  color: #fff;
}
.gridbase .tooltip .description {
  display: block;
  width: 100%;
  height: 100%;
  bottom: 0px;
  right: 0px;
  top: 0px;
  left: 0px;
  position: absolute;
  background-color: rgba(0,0,0,0.51);
  content: '';
  color: #fff;
  background-size: 15%;
  background-position: center 0%;
  background-repeat: no-repeat;
  background-image: url(../images/ico-loupe.svg);
  opacity: 0;
}
.gridbase .tooltip .description .title {
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  -ms-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s;
  text-align: left !important;
  position: absolute;
  bottom: 0px;
  box-sizing: border-box;
  width: 100%;
  height: auto;
  padding-top: 21px;
  padding-bottom: 21px;
  padding-left: 31.5px;
  padding-right: 31.5px;
  background-color: #c31b21;
  transform: translateY(50px);
  transform-origin: center left;
}
.gridbase .tooltip .description .title .triangleup {
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  width: 0;
  height: 0;
  border-left: 22px solid transparent;
  border-right: 22px solid transparent;
  border-bottom: 22px solid #c31b21;
  position: absolute;
  top: -21px;
  left: 31.5px;
  transform: translateY(50px);
  opacity: 0;
}
.gridbase .tooltip:hover .description {
  background-position: center 35%;
  opacity: 1;
}
.gridbase .tooltip:hover .description .title {
  transform: translateY(0px);
}
.gridbase .tooltip:hover .description .title .triangleup {
  animation: animatein-frombottom2 0.3s 0.18s 1 forwards;
}
.gridbase .tooltip:active .description {
  background-size: 17%;
}
.bigicon {
  overflow: visible;
  -webkit-transition: 0.4s ease-in-out;
  -moz-transition: 0.4s ease-in-out;
  -ms-transition: 0.4s ease-in-out;
  -o-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
  width: 360px !important;
}
.bigicon path,
.bigicon polygon {
  width: 360px !important;
  -webkit-transition: 0.2s ease;
  -moz-transition: 0.2s ease;
  -ms-transition: 0.2s ease;
  -o-transition: 0.2s ease;
  transition: 0.2s ease;
}
.bigicon path:hover,
.bigicon polygon:hover {
  fill: #fff;
}
.bigicon:hover path,
.bigicon:hover polygon {
  transform-origin: left center;
}
.bigicon:hover path:nth-of-type(3),
.bigicon:hover polygon:nth-of-type(3) {
  transform: translateX(-25px);
}
.bigicon:hover path:nth-of-type(2),
.bigicon:hover polygon:nth-of-type(2) {
  transform: translateX(-40px);
  transition-delay: 40ms;
}
.testborder,
.testborder * {
  border: 1px dashed red !important;
}
.ored {
  background-color: rgba(255,0,0,0.2);
}
.flex-menu {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media screen and (max-width: 48.063em) {
  .flex-menu > box {
    box-sizing: border-box;
    padding-top: 21px !important;
    padding-bottom: 21px !important;
    padding-left: 6px;
    padding-right: 6px;
    text-align: left !important;
  }
}
.flex-menu > box {
  flex-direction: row;
}
.flex-menu a {
  position: relative;
  padding-left: 28px !important;
  padding-right: 28px !important;
  display: flex;
  align-items: left;
  justify-content: flex-start;
  white-space: nowrap;
}
.flex-menu a svg {
  height: 100% !important;
}
.flex-menu a::after {
  display: block;
  position: absolute;
  content: "";
  border-bottom: 2px solid #c31b21;
  width: 0%;
  height: 2px;
  bottom: -14px;
  -webkit-transition: 0.3s ease;
  -moz-transition: 0.3s ease;
  -ms-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  transition: 0.3s ease;
}
.flex-menu a.on {
  color: #c31b21;
}
.flex-menu a:hover::after {
  width: 70%;
  border-bottom: 2px solid #c31b21;
}
.flex-menu a:last-child {
  margin-right: -28px !important;
}
.flex-menu a:first-child {
  margin-left: -28px !important;
}
.h_icon {
  height: 33.6px;
  min-width: 10.5px;
}
.h_icon svg {
  height: 33.6px;
}
@media screen and (min-width: 42.062em) {
  .h_icon {
    height: 42px;
  }
  .h_icon svg {
    height: 42px;
  }
}
.h_logo {
  height: 84px;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
  transform: translateY(-200%);
}
@media screen and (min-width: 42.062em) {
  .h_logo {
    height: 96.6px;
  }
}
.height1 svg {
  height: 1.1rem;
}
.menuicon {
  transition: 0.4s ease-in-out;
  fill: #000 !important;
  overflow: visible;
  transform-style: flat;
  transform-origin: center center;
}
.menuicon rect {
  transform-origin: center center;
  transition: 0.2s ease;
}
.menuicon:hover rect:nth-of-type(1) {
  transform: translateX(-50px);
}
.menuicon:hover rect:nth-of-type(2) {
  transform: translateX(-25px);
  transition-delay: 40ms;
}
.menuicon:hover rect:nth-of-type(3) {
  transform: translateX(0px);
}
.flex {
  display: flex;
}
.grow {
  display: flex;
  flex-grow: 2;
  align-items: center;
  justify-content: center;
}
.flex-direction-column,
.flexcolumn {
  flex-direction: column;
}
.flex-direction-row,
.flexrow {
  flex-direction: row;
}
@media screen and (max-width: 64.063em) {
  .flex-direction-row,
  .flexrow {
    flex-direction: column;
    justify-content: center;
  }
}
.flex-thumbs {
  align-items: stretch;
  justify-content: space-between;
  flex-wrap: nowrap;
  flex-direction: row;
}
.flex-thumbs .thumb {
  max-height: 500px;
}
.inlinemenu {
  max-width: 1150px !important;
  margin: 0 auto;
  line-height: 40px;
}
.inlinemenu a {
  border-radius: calc(42px/5);
  overflow: hidden !important;
  display: inline-block;
  word-break: keep-all;
  white-space: normal;
  width: auto !important;
  padding: 7px 20px;
}
.inlinemenu a::after {
  width: 100%;
  content: "";
}
.posfix {
  position: fixed;
}
.bgboxleft {
  background-size: contain !important;
  padding: 0 !important;
  align-items: center !important;
  background-position: center 61vh !important;
}
@media screen and (min-width: 64.063em) {
  .bgboxleft {
    background-position: center 7vh !important;
  }
}
.grid-intro {
  display: flex;
  padding: 0px;
  box-sizing: border-box;
  width: 100%;
  height: auto;
  background-color: #fff;
}
content > .grid-intro:not(.vh100):not(.vh50) {
  margin-top: 84px;
}
.grid-intro .item {
  box-sizing: border-box;
  width: 100%;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom center;
}
.item .headericons {
  padding-left: 73.5px;
}
.item .headericons h3 {
  font-size: 130%;
}
.item .headericons h3:before {
  display: block;
  width: 42px;
  height: 42px;
  top: 42px;
  left: -73.5px;
  position: relative;
  content: '';
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}
.item .headericons h3:first-child {
  padding-top: 0;
}
.item .headericons h3:nth-of-type(1):before {
  background-image: url(../images/ico-telefon.svg);
}
.item .headericons h3:nth-of-type(2):before {
  background-image: url(../images/ico-mail.svg);
}
.item .headericons h3:nth-of-type(3):before {
  background-image: url(../images/ico-adres.svg);
}
.item .headericons h3:nth-of-type(4):before {
  background-image: url(../images/ico-godziny.svg);
}
.text-center-left {
  text-align: center;
}
@media screen and (max-width: 42.062em) {
  .text-center-left {
    text-align: left !important;
  }
}
.icons {
  fill: #000;
  -webkit-transition: 0s ease;
  -moz-transition: 0s ease;
  -ms-transition: 0s ease;
  -o-transition: 0s ease;
  transition: 0s ease;
  transform-origin: center center;
}
a:hover .icons.facebook {
  fill: #4468b0;
}
a:hover .icons.instagram {
  fill: #da3472;
}
a:hover .icons.whatsapp {
  fill: #25e47a;
}
@media screen and (min-width: 42.063em) {
  .flextext {
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    align-items: flex-start;
  }
}
.h_xScroll {
  height: 40vh;
}
.overflow_y {
  overflow: scroll;
  overflow-y: hidden;
}
.slidescontainer {
  overflow: scroll;
  overflow-y: hidden;
  height: 40vh;
}
.slides data-box {
  display: inline-block;
  display: flex;
  height: 40vh !important;
  flex: 0 0 auto;
}
.slides img {
  height: inherit !important;
  height: 40vh !important;
  width: auto !important;
  min-width: 40vh !important;
}
.xScroll {
  -webkit-overflow-scrolling: touch;
  overflow-x: scroll;
}
.font80 {
  font-size: 80%;
  font-weight: 500;
}
.item {
  border: 0;
  box-sizing: border-box;
}
.item .cover_title {
  width: 100%;
  text-align: center;
  left: 0px;
  display: inline-block !important;
  overflow: visible;
  font-weight: 500;
}
.item a img {
  -webkit-transition: 0.3s ease;
  -moz-transition: 0.3s ease;
  -ms-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  transition: 0.3s ease;
}
.borderColumn {
  border-left: 1px solid #484848;
  border-right: 1px solid #484848;
}
.footer {
  display: none;
  overflow: visible;
  z-index: 10;
  font-size: 70%;
  line-height: 180% !important;
}
@media screen and (max-width: 64.062em) {
  .footer .item {
    background-size: 26.4vh !important;
  }
}
.footer strong {
  color: #c31b21;
}
.boxhover box {
  border: 1px solid #fff;
  -webkit-transition: 0.15s ease;
  -moz-transition: 0.15s ease;
  -ms-transition: 0.15s ease;
  -o-transition: 0.15s ease;
  transition: 0.15s ease;
}
.boxhover:hover {
  color: #c31b21;
}
.boxhover:hover box {
  background-color: rgba(255,255,255,0.3);
}
.boxhover:active box {
  background-color: #c31b21;
}
.caps {
  padding: 0px 0.18em;
}
.cc {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 42.063em) {
  .ccsmall {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
.ce {
  display: flex;
  align-items: center;
  justify-content: flex-end !important;
}
.cs {
  display: flex;
  align-items: left;
  justify-content: flex-start;
}
.ct {
  display: flex;
  align-items: flex-start !important;
}
.ctbig {
  align-items: center !important;
  background-position: center bottom !important;
}
@media screen and (min-width: 42.063em) and (max-width: 64.063em) {
  .ctbig {
    align-items: center !important;
    background-position: center 20vh !important;
  }
}
@media screen and (min-width: 64.063em) and (max-width: 80.063em) and (min-height: 600px) {
  .ctbig {
    align-items: flex-start !important;
    background-position: center 30vh !important;
  }
}
@media screen and (min-width: 80.063em) and (min-height: 600px) {
  .ctbig {
    align-items: flex-start !important;
    background-position: center 14vh !important;
  }
}
.lt {
  display: flex;
  align-items: flex-start !important;
  justify-content: left;
}
.bc {
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
.bl {
  display: flex;
  align-items: flex-end !important;
  justify-content: flex-start;
}
.bgfx {
  background-attachment: fixed;
}
.bgl {
  background-position: left;
}
.bgr {
  background-position: right;
}
.bgt {
  background-position: top !important;
}
.bgb {
  background-position: bottom !important;
}
.bgc {
  background-position: center;
}
.bgcover {
  background-size: cover !important;
}
.bgcontain {
  background-size: auto 100% !important;
  background-size: contain !important;
  background-repeat: no-repeat;
}
.bgcc {
  background-position: center center !important;
}
@media screen and (max-width: 64.062em) {
  .bgcircle {
    background-size: 26.4vh !important;
  }
}
@media screen and (min-width: 64.062em) {
  .bgcircle {
    background-size: 48.3vh !important;
  }
}
.bgbc {
  background-position: center 140% !important;
  background-size: 500px !important;
  background-size: auto 50% !important;
}
.bgicon {
  background-position: center center !important;
  background-size: 500px !important;
  background-repeat: no-repeat;
  background-size: auto 50% !important;
}
polyline {
  stroke-dasharray: 200;
}
polyline:nth-child(2) {
  animation-delay: 1.5s;
}
polyline:nth-child(3) {
  animation-delay: 3s;
}
@keyframes dash33 {
  to {
    stroke-dashoffset: 1000;
  }
}
@keyframes moveout2right {
  from {
    opacity: 1;
  }
  to {
    transform: translateX(100%);
    opacity: 1;
  }
}
@keyframes movein2right {
  from {
    transform: translateX(-100%);
    opacity: 1;
  }
  to {
    opacity: 1;
    transform: translateX(0%);
  }
}
@keyframes movein2left {
  from {
    transform: translateX(100%);
    opacity: 1;
  }
  to {
    opacity: 1;
    transform: translateX(0%);
  }
}
@keyframes moveout2left {
  from {
    transform: translateX(0%);
    opacity: 1;
  }
  to {
    opacity: 1;
    transform: translateX(-100%);
  }
}
@keyframes movein2left2 {
  from {
    opacity: 0;
    transform: translateX(1000px);
  }
  to {
    opacity: 1;
    transform: translateX(0px);
  }
}
@keyframes movein2top {
  from {
    opacity: 0;
    transform: translateY(50%);
  }
  to {
    opacity: 1;
    transform: translateY(0%);
  }
}
@keyframes moveout2left2 {
  from {
    opacity: 1;
  }
  to {
    opacity: 1;
  }
}
@keyframes moveout2right2 {
  to {
    transform: translateX(1000px);
    opacity: 1;
  }
}
@keyframes movein2left2 {
  from {
    opacity: 1;
    transform: translateX(1000px);
  }
}
.contentitem {
  clip: rect(0,100vw,2000vh,0);
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  animation-timing-function: linear;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.animatein-frombottom {
  transform: translateY(650px) scale(1);
  transform: translateY(50vh) scale(1);
  animation: animatein-frombottom 0.8s 1 forwards;
  opacity: 0;
  animation-timing-function: ease;
}
.animatein-fromright {
  transform: translateX(550px) scale(1);
  animation: animatein-fromright 0.6s 1 forwards;
  opacity: 0;
}
.animatein-frombottom:nth-child(2n),
.animatein-fromright:nth-child(2n) {
  animation-duration: 0.8s;
}
.animatein-frombottom:nth-child(3n),
.animatein-fromright:nth-child(3n) {
  animation-duration: 1s;
}
.animatein-frombottom:nth-child(4n),
.animatein-fromright:nth-child(4n) {
  animation-duration: 1.2s;
}
@keyframes animatein-frombottom {
  from {
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes animatein-static {
  0% {
    transform-origin: center;
    transform: scale(1);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes animate-rrotate {
  from {
    transform-origin: center center;
    transform: rotate3d(0,0,0,180deg);
    opacity: 1;
  }
  to {
    transform: rotate3d(1,0,0,180deg);
    opacity: 1;
  }
}
@keyframes animate-lrotate {
  from {
    transform-origin: center center;
    transform: rotate3d(1,0,0,180deg);
    opacity: 1;
  }
  to {
    transform: rotate3d(0,0,0,180deg);
    opacity: 1;
  }
}
@keyframes animatein-frombottom2 {
  from {
    transform: translateY(200%);
    opacity: 0;
  }
  to {
    opacity: 1;
    transform: translateY(0%);
  }
}
@keyframes animatein-fromright2 {
  from {
    transform: translateX(200%);
    opacity: 0;
  }
  to {
    opacity: 1;
    transform: translateX(0%);
  }
}
@keyframes animatein-fromleft2 {
  from {
    opacity: 1;
    transform: scaleX(0);
    transform-origin: left;
  }
  to {
    opacity: 1;
    transform-origin: left;
    transform: scaleX(1);
  }
}
@keyframes animateout-toright2 {
  from {
    opacity: 1;
    transform-origin: right;
    transform: scaleX(1);
  }
  to {
    transform-origin: right;
    transform: scaleX(0);
    opacity: 1;
  }
}
@keyframes animateout-totop2 {
  from {
    opacity: 1;
    transform: translateY(0%);
  }
  to {
    transform: translateY(-200%);
    opacity: 1;
  }
}
@keyframes animatein-fromtop2 {
  from {
    transform: translateY(-200%);
    opacity: 0;
  }
  to {
    opacity: 1;
    transform: translateY(0%);
  }
}
@keyframes animatein-fromright {
  to {
    transform: translateX(0);
    opacity: 1;
  }
}
.shift {
  position: absolute !important;
  top: calc(49vh);
  z-index: 100;
}
.hidden {
  visibility: hidden !important;
  overflow: hidden !important;
}
.next_slide,
.prev_slide {
  position: absolute !important;
  top: 250px;
  top: 49vh;
  bottom: 0px;
  z-index: 100;
}
.iks {
  position: absolute !important;
  top: 21px;
  right: 21px;
  z-index: 100;
}
.next_slide {
  right: 21px !important;
}
.prev_slide {
  left: 21px !important;
}
.pointerevents {
  pointer-events: all;
}
.nopointerevents {
  pointer-events: none;
}
.overflow-scroll {
  overflow: scroll;
}
.h_square {
  height: 100px !important;
}
@media screen and (max-width: 64.063em) {
  .h_square {
    height: 105px;
    align-self: flex-start;
  }
}
.w_square {
  width: 100px !important;
}
@media screen and (max-width: 64.063em) {
  .w_square {
    width: 105px;
    align-self: flex-start;
  }
}
.h_slider {
  height: 82vh;
  height: 100vh;
}
.h_arrow {
  width: 50px;
  height: 50px;
}
.h_arrow svg {
  height: 20px;
}
#hero .slideritem {
  position: absolute !important;
  left: 0;
  top: 0;
  visibility: visible;
  display: flex !important;
  flex-direction: column;
  width: 100%;
  height: 100vh;
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.sliderimg {
  box-sizing: border-box;
  width: 100%;
  height: auto;
}
#hero .sliderimg {
  background-size: cover;
  background-position: center 10%;
}
@media screen and (max-width: 64.063em) {
  #hero .sliderimg {
    height: 50%;
    height: 50vh;
    background-position: 80% 10%;
  }
}
#logos .sliderimg {
  height: 30%;
  height: 100%;
  background-position: center center;
  background-size: contain;
  position: relative;
  background-repeat: no-repeat;
}
.slidertxt {
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  align-content: space-between;
  flex-flow: column;
}
@media screen and (min-width: 90.063em) {
  .slidertxt h2 {
    font-size: 280%;
    font-weight: 800 !important;
    line-height: 110%;
  }
  .slidertxt small {
    font-size: 40%;
  }
}
.check-stroke {
  stroke: #000;
  fill: none;
  stroke-width: 5;
  stroke-linecap: square;
}
.grid-layout {
  display: grid;
  grid-gap: 1px;
  grid-auto-flow: dense;
  counter-reset: section;
  padding: 100px 42px;
  background-size: cover;
  background-position: center;
  grid-template-columns: repeat(auto-fill,minmax(50vw,1fr));
  grid-auto-rows: 62px;
  overflow: hidden;
}
.grid-layout .item {
  border: 2px solid transparent;
  background-image: none;
  background-size: 150%;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  display: flex;
  -webkit-transition: 0.1s;
  -moz-transition: 0.1s;
  -ms-transition: 0.1s;
  -o-transition: 0.1s;
  transition: 0.1s;
  border-radius: 0;
  overflow: visible;
  padding: 10.5px 0 10.5px 0;
}
.grid-layout .item box {
  padding: 10.5px 0 10.5px 0;
  display: flex;
  align-items: stretch;
  align-items: center;
  align-content: center;
  justify-content: center;
  overflow: visible;
  flex-wrap: wrap;
  flex-basis: 100%;
  -webkit-transition: opacity 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out;
  -ms-transition: opacity 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
  opacity: 0.9;
}
.grid-layout .item h3 {
  border: 3px solid transparent;
  line-height: 100%;
  padding-left: 21px;
  padding-right: 21px;
  width: auto !important;
  display: inline !important;
  -webkit-transition: 0.2s ease;
  -moz-transition: 0.2s ease;
  -ms-transition: 0.2s ease;
  -o-transition: 0.2s ease;
  transition: 0.2s ease;
  box-sizing: border-box;
  padding-top: 21px !important;
  padding-bottom: 21px !important;
}
.grid-layout .item h3,
.grid-layout .item p {
  display: block;
  width: 100%;
}
.grid-layout .item p {
  display: block;
}
.grid-layout .item:hover h3 {
  opacity: 1;
  border-color: inherit;
}
@media screen and (max-width: 42.063em) {
  .grid-layout h3 {
    font-size: 120%;
  }
}
@media screen and (min-width: 42.063em) and (max-width: 64.063em) {
  .grid-layout h3 {
    font-size: 110%;
  }
}
@media screen and (min-width: 64.063em) {
  .grid-layout h3 {
    font-size: 130%;
  }
}
@media screen and (min-width: 42.063em) {
  .grid-layout {
    grid-template-columns: repeat(auto-fill,minmax(25vw,1fr));
    grid-auto-rows: minmax(20vh,auto);
  }
}
@media screen and (min-width: 90.063em) {
  .grid-layout h3 {
    font-size: 240%;
  }
}
@media screen and (min-width: 120.063em) {
  .grid-layout h3 {
    font-size: 310%;
  }
}
@media screen and (min-width: 42.063em) {
  .wx2 {
    grid-column-end: span 2;
    grid-row-end: span 1;
  }
}
@media screen and (min-width: 42.063em) {
  .hx2 {
    grid-column-end: span 1;
    grid-row-end: span 2;
  }
}
html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  height: 100%;
  width: 100%;
}
p {
  font-feature-settings: 'calt' 0 !important;
}
body {
  overflow-x: hidden;
  margin: 0;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  background-color: #fff;
  font-family: "futura-pt";
  font-size: 18px;
  line-height: 25px;
  font-weight: 500;
  width: 100%;
  position: relative;
  box-sizing: border-box;
  padding: 0;
}
@media screen and (min-width: 42.062em) {
  body {
    font-size: 20px;
    line-height: 30px;
  }
}
h1,
h2,
h3,
h4,
p,
blockquote,
figure,
ol,
ul,
li,
li a {
  list-style: none;
  display: block;
  margin: 0;
  padding: 0;
}
strong {
  font-weight: bold;
}
.bgcover strong {
  color: #c31b21 !important;
  font-weight: 200;
}
a,
button {
  color: inherit;
}
a {
  text-decoration: none;
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid;
  display: inline-block;
}
button {
  overflow: visible;
  border: 0;
  font: inherit;
  -webkit-font-smoothing: inherit;
  letter-spacing: inherit;
  background: none;
  cursor: pointer;
}
::-moz-focus-inner {
  padding: 0;
  border: 0;
}
:focus {
  outline: 0;
}
img {
  max-width: 100%;
  height: auto;
  border: 0;
  display: block;
  outline: none;
}
li a {
  padding: 5px;
  color: #fff;
  text-decoration: none;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
li a:hover,
li a:focus {
  color: #c31b21;
}
box,
data-box {
  color: inherit;
  display: block;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
input[type=submit] {
  cursor: pointer;
}
input[type=text] {
  border: 1px solid rgba(0,0,0,0.2);
  cursor: text;
}
h1 {
  font-size: 2.7em;
  line-height: 170%;
  font-family: "futura-pt";
  font-weight: 500;
  word-wrap: break-word;
}
@media screen and (max-width: 42.063em) {
  h1 {
    font-size: 2em;
    line-height: 147%;
  }
}
.description h1 {
  font-size: 1.8em;
}
h2 {
  font-size: 2.5em;
  line-height: 90%;
  font-family: "futura-pt";
  font-weight: 500;
}
@media screen and (max-width: 42.063em) {
  h2 {
    line-height: 100%;
    font-size: 1.8em;
  }
}
h3 {
  font-size: 2.2em;
  line-height: 130%;
  font-family: "futura-pt";
  font-weight: 500;
}
@media screen and (max-width: 42.063em) {
  h3 {
    font-size: 1.6em;
  }
}
h4 {
  font-size: 1.6em;
  line-height: 100%;
  font-family: "futura-pt";
  font-weight: 500;
}
@media screen and (max-width: 42.063em) {
  h4 {
    font-size: 1.4em;
  }
}
h5 {
  font-size: 1.3em;
  line-height: 100%;
  font-family: "futura-pt";
  font-weight: 500;
}
@media screen and (max-width: 42.063em) {
  h5 {
    font-size: 1.2em;
  }
}
wrap {
  display: block;
  background-color: #fff;
}
sidebar {
  display: flex;
  position: fixed;
  top: 0;
  bottom: 0;
  background-color: #000;
  right: -300px;
  width: 300px;
  width: 100%;
  width: 100vw;
  right: -100%;
  font-weight: 400;
  z-index: 99;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  box-sizing: border-box;
}
@media screen and (min-width: 42.063em) {
  sidebar {
    right: -272px;
    width: 272px;
  }
}
sidebar:after {
  content: "";
  display: table;
  clear: both;
}
sidebar .navigation {
  box-sizing: border-box;
  width: 100%;
}
sidebar a {
  display: block;
  padding-bottom: 10.5px;
  padding-top: 10.5px;
  font-family: "futura-pt";
  font-weight: 700;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
  text-transform: uppercase;
}
sidebar a:hover {
  color: #b00516;
  cursor: pointer;
}
sidebar a:active {
  color: #d93046;
  cursor: pointer;
}
content {
  position: relative;
  color: inherit;
  display: block;
  box-sizing: border-box;
  margin: 0;
  width: 100%;
  left: 0;
  z-index: 5;
  background-color: #fff;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
  -o-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}
.attachments {
  position: relative;
  left: 42px;
}
.attachments a {
  display: list-item;
  list-style: decimal;
}
ul {
  position: relative;
  left: 33.6px;
  line-height: 100% !important;
  padding-top: 21px !important;
}
ul > li {
  position: relative;
  margin-bottom: 10.5px;
}
ul > li a {
  padding: 0;
  color: #343434;
}
ul > li a:hover {
  color: #ea7004;
}
.text-left ul {
  left: 33.6px;
}
.text-left ul li:before {
  position: absolute;
  display: block;
  width: 21px;
  height: 21px;
  top: 0;
  left: -33.6px;
  content: '';
  background-image: url('../images/lidot.svg');
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}
.text-right ul {
  left: -33.6px;
}
.text-right ul li:before {
  position: absolute;
  display: block;
  width: 21px;
  height: 21px;
  top: 0;
  right: -33.6px;
  content: '';
  background-image: url('../images/lidot.svg');
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}
.text-white ul li:before {
  background-image: url('../images/lidot-white.svg');
}
.c11 ul li a {
  color: #343434;
}
label[for="sidebartoggler"] {
  box-sizing: border-box !important;
  display: block !important;
  cursor: pointer;
  background-color: transparent;
  line-height: 0;
  -webkit-transition: 0.3s ease;
  -moz-transition: 0.3s ease;
  -ms-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  transition: 0.3s ease;
}
#sidebartoggler {
  display: none;
}
#sidebartoggler:checked + wrap sidebar {
  transform: translateX(-100vw);
}
@media screen and (min-width: 42.063em) {
  #sidebartoggler:checked + wrap sidebar {
    transform: translateX(-272px);
  }
}
#sidebartoggler:checked + wrap content {
  transform: translateX(-188px);
  pointer-events: none;
}
#sidebartoggler:checked + wrap label[for="sidebartoggler"] {
  opacity: 0;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
  pointer-events: none;
}
.radial-progress {
  position: relative;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-right: 10px;
  margin-left: 10px;
  box-shadow: border-box;
  width: 100px;
  height: 100px;
  border-radius: 50%;
}
.radial-progress .circle .mask,
.radial-progress .circle .fill {
  width: 100px;
  height: 100px;
  position: absolute;
  transform-origin: center center;
}
.radial-progress .circle .fill {
  border-radius: 50%;
}
.radial-progress .circle .shadow {
  box-shadow: 2px 2px 20px rgba(220,220,220,0.6) inset;
}
.radial-progress .circle .mask,
.radial-progress .circle .fill {
  -webkit-backface-visibility: hidden;
  transition: -webkit-transform 1s;
  transition: -ms-transform 1s;
  transition: transform 1s;
}
.radial-progress .circle .mask {
  clip: rect(0px,100px,100px,50px);
}
.radial-progress .circle .mask .fill {
  clip: rect(0px,50px,100px,0px);
  background-color: #d93046;
}
.radial-progress .inset {
  width: 50px;
  height: 50px;
  position: absolute;
  margin-left: 25px;
  margin-top: 25px;
  background-color: #000;
  border-radius: 50%;
  box-shadow: 2px 2px 20px rgba(220,220,220,0.6);
}
.radial-progress .time {
  position: absolute;
  right: 55%;
  width: 100%;
  text-align: right !important;
}
.bar-progress {
  position: relative;
  margin-top: 40px;
  margin-bottom: 40px;
  margin-right: 0px;
  height: 5px;
  background-color: rgba(227,227,227,0.1);
}
.bar-progress .bar {
  background: pink !important;
}
.bar-progress .bar .mask,
.bar-progress .bar .fill,
.bar-progress .bar .shadow {
  width: 5px;
  height: 5px;
  position: absolute;
  transform-origin: left center;
}
.bar-progress .bar .shadow {
  box-shadow: 2px 2px 20px rgba(220,220,220,0.6) inset;
}
.bar-progress .bar .mask,
.bar-progress .bar .fill,
.bar-progress .bar .shadow {
  -webkit-backface-visibility: hidden;
  transition: -webkit-transform 1s;
  transition: -ms-transform 1s;
  transition: transform 1s;
}
.bar-progress .inset {
  width: 20px;
  height: 20px;
  position: absolute;
  margin-left: -7.5px;
  margin-top: -7.5px;
  background-color: #fff;
  box-shadow: 2px 2px 20px rgba(220,220,220,0.6);
}
.data-values {
  top: 7px;
}
.cc {
  display: flex;
  align-items: center;
  justify-content: center;
}
.bc {
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
.sc {
  display: flex;
  align-items: flex-start;
  justify-content: center;
}
.hidden {
  visibility: none;
}
.displaynone {
  display: none;
}
@media screen and (min-width: 42.063em) {
  .onlySmall {
    display: none !important;
  }
}
@media screen and (max-width: 42.063em) {
  .noSmall {
    display: none !important;
  }
}
@media screen and (min-width: 64.063em) {
  .onlyMedium {
    display: none !important;
  }
}
@media screen and (max-width: 64.063em) {
  .noMedium {
    display: none !important;
  }
}
.fgColorText {
  color: #000;
}
.play {
  -webkit-animation-play-state: running;
  animation-play-state: running;
}
.animate-in {
  animation: in 0.6s ease forwards;
}
@keyframes in {
  0% {
    opacity: 0.1;
    transform-origin: bottom;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes dash {
  0% {
    stroke-dasharray: 1000;
    stroke-dashoffset: 200;
  }
  50% {
    stroke-dasharray: 500;
    stroke-dashoffset: 500;
  }
  100% {
    stroke-dasharray: 1000;
    stroke-dashoffset: 500;
  }
}
@keyframes done {
  to {
    stroke-dashoffset: 110;
    stroke-dasharray: 600;
  }
}
.vh100 {
  min-height: 100vh;
}
.vh90 {
  min-height: 90vh;
}
.vh80 {
  min-height: 80vh;
}
.vh70 {
  min-height: 70vh;
}
.vh60 {
  min-height: 60vh;
}
.vh50 {
  min-height: 50vh;
}
.vh40 {
  min-height: 40vh;
}
.vh30 {
  min-height: 30vh;
}
.vh20 {
  min-height: 20vh;
}
.vh10 {
  min-height: 10vh;
}
@media screen and (min-width: 64.063em) {
  .vh100medium {
    min-height: 100vh;
  }
}
@media screen and (max-width: 64.063em) {
  .vh100small {
    min-height: 100vh;
  }
}
.thumbs {
  display: flex;
  overflow: scroll;
  flex-flow: row;
  flex-wrap: nowrap;
  align-items: baseline;
  padding: 0;
  opacity: 0.42;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.thumbs:hover,
.thumbs:active {
  opacity: 1;
}
.thumbs img {
  width: 200px;
  padding-left: 0;
  cursor: pointer;
  opacity: 0.25;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
  backface-visibility: hidden;
}
.thumbs img:hover,
.thumbs img:active {
  opacity: 1;
}
.thumbs img.current {
  opacity: 0.8;
}
.arrow svg {
  overflow: hidden;
  height: 15px;
  width: 15px;
  fill: #000;
  stroke: #ffffff;
  stroke-width: 0.12;
  stroke-linecap: round;
  box-sizing: border-box;
  transform-origin: center center;
  transition: all 0.2s ease-in-out;
}
.arrow {
  overflow: hidden;
}
.arrow-path {
  fill: #000;
  stroke: #ffffff;
  stroke-width: 0.12;
  stroke-linecap: round;
  box-sizing: border-box;
  transform-origin: center center;
  transition: all 0.2s ease-in-out;
}
.transparent {
  background: transparent !important;
}
.maxheight {
  max-width: 100%;
  max-height: 40%;
  max-height: 100vh;
  width: auto;
  height: auto;
}
.maxheightimg {
  max-height: 14% !important;
  max-height: 14vh !important;
  width: auto;
  height: auto;
}
.axloader {
  stroke: #c31b21;
  stroke: #000000;
  fill: #000000;
  stroke-width: 5.8346;
  stroke-miterlimit: 10;
  animation: dash 2.2s infinite;
  -webkit-animation: dash 2.2s infinite;
  -o-animation: dash 2.2s infinite;
  -moz-animation: dash 2.2s infinite;
  opacity: 1;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
  stroke-dasharray: 1600;
  stroke-dashoffset: 3200;
}
.loaderbar {
  height: 2px !important;
  display: block;
  width: 10%;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 9999;
  background: #c31b21;
  -webkit-transition: 0.1s ease;
  -moz-transition: 0.1s ease;
  -ms-transition: 0.1s ease;
  -o-transition: 0.1s ease;
  transition: 0.1s ease;
}
#LOGO {
  height: 70px;
  -webkit-transition: 0.7s;
  -moz-transition: 0.7s;
  -ms-transition: 0.7s;
  -o-transition: 0.7s;
  transition: 0.7s;
}
.bgColor {
  background-color: #fff !important;
}
.displayblock {
  display: block;
}
.pink {
  background: pink;
}
.padTop2simple {
  padding-top: 2.5em;
}
.padTop5 {
  padding-top: 5em;
}
.padBot0 {
  padding-bottom: 0px;
}
.padBot5 {
  padding-bottom: 5em;
}
.padTop10 {
  padding-top: 126px;
}
@media screen and (min-width: 64.063em) {
  .padTop10 {
    padding-top: 210px;
  }
}
.padBot10 {
  padding-bottom: 126px;
}
@media screen and (min-width: 64.063em) {
  .padBot10 {
    padding-bottom: 210px;
  }
}
@media screen and (min-width: 64.063em) {
  .padBotBig {
    padding-bottom: 84px;
  }
}
@media screen and (min-width: 64.063em) {
  .padTopBig {
    padding-top: 84px;
  }
}
@media screen and (min-width: 64.063em) {
  .padTopBig10 {
    padding-top: 134.4px;
  }
}
.h5em {
  height: 210px;
}
.h2em {
  height: 2em;
}
.h1em {
  height: 1em;
}
.bgColorMain {
  background-color: #c31b21;
}
.bgColorFG {
  background-color: #000;
}
.text-white {
  color: #fff;
}
.text-white p,
.text-white ul,
.text-white li,
.text-white strong,
.text-white ul li a {
  color: #fff;
}
.text-black {
  color: #000;
}
.text-black p {
  color: #000;
}
.stickTop {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.stickBottom {
  position: fixed;
  bottom: 0;
  right: 0;
  left: 0;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  perspective: 150px;
}
.round {
  border-radius: 500px;
  overflow: hidden !important;
}
.round100 {
  border-radius: calc(42px/5);
  overflow: hidden !important;
}
.perspective {
  perspective: 1000px;
}
.paddingbutton {
  padding: 10px 15px;
}
.inline {
  display: inline-block !important;
}
.z100 {
  z-index: 100 !important;
}
.z10 {
  z-index: 10 !important;
}
.z1 {
  z-index: 1 !important;
}
.line100 {
  line-height: 100% !important;
}
.line120 {
  line-height: 120% !important;
}
.line200 {
  line-height: 200% !important;
}
.line300 {
  line-height: 300% !important;
}
.arrow {
  width: 4rem;
  stroke-dasharray: 1, 20;
  stroke-dashoffset: -13.65;
  stroke-dasharray: 10;
  stroke-dashoffset: 11;
  transform: rotate(180deg);
  -webkit-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -ms-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
  transform-origin: center center;
}
.arrow path {
  -webkit-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -ms-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
  stroke-width: 1px;
  stroke-linecap: square;
  stroke: #000;
  fill: transparent;
}
.arrow:hover {
  stroke-dashoffset: 31;
}
.arrow:active path {
  -webkit-transition: 0.1s ease-out;
  -moz-transition: 0.1s ease-out;
  -ms-transition: 0.1s ease-out;
  -o-transition: 0.1s ease-out;
  transition: 0.1s ease-out;
  stroke: #c31b21;
}
.navgallerygroup {
  position: fixed !important;
  z-index: -1 !important;
  background: transparent !important;
  top: 0px;
  left: 0px;
  width: 100%;
  top: 47vh;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.navgallery {
  width: 18px;
  border-color: #000;
  background-color: rgba(0,0,0,0);
}
.navgallery rect {
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}
.navgallery rect.top {
  transform-origin: center center;
  opacity: 0;
}
.navgallery rect.bottom {
  transform-origin: center center;
  opacity: 0;
}
.navgallery:nth-last-of-type(2) {
  float: left;
}
.navgallery:nth-last-of-type(2):hover rect.middle,
.navgallery:nth-last-of-type(2).mouseover rect.middle {
  transform: translateX(-45px);
  width: 350px;
}
.navgallery:nth-last-of-type(2):hover rect.top,
.navgallery:nth-last-of-type(2).mouseover rect.top {
  transform: rotate(150deg) translateY(120px);
  transform-origin: center center;
  opacity: 1;
}
.navgallery:nth-last-of-type(2):hover rect.bottom,
.navgallery:nth-last-of-type(2).mouseover rect.bottom {
  transform-origin: center center;
  transform: rotate(-150deg) translateY(-120px);
  opacity: 1;
}
.navgallery:nth-last-of-type(1) {
  float: right;
  transform: rotate(180deg);
}
.navgallery:nth-last-of-type(1):hover rect.middle,
.navgallery:nth-last-of-type(1).mouseover rect.middle {
  transform: translateX(-45px);
  width: 350px;
}
.navgallery:nth-last-of-type(1):hover rect.top,
.navgallery:nth-last-of-type(1).mouseover rect.top {
  transform: rotate(150deg) translateY(120px);
  transform-origin: center center;
  opacity: 1;
}
.navgallery:nth-last-of-type(1):hover rect.bottom,
.navgallery:nth-last-of-type(1).mouseover rect.bottom {
  transform-origin: center center;
  transform: rotate(-150deg) translateY(-120px);
  opacity: 1;
}
.navgallery:active rect.middle {
  fill: #fff;
}