@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: local("Raleway"), local("Raleway-Medium"), url(../font/Raleway-Medium.ttf) format("woff2");
  /*    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;*/ }
body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.42857143;
  color: #333;
  background-color: #fff;
  margin: 0;
  overflow: hidden;
  background-image: url(../img/Background_grey.jpg); }

.footer {
  position: fixed;
  bottom: 0px;
  text-align: center;
  width: 100%;
  background: rgba(0, 0, 0, 0.5);
  font-size: 16px;
  color: white;
  font-family: 'Raleway', sans-serif; }

.top {
  position: absolute;
  left: calc(50% - 6px);
  top: calc(50% - 222.0833333333px - 5px);
  width: 12px;
  height: 222.0833333333px;
  background: #fff; }

.left_top {
  position: absolute;
  left: calc(50% - 351.6666666667px - 6px);
  top: calc(50% - 222.0833333333px - 5px);
  width: 351.6666666667px;
  height: 222.0833333333px; }

.left {
  position: absolute;
  left: calc(50% - 351.6666666667px - 6px);
  top: calc(50% - 6px);
  width: 351.6666666667px;
  height: 6px;
  background: #fff; }

.right {
  position: absolute;
  left: calc(50% + 1px);
  top: calc(50% - 6px);
  width: 351.6666666667px;
  height: 12px;
  background: #fff; }

.right_top {
  position: absolute;
  left: calc(50% + 1px);
  top: calc(50% - 222.0833333333px - 5px);
  width: 351.6666666667px;
  height: 222.0833333333px; }

.left_bottom {
  position: absolute;
  left: calc(50% - 351.6666666667px - 5px);
  top: calc(50% + 0px);
  width: 351.6666666667px;
  height: 222.0833333333px; }

.bottom {
  position: absolute;
  left: calc(50% - 5px);
  top: calc(50% + 0px);
  width: 12px;
  height: 222.0833333333px;
  background: #fff; }

.right_bottom {
  position: absolute;
  left: calc(50% + 1px);
  top: calc(50% + 0px);
  width: 351.6666666667px;
  height: 222.0833333333px; }

.centered {
  position: absolute;
  left: calc(50% - (220px / 2));
  top: calc(50% - (227.0833333333px / 2));
  background-image: url(../img/Q_szare_2.png);
  background-repeat: no-repeat;
  background-size: contain;
  width: 220px;
  height: 227.0833333333px;
  z-index: 1; }

.flip-container,
.front,
.back {
  width: 351.6666666667px;
  height: 222.0833333333px; }

/***********************************************************/
@media screen and (min-width: 870px) and (min-height: 700px) {
  .top {
    position: absolute;
    left: calc(50% - 7px);
    top: calc(50% - 266.5px - 8px);
    width: 12px;
    height: 266.5px;
    background: #fff; }

  .left_top {
    position: absolute;
    left: calc(50% - 422px - 7px);
    top: calc(50% - 266.5px - 8px);
    width: 422px;
    height: 266.5px; }

  .left {
    position: absolute;
    left: calc(50% - 422px - 6px);
    top: calc(50% - 8px);
    width: 422px;
    height: 8px;
    background: #fff; }

  .right {
    position: absolute;
    left: calc(50% + 1px);
    top: calc(50% - 8px);
    width: 422px;
    height: 8px;
    background: #fff; }

  .right_top {
    position: absolute;
    left: calc(50% + 1px);
    top: calc(50% - 266.5px - 8px);
    width: 422px;
    height: 266.5px; }

  .left_bottom {
    position: absolute;
    left: calc(50% - 422px - 6px);
    top: calc(50% + 0px);
    width: 422px;
    height: 266.5px; }

  .bottom {
    position: absolute;
    left: calc(50% - 6px);
    top: calc(50% + 0px);
    width: 12px;
    height: 266.5px;
    background: #fff; }

  .right_bottom {
    position: absolute;
    left: calc(50% + 2px);
    top: calc(50% + 0px);
    width: 422px;
    height: 266.5px; }

  .centered {
    position: absolute;
    left: calc(50% - (264px / 2));
    top: calc(50% - (272.5px / 2));
    background-image: url(../img/Q_szare_2.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 264px;
    height: 272.5px;
    z-index: 1; }

  .flip-container,
  .front,
  .back {
    width: 422px;
    height: 266.5px; } }
/***********************************************************/
@media screen and (min-width: 1080px) and (min-height: 850px) {
  .top {
    position: absolute;
    left: calc(50% - 8px);
    top: calc(50% - 333.125px - 9px);
    width: 12px;
    height: 333.125px;
    background: #fff; }

  .left_top {
    position: absolute;
    left: calc(50% - 527.5px - 8px);
    top: calc(50% - 333.125px - 9px);
    width: 527.5px;
    height: 333.125px; }

  .left {
    position: absolute;
    left: calc(50% - 527.5px - 8px);
    top: calc(50% - 10px);
    width: 527.5px;
    height: 12px;
    background: #fff; }

  .right {
    position: absolute;
    left: calc(50% + 2px);
    top: calc(50% - 10px);
    width: 527.5px;
    height: 12px;
    background: #fff; }

  .right_top {
    position: absolute;
    left: calc(50% + 2px);
    top: calc(50% - 333.125px - 9px);
    width: 527.5px;
    height: 333.125px; }

  .left_bottom {
    position: absolute;
    left: calc(50% - 527.5px - 8px);
    top: calc(50% + 0px);
    width: 527.5px;
    height: 333.125px; }

  .bottom {
    position: absolute;
    left: calc(50% - 8px);
    top: calc(50% + 0px);
    width: 12px;
    height: 333.125px;
    background: #fff; }

  .right_bottom {
    position: absolute;
    left: calc(50% + 2px);
    top: calc(50% + 0px);
    width: 527.5px;
    height: 333.125px; }

  .centered {
    position: absolute;
    left: calc(50% - (330px / 2));
    top: calc(50% - (340.625px / 2));
    background-image: url(../img/Q_szare_2.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 330px;
    height: 340.625px;
    z-index: 1; }

  .flip-container,
  .front,
  .back {
    width: 527.5px;
    height: 333.125px; } }
/***********************************************************/
@media screen and (min-width: 1400px) and (min-height: 950px) {
  .top {
    position: absolute;
    left: calc(50% - 10px);
    top: calc(50% - 380.7142857143px - 11px);
    width: 12px;
    height: 380.7142857143px;
    background: #fff; }

  .left_top {
    position: absolute;
    left: calc(50% - 602.8571428571px - 10px);
    top: calc(50% - 380.7142857143px - 11px);
    width: 602.8571428571px;
    height: 380.7142857143px; }

  .left {
    position: absolute;
    left: calc(50% - 602.8571428571px - 10px);
    top: calc(50% - 12px);
    width: 602.8571428571px;
    height: 12px;
    background: #fff; }

  .right {
    position: absolute;
    left: calc(50% + 1px);
    top: calc(50% - 12px);
    width: 602.8571428571px;
    height: 12px;
    background: #fff; }

  .right_top {
    position: absolute;
    left: calc(50% + 1px);
    top: calc(50% - 380.7142857143px - 11px);
    width: 602.8571428571px;
    height: 380.7142857143px; }

  .left_bottom {
    position: absolute;
    left: calc(50% - 602.8571428571px - 9px);
    top: calc(50% + 1px);
    width: 602.8571428571px;
    height: 380.7142857143px; }

  .bottom {
    position: absolute;
    left: calc(50% - 9px);
    top: calc(50% + 1px);
    width: 12px;
    height: 380.7142857143px;
    background: #fff; }

  .right_bottom {
    position: absolute;
    left: calc(50% + 2px);
    top: calc(50% + 1px);
    width: 602.8571428571px;
    height: 380.7142857143px; }

  .centered {
    position: absolute;
    left: calc(50% - (377.1428571429px / 2));
    top: calc(50% - (389.2857142857px / 2));
    background-image: url(../img/Q_szare_2.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 377.1428571429px;
    height: 389.2857142857px;
    z-index: 1; }

  .flip-container,
  .front,
  .back {
    width: 602.8571428571px;
    height: 380.7142857143px; } }
/***********************************************************/
.img_1a {
  background-image: url(../img/Strategy_logo.png);
  background-repeat: no-repeat;
  background-size: contain; }

.img_1b {
  background-image: url(../img/Strategy_opis.png);
  background-repeat: no-repeat;
  background-size: contain; }

.img_1c {
  background-image: url(../img/Strategy_opis_pl.png);
  background-repeat: no-repeat;
  background-size: contain; }

.img_2a {
  background-image: url(../img/EngageQ_logo.png);
  background-repeat: no-repeat;
  background-size: contain; }

.img_2b {
  background-image: url(../img/EngageQ_opis2.png);
  background-repeat: no-repeat;
  background-size: contain; }

.img_2c {
  background-image: url(../img/EngageQ_PL_opis2.png);
  background-repeat: no-repeat;
  background-size: contain; }

.img_3a {
  background-image: url(../img/Culture_logo.png);
  background-repeat: no-repeat;
  background-size: contain; }

.img_3b {
  background-image: url(../img/Culture_opis.png);
  background-repeat: no-repeat;
  background-size: contain; }

.img_3c {
  background-image: url(../img/Culture_opis_pl.png);
  background-repeat: no-repeat;
  background-size: contain; }

.img_4a {
  background-image: url(../img/Competence_logo.png);
  background-repeat: no-repeat;
  background-size: contain; }

.img_4b {
  background-image: url(../img/Competence_opis.png);
  background-repeat: no-repeat;
  background-size: contain; }

.img_4c {
  background-image: url(../img/Competence_opis_pl.png);
  background-repeat: no-repeat;
  background-size: contain; }

.content-left {
  margin: 10px;
  color: white;
  text-align: left; }

.content-right {
  margin: 10px;
  color: white;
  text-align: right; }

/* simple */
.flip-container {
  -webkit-perspective: 1000;
  -moz-perspective: 1000;
  -ms-perspective: 1000;
  perspective: 1000;
  -ms-transform: perspective(1000px);
  -moz-transform: perspective(1000px);
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d; }

/* START: Accommodating for IE */
.flip-container.hover .back {
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  -o-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  transform: rotateY(0deg); }

.flip-container.hover .front {
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg); }

/* END: Accommodating for IE */
.flipper {
  -webkit-transition: 0.6s;
  -webkit-transform-style: preserve-3d;
  -ms-transition: 0.6s;
  -moz-transition: 0.6s;
  -moz-transform: perspective(1000px);
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transition: 0.6s;
  transform-style: preserve-3d;
  position: relative; }

.front,
.back {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: 0.6s;
  -webkit-transform-style: preserve-3d;
  -webkit-transform: rotateY(0deg);
  -moz-transition: 0.6s;
  -moz-transform-style: preserve-3d;
  -moz-transform: rotateY(0deg);
  -o-transition: 0.6s;
  -o-transform-style: preserve-3d;
  -o-transform: rotateY(0deg);
  -ms-transition: 0.6s;
  -ms-transform-style: preserve-3d;
  -ms-transform: rotateY(0deg);
  transition: 0.6s;
  transform-style: preserve-3d;
  transform: rotateY(0deg);
  position: absolute;
  top: 0;
  left: 0; }

.front {
  -webkit-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  z-index: 2; }

.back {
  -webkit-transform: rotateY(-180deg);
  -moz-transform: rotateY(-180deg);
  -o-transform: rotateY(-180deg);
  -ms-transform: rotateY(-180deg);
  transform: rotateY(-180deg); }

.centered {
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  transition-property: transform; }

.centered:active {
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  transform: rotate(360deg); }

.btn-link {
  color: #ffffff;
  cursor: pointer; }

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

.btn-link {
  font-weight: normal;
  color: #BDBDBD;
  border-radius: 0; }

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

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

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

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

.language {
  position: absolute;
  right: 0px;
  top: 25px;
  width: 150px;
  text-align: center;
  z-index: 1; }

button:focus {
  outline: 0px !important; }

.linkActive {
  text-decoration: underline; }

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