html,
body {
  margin: 0;
  padding: 0;
  font-family: Montserrat, sans-serif;
  overflow-x: hidden;
  width: 100%;
  height: auto;
  background: white;
}
html :focus,
body :focus {
  outline: 0;
}
body.uvod {
  background: black;
}
.altamira-gdpr-cookie-consent {
  font-family: Montserrat, sans-serif !important;
  font-weight: 300 !important;
}
.clear {
  clear: both;
}
.container {
  width: 90% !important;
  max-width: 1400px !important;
  position: relative;
}
a {
  transition: all 0.3s !important;
  text-decoration: none;
}
header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9999;
}
header #logo {
  float: left;
}
header #logo a {
  display: block;
  margin: 30px 0;
  padding: 0;
}
header #logo a img {
  height: 80px;
}
header #logo a span {
  display: none;
}
header #languages {
  float: right;
  margin: 0 80px 0 0;
}
header #languages ul {
  list-style-type: none;
  padding: 0;
  margin: 63px 0 0 0;
}
header #languages ul li {
  display: inline-block;
  margin: 0 20px 0 0;
}
header #languages ul li a {
  color: white;
  font-weight: 300;
  font-size: 1.2em;
}
header #languages ul li a:hover,
header #languages ul li a.active {
  color: #e8293b;
  text-decoration: none;
}
header .menu-icon {
  margin: 45px 0 0 0;
  padding: 15px 15px;
  border-radius: 50%;
  float: right;
  cursor: pointer;
  background: #e8293b;
}
header .menu-icon .bar1,
header .menu-icon .bar2,
header .menu-icon .bar3 {
  width: 30px;
  height: 2px;
  background-color: white;
  margin: 6px 0;
  transition: 0.4s;
}
header .menu-icon:hover .bar1,
header .menu-icon:hover .bar2,
header .menu-icon:hover .bar3 {
  background-color: white;
}
header .menu-icon.change .bar1 {
  -webkit-transform: rotate(-45deg) translate(-6px, 6px);
  transform: rotate(-45deg) translate(-6px, 6px);
}
header .menu-icon.change .bar2 {
  opacity: 0;
}
header .menu-icon.change .bar3 {
  -webkit-transform: rotate(45deg) translate(-4px, -6px);
  transform: rotate(45deg) translate(-4px, -6px);
}
header.blog {
  background: #222;
}
header.active {
  position: fixed;
}
#slider-panel {
  position: relative;
  height: 100vh;
  min-height: 700px;
  background: black;
  overflow: hidden;
}
#slider-panel h1 {
  position: absolute;
  color: black;
  font-size: 0.2em;
  top: 0;
  left: 0;
}
#slider-panel .container {
  position: relative;
  height: 100%;
}
#slider-panel .container #slider {
  position: relative;
  height: 100%;
  z-index: 3;
}
#slider-panel .container #slider .slick-list,
#slider-panel .container #slider .slick-track {
  height: 100%;
}
#slider-panel .container #slider .slide {
  position: relative;
  height: 100%;
}
#slider-panel .container #slider .slide .text {
  position: relative;
  top: calc(50%);
  transform: translateY(-50%);
  text-align: left;
}
#slider-panel .container #slider .slide .text p.header-info {
  color: white;
  font-size: 1em;
  font-weight: 300;
}
#slider-panel .container #slider .slide .text h2 {
  width: 100%;
  margin: 0;
  padding: 0;
  font-size: 8em;
  font-weight: 900;
  color: #e8293b;
  line-height: 130px;
  font-family: 'Poppins', sans-serif;
}
#slider-panel .container #slider .slide .text h2 span {
  margin-left: 4%;
  display: block;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #fff;
  color: transparent;
}
#slider-panel .container #slider .slide .text h2.special {
  line-height: 120px;
  font-size: 5em;
}
#slider-panel .container #social {
  position: absolute;
  top: calc(50% + 50px);
  right: 0;
  transform: translateY(-50%);
  z-index: 10;
}
#slider-panel .container #social ul {
  margin: 0 20px 0 0;
  padding: 0;
  writing-mode: vertical-rl;
  list-style-type: none;
}
#slider-panel .container #social ul li {
  display: inline-block;
  margin: 20px 0 0 0;
}
#slider-panel .container #social ul li a {
  display: block;
  color: white;
  font-weight: 300;
  font-size: 1em;
  text-transform: uppercase;
}
#slider-panel .container #social ul li a:hover {
  text-decoration: none;
  color: #e8293b;
}
#slider-panel .container #social ul li:first-child {
  margin: 0;
}
@keyframes anim1 {
  0% {
    transform: translateY(-50%) translateX(50%) rotate(0deg) scale(1.4) perspective(0) rotateY(0);
  }
  25% {
    transform: translateY(-50%) translateX(50%) rotate(90deg) scale(1.7) perspective(400px) rotateY(45deg);
  }
  50% {
    transform: translateY(-50%) translateX(50%) rotate(180deg) scale(2.1) perspective(-400px) rotateY(-45deg);
  }
  75% {
    transform: translateY(-50%) translateX(50%) rotate(90deg) scale(1.7) perspective(400px) rotateY(45deg);
  }
  100% {
    transform: translateY(-50%) translateX(50%) rotate(0deg) scale(1.4) perspective(0) rotateY(0);
  }
}
@keyframes trans2 {
  0% {
    d: path("M181,-174.3C221.5,-140.5,232.2,-70.2,222.2,-10C212.2,50.2,181.4,100.4,140.9,138.4C100.4,176.4,50.2,202.2,1.6,200.6C-46.9,198.9,-93.8,169.8,-139.8,131.8C-185.8,93.8,-230.9,46.9,-235,-4.1C-239.2,-55.2,-202.3,-110.3,-156.3,-144.1C-110.3,-178,-55.2,-190.5,7.5,-198C70.2,-205.6,140.5,-208.1,181,-174.3Z");
  }
  20% {
    d: path("M140.8,-150.5C161,-120.7,141,-60.3,143.6,2.6C146.2,65.5,171.4,131.1,151.2,174.4C131.1,217.7,65.5,238.9,18.1,220.7C-29.2,202.6,-58.5,145.1,-106.3,101.8C-154.1,58.5,-220.6,29.2,-238.4,-17.8C-256.2,-64.8,-225.3,-129.6,-177.5,-159.5C-129.6,-189.3,-64.8,-184.2,-2.2,-181.9C60.3,-179.7,120.7,-180.3,140.8,-150.5Z");
  }
  40% {
    d: path("M135,-125.8C176.1,-93.8,211.6,-46.9,214,2.5C216.5,51.9,186,103.7,144.9,142C103.7,180.4,51.9,205.2,8.7,196.5C-34.4,187.7,-68.8,145.5,-106,107.2C-143.2,68.8,-183.1,34.4,-179.8,3.3C-176.5,-27.8,-130,-55.6,-92.8,-87.6C-55.6,-119.6,-27.8,-155.8,9.5,-165.4C46.9,-174.9,93.8,-157.8,135,-125.8Z");
  }
  60% {
    d: path("M155,-159.8C194.5,-115.5,215.7,-57.7,214,-1.8C212.2,54.2,187.4,108.4,147.9,143.3C108.4,178.1,54.2,193.5,8.4,185.2C-37.5,176.8,-75,144.6,-113.6,109.8C-152.3,75,-192.1,37.5,-201.1,-9C-210.1,-55.4,-188.1,-110.8,-149.4,-155.1C-110.8,-199.4,-55.4,-232.7,1.2,-233.9C57.7,-235.1,115.5,-204.2,155,-159.8Z");
  }
  80% {
    d: path("M105.1,-85C151.8,-58.5,215.9,-29.2,227.7,11.8C239.5,52.8,198.9,105.6,152.3,148.6C105.6,191.6,52.8,224.8,14.8,209.9C-23.1,195.1,-46.2,132.2,-89.4,89.2C-132.5,46.2,-195.8,23.1,-204,-8.2C-212.3,-39.6,-165.5,-79.2,-122.4,-105.7C-79.2,-132.2,-39.6,-145.6,-5.2,-140.4C29.2,-135.2,58.5,-111.5,105.1,-85Z");
  }
  100% {
    d: path("M181,-174.3C221.5,-140.5,232.2,-70.2,222.2,-10C212.2,50.2,181.4,100.4,140.9,138.4C100.4,176.4,50.2,202.2,1.6,200.6C-46.9,198.9,-93.8,169.8,-139.8,131.8C-185.8,93.8,-230.9,46.9,-235,-4.1C-239.2,-55.2,-202.3,-110.3,-156.3,-144.1C-110.3,-178,-55.2,-190.5,7.5,-198C70.2,-205.6,140.5,-208.1,181,-174.3Z");
  }
}
#slider-panel .circle,
#category-slider .circle {
  position: absolute;
  top: 50%;
  right: 25%;
  transform: translateY(-50%) translateX(50%);
  width: 90%;
  height: 100vh;
  overflow: hidden;
  text-align: center;
  z-index: 3;
  animation: anim1 20s linear infinite;
}
#slider-panel .circle svg,
#category-slider .circle svg {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 3;
}
#slider-panel .circle svg path,
#category-slider .circle svg path {
  position: relative;
  z-index: 3;
  fill: none;
  stroke: #e8293b;
  stroke-width: 1px;
  animation: trans2 20s linear infinite;
}
#slider-panel .circle svg path:nth-child(1),
#category-slider .circle svg path:nth-child(1) {
  z-index: 1;
  transform: scale(1);
}
#slider-panel .circle svg path:nth-child(2),
#category-slider .circle svg path:nth-child(2) {
  z-index: 1;
  transform: scale(0.9);
}
#slider-panel .circle svg path:nth-child(3),
#category-slider .circle svg path:nth-child(3) {
  z-index: 1;
  transform: scale(0.8);
}
#slider-panel .circle svg path:nth-child(4),
#category-slider .circle svg path:nth-child(4) {
  z-index: 1;
  transform: scale(0.7);
}
#slider-panel .circle svg path:nth-child(5),
#category-slider .circle svg path:nth-child(5) {
  z-index: 1;
  transform: scale(0.6);
}
#slider-panel .circle svg path:nth-child(6),
#category-slider .circle svg path:nth-child(6) {
  transform: scale(0.5);
}
#slider-panel .circle svg path:nth-child(7),
#category-slider .circle svg path:nth-child(7) {
  transform: scale(0.4);
}
#slider-panel .circle svg path:nth-child(8),
#category-slider .circle svg path:nth-child(8) {
  transform: scale(0.3);
}
#slider-panel .circle svg path:nth-child(9),
#category-slider .circle svg path:nth-child(9) {
  transform: scale(0.2);
}
#slider-panel .circle svg path:nth-child(10),
#category-slider .circle svg path:nth-child(10) {
  transform: scale(0.1);
}
#category-slider {
  position: relative;
  height: auto;
  min-height: 500px;
  overflow: hidden;
  text-align: left;
  background: black;
}
#category-slider .container {
  height: 100%;
}
#category-slider .container #social {
  position: absolute;
  top: calc(50% + 50px);
  right: 0;
  transform: translateY(-50%);
  z-index: 10;
}
#category-slider .container #social ul {
  margin: 0 20px 0 0;
  padding: 0;
  writing-mode: vertical-rl;
  list-style-type: none;
}
#category-slider .container #social ul li {
  display: inline-block;
  margin: 20px 0 0 0;
}
#category-slider .container #social ul li a {
  display: block;
  color: white;
  font-weight: 300;
  font-size: 1em !important;
  text-transform: uppercase;
}
#category-slider .container #social ul li a:hover {
  text-decoration: none;
  color: #e8293b;
}
#category-slider .container #social ul li:first-child {
  margin: 0;
}
#category-slider .container .text {
  padding: 300px 0 200px 0;
  position: relative;
}
#category-slider .container .text h1 {
  position: relative;
  text-align: left;
  width: 70%;
  font-size: 5em;
  font-weight: 900;
  margin: 0 0 30px 0;
  padding: 0;
  font-family: 'Poppins', sans-serif;
  z-index: 3;
  line-height: 1.1;
  color: #e8293b;
  text-transform: uppercase;
}
#category-slider .container .text a.button {
  position: relative;
  margin: 40px 15px 0 0;
  text-align: center;
  display: inline-block;
  font-size: 1.3em;
  color: white;
  border: 1px solid #e8293b;
  font-weight: 300;
  padding: 15px 30px;
  border-radius: 30px;
  z-index: 3;
  text-transform: uppercase;
}
#category-slider .container .text a.button:hover {
  background: #e8293b;
  text-decoration: none;
}
#category-slider .container .text p {
  width: 60%;
  position: relative;
  margin: 0 0 15px 0;
  padding: 0;
  font-size: 1.1em;
  color: #ddd;
  font-weight: 200;
  text-align: left;
  z-index: 3;
}
#category-slider.contact .container .text h1 {
  font-size: 8em;
}
#category .submenu {
  position: relative;
  width: 100%;
  margin: 0;
  background: #0d0204;
  border-top: 1px solid #333;
}
#category .submenu ul {
  margin: 0;
  padding: 20px 0;
  list-style-type: none;
}
#category .submenu ul li {
  padding: 0;
  margin: 10px 30px 10px 0;
  display: inline-block;
}
#category .submenu ul li a {
  position: relative;
  display: block;
  padding: 0 0 0 50px;
  color: white;
  font-size: 1.2em;
  font-weight: 200;
}
#category .submenu ul li a:before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 30px;
  height: 2px;
  background: #e8293b;
  z-index: 1;
}
#category .submenu ul li a:hover {
  color: #e8293b;
}
#category .submenu ul li:before {
  display: none;
}
#category .classic {
  margin: 100px 0 0 0;
}
#category .classic p {
  position: relative;
  font-size: 1.3em;
  color: black;
  margin: 0 0 15px 0;
  font-weight: 200;
  z-index: 1;
}
#category .classic p:last-child {
  margin: 0;
}
#category .classic a {
  color: #e8293b;
}
#category .classic ul {
  position: relative;
  z-index: 1;
  padding: 0 0 0 20px;
  margin: 0 0 15px 0;
}
#category .classic ul,
#category .classic ol {
  list-style-type: none;
}
#category .classic ul li,
#category .classic ol li {
  position: relative;
  padding: 0 0 8px 30px;
  font-size: 1.2em;
  color: black;
}
#category .classic ul li:before,
#category .classic ol li:before {
  content: "";
  position: absolute;
  top: 10px;
  left: 0;
  width: 10px;
  height: 10px;
  background: #e8293b;
  font-weight: 200;
}
#category .classic h2,
#category .classic h3,
#category .classic h4 {
  position: relative;
  margin: 30px 0;
  color: black;
  z-index: 1;
  font-weight: 600;
}
#category .classic h2 {
  font-size: 3.5em;
}
#category .classic h3 {
  font-size: 2em;
}
#category .classic h4 {
  font-size: 1.5em;
}
#category .classic .special .col-md-4,
#category .classic .col-md-6 {
  padding: 40px 40px 0 40px;
}
#category .classic .col-md-6:before,
#category .classic .col-md-4:before {
  content: attr(data-title);
  position: absolute;
  top: -30px;
  left: 0;
  font-size: 6em;
  font-weight: 900;
  z-index: 0;
  color: #eee;
  font-family: 'Poppins', sans-serif;
}
#category .text-left-image-right,
#category .text-left-image-right-special {
  margin: 80px 0 0 0;
  position: relative;
  overflow: hidden;
}
#category .text-left-image-right .col-md-6:nth-child(1),
#category .text-left-image-right-special .col-md-6:nth-child(1) {
  padding: 100px 100px 100px 0;
}
#category .text-left-image-right .col-md-6:nth-child(1) .text,
#category .text-left-image-right-special .col-md-6:nth-child(1) .text {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
}
#category .text-left-image-right .col-md-6:nth-child(2),
#category .text-left-image-right-special .col-md-6:nth-child(2) {
  position: relative;
  text-align: center;
}
#category .text-left-image-right .col-md-6:nth-child(2) video,
#category .text-left-image-right-special .col-md-6:nth-child(2) video {
  position: absolute;
  top: 50%;
  left: 50%;
  width: auto !important;
  transform: translateX(-50%) translateY(-50%);
  max-width: 100%;
  max-height: 100%;
  height: auto !important;
}
#category .text-left-image-right .col-md-6:nth-child(2) img,
#category .text-left-image-right-special .col-md-6:nth-child(2) img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: auto;
  transform: translateX(-50%) translateY(-50%);
  max-width: 100%;
  max-height: 100%;
  height: auto !important;
}
#category .text-right-image-left,
#category .text-right-image-left-special {
  margin: 80px 0 0 0;
  position: relative;
  overflow: hidden;
}
#category .text-right-image-left .col-md-6:nth-child(2),
#category .text-right-image-left-special .col-md-6:nth-child(2) {
  padding: 100px 0 100px 100px;
}
#category .text-right-image-left .col-md-6:nth-child(2) .text,
#category .text-right-image-left-special .col-md-6:nth-child(2) .text {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
}
#category .text-right-image-left .col-md-6:nth-child(1),
#category .text-right-image-left-special .col-md-6:nth-child(1) {
  position: relative;
  text-align: center;
}
#category .text-right-image-left .col-md-6:nth-child(1) video,
#category .text-right-image-left-special .col-md-6:nth-child(1) video {
  position: absolute;
  top: 50%;
  right: 50%;
  max-width: 100%;
  max-height: 100%;
  width: auto !important;
  height: auto !important;
  transform: translateX(50%) translateY(-50%);
}
#category .text-right-image-left .col-md-6:nth-child(1) img,
#category .text-right-image-left-special .col-md-6:nth-child(1) img {
  position: absolute;
  top: 50%;
  right: 50%;
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto !important;
  transform: translateX(50%) translateY(-50%);
}
#category .text-right-image-left-special .col-md-6:nth-child(1) {
  text-align: right;
}
#category .text-top-image-bottom {
  position: relative;
}
#category .text-top-image-bottom .text {
  position: relative;
  margin: 40px 0;
}
#category .text-top-image-bottom img {
  width: 100%;
}
#category .text-top-image-bottom .text h2,
#category .text-right-image-left .text h2,
#category .text-left-image-right .text h2,
#category .text-right-image-left-special .text h2,
#category .text-left-image-right-special .text h2,
#category .text-top-image-bottom .text h3,
#category .text-right-image-left .text h3,
#category .text-left-image-right .text h3,
#category .text-right-image-left-special .text h3,
#category .text-left-image-right-special .text h3 {
  margin: 0 0 30px 0;
  font-family: 'Montserrat', sans-serif;
  font-weight: 700 !important;
  line-height: 1.1;
}
#category .text-top-image-bottom .text h2,
#category .text-right-image-left .text h2,
#category .text-left-image-right .text h2,
#category .text-right-image-left-special .text h2,
#category .text-left-image-right-special .text h2 {
  font-size: 3em;
  font-weight: 900;
}
#category .text-top-image-bottom .text h3,
#category .text-right-image-left .text h3,
#category .text-left-image-right .text h3,
#category .text-right-image-left-special .text h3,
#category .text-left-image-right-special .text h3 {
  font-size: 1.5em;
  font-weight: 700;
}
#category .text-top-image-bottom .text p,
#category .text-right-image-left .text p,
#category .text-left-image-right .text p,
#category .text-right-image-left-special .text p,
#category .text-left-image-right-special .text p {
  margin: 0 0 10px 0;
  font-size: 1.2em;
  font-weight: 200;
  color: #777;
}
#category .text-top-image-bottom .text p.special,
#category .text-right-image-left .text p.special,
#category .text-left-image-right .text p.special,
#category .text-right-image-left-special .text p.special,
#category .text-left-image-right-special .text p.special {
  font-size: 1.3em;
  font-weight: 300;
}
#category .text-top-image-bottom .text p:last-child,
#category .text-right-image-left .text p:last-child,
#category .text-left-image-right .text p:last-child,
#category .text-right-image-left-special .text p:last-child,
#category .text-left-image-right-special .text p:last-child {
  margin: 0;
}
#category .text-top-image-bottom .text a,
#category .text-right-image-left .text a,
#category .text-left-image-right .text a,
#category .text-right-image-left-special .text a,
#category .text-left-image-right-special .text a {
  color: #e8293b;
}
#category .text-top-image-bottom .text a.button,
#category .text-right-image-left .text a.button,
#category .text-left-image-right .text a.button,
#category .text-right-image-left-special .text a.button,
#category .text-left-image-right-special .text a.button {
  cursor: pointer;
  margin: 30px 0 0 0;
  display: inline-block;
  background: #e8293b;
  color: white;
  border: 1px solid #e8293b;
  border-radius: 5px;
  padding: 12px 20px;
  text-transform: uppercase;
}
#category .text-top-image-bottom .text a.button:hover,
#category .text-right-image-left .text a.button:hover,
#category .text-left-image-right .text a.button:hover,
#category .text-right-image-left-special .text a.button:hover,
#category .text-left-image-right-special .text a.button:hover {
  color: #e8293b;
  text-decoration: none;
  background: none;
}
#category .text-top-image-bottom .text ul,
#category .text-right-image-left .text ul,
#category .text-left-image-right .text ul,
#category .text-right-image-left-special .text ul,
#category .text-left-image-right-special .text ul,
#category .text-top-image-bottom .text ol,
#category .text-right-image-left .text ol,
#category .text-left-image-right .text ol,
#category .text-right-image-left-special .text ol,
#category .text-left-image-right-special .text ol {
  list-style-type: none;
}
#category .text-top-image-bottom .text ul li,
#category .text-right-image-left .text ul li,
#category .text-left-image-right .text ul li,
#category .text-right-image-left-special .text ul li,
#category .text-left-image-right-special .text ul li,
#category .text-top-image-bottom .text ol li,
#category .text-right-image-left .text ol li,
#category .text-left-image-right .text ol li,
#category .text-right-image-left-special .text ol li,
#category .text-left-image-right-special .text ol li {
  position: relative;
  padding: 0 0 8px 30px;
  font-size: 1.2em;
  color: black;
}
#category .text-top-image-bottom .text ul li:before,
#category .text-right-image-left .text ul li:before,
#category .text-left-image-right .text ul li:before,
#category .text-right-image-left-special .text ul li:before,
#category .text-left-image-right-special .text ul li:before,
#category .text-top-image-bottom .text ol li:before,
#category .text-right-image-left .text ol li:before,
#category .text-left-image-right .text ol li:before,
#category .text-right-image-left-special .text ol li:before,
#category .text-left-image-right-special .text ol li:before {
  content: "";
  position: absolute;
  top: 10px;
  left: 0;
  width: 10px;
  height: 10px;
  background: #e8293b;
  font-weight: 200;
}
#category .text-top-image-bottom .text p {
  font-size: 1.4em;
}
#category .text-right-image-left-special .text h2,
#category .text-left-image-right-special .text h2,
#category .text-right-image-left-special .text h3,
#category .text-left-image-right-special .text h3 {
  line-height: normal;
}
#category .text-right-image-left-special .text h2.big,
#category .text-left-image-right-special .text h2.big {
  font-size: 3em;
}
#category .text-right-image-left-special .text h2,
#category .text-left-image-right-special .text h2 {
  font-size: 1.8em;
}
#category .text-right-image-left-special .text h3,
#category .text-left-image-right-special .text h3 {
  font-size: 1.4em;
}
#category .box {
  background: #eee;
  margin: 0 0 30px 0;
  padding: 30px;
}
#category .box .col-md-3 {
  padding: 0;
}
#category .box h3 {
  margin: 0 0 10px 0;
  color: #e8293b;
  font-size: 2em;
  font-weight: 600;
  font-family: 'Poppins', sans-serif;
}
#category .box p {
  margin: 0 0 20px 0;
  padding: 0;
  font-size: 1.3em;
  color: black;
}
#category .box a {
  display: inline-block;
  background: #e8293b;
  color: white;
  padding: 10px 20px;
  border-radius: 5px;
  background: linear-gradient(to right, rgba(0, 0, 0, 0) 50%, #e8293b 50%) right bottom;
  background-size: 200% 100%;
  transition: all 0.4s;
  font-size: 1.1em;
  font-weight: 300;
  border: 1px solid #e8293b;
}
#category .box a:hover {
  background-position: left bottom;
  text-decoration: none;
  color: #e8293b;
}
#category .box .image {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  margin: 0;
  width: 100%;
  text-align: center;
}
#category .box .image img {
  max-width: 100%;
  max-height: 250px;
}
#category.price-offer {
  border-top: 1px solid #333;
  background: black;
}
#category.price-offer #price-offer {
  margin: 100px 0;
}
#category.price-offer #price-offer .letter,
#category.price-offer #price-offer .form {
  padding: 40px;
}
#category.price-offer #price-offer .letter {
  background: #333;
}
#category.price-offer #price-offer .form {
  background: #e8293b;
}
#category.price-offer #price-offer :focus {
  outline: none;
}
#category.price-offer #price-offer h2 {
  display: inline-block;
  text-align: center;
  position: relative;
  font-size: 4em;
  font-weight: 900;
  padding: 0 20px;
  margin: 0 0 60px 0 ;
  color: white;
  text-transform: uppercase;
  font-family: 'Poppins', sans-serif;
  z-index: 3;
  line-height: 1.1;
}
#category.price-offer #price-offer h2:before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 17px;
  transform: translateX(-50%);
  width: 100%;
  height: 15px;
  background: #e8293b;
  z-index: -1;
}
#category.price-offer #price-offer p {
  color: white;
  font-family: 'Courgette', cursive;
  font-size: 1.9em;
}
#category.price-offer #price-offer p span {
  color: #e8293b;
}
#category.price-offer #price-offer form label {
  display: block;
  margin: 0 0 30px 0;
  font-size: 1.3em;
  font-weight: 500;
  color: white;
  width: 100%;
}
#category.price-offer #price-offer form label input,
#category.price-offer #price-offer form label select,
#category.price-offer #price-offer form label textarea {
  margin: 8px 0 0 0;
  width: 100%;
  padding: 8px 12px;
  border: 1px solid white;
  -webkit-appearance: none;
  background: none;
  font-size: 1.1em;
  color: white;
  border-radius: 0;
}
#category.price-offer #price-offer form label input[type="checkbox"] {
  float: left;
  padding: 0;
  width: 30px;
  height: 30px;
  margin: 0 15px 0 0;
}
#category.price-offer #price-offer form label input[type="checkbox"]:checked {
  background: #eee;
}
#category.price-offer #price-offer form label textarea {
  height: 125px;
}
#category.price-offer #price-offer form input[type="submit"] {
  margin: 0 0 20px 0;
  width: 100%;
  padding: 12px;
  border: 1px solid white;
  -webkit-appearance: none;
  background: white;
  font-size: 1.1em;
  font-weight: 600;
  color: #e8293b;
  border-radius: 0;
  cursor: pointer;
}
#category.price-offer .footer {
  border-top: 1px solid #333;
}
#category.price-offer .footer nav {
  padding: 30px 0 10px 0;
}
#category.price-offer .footer nav ul {
  margin: 0;
  padding: 0;
  text-align: center;
}
#category.price-offer .footer nav ul li {
  margin: 0 20px 20px 0;
  display: inline-block;
  font-weight: 300;
}
#category.price-offer .footer nav ul li a {
  font-size: 1.1em;
  color: grey;
  text-transform: uppercase;
}
#category.price-offer .footer nav ul li a:hover {
  color: #e8293b;
  text-decoration: none;
}
#success {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  z-index: 99999999;
}
#success .panel {
  position: relative;
  width: 500px;
  max-width: 90%;
  height: auto;
  padding: 30px;
  background: #e8293b;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  color: white;
}
#success .panel p {
  color: white;
  margin: 0 0 30px 0;
  font-size: 1.4em;
  font-weight: 600;
  text-align: center;
}
#success .panel button {
  background: white;
  color: #e8293b;
  border: 0;
  width: 100%;
  padding: 15px 0;
  font-size: 1.4em;
  font-weight: 600;
  cursor: pointer;
}
#success .panel button:hover {
  background: #eee;
}
#article {
  margin: 200px 0 0 0;
}
#article .clanok .image {
  margin: 65px 0 55px 0;
  overflow: hidden;
}
#article .clanok .image img {
  margin: 0;
  position: relative;
  width: 100%;
}
#article .clanok img {
  margin: 30px 0;
  width: 100% !important;
  height: auto !important;
}
#article .clanok h1 {
  font-weight: 900;
  color: #e8293b;
  font-size: 3em;
  text-transform: uppercase;
}
#article .clanok h2,
#article .clanok h3,
#article .clanok h4 {
  margin: 50px 0 40px 0;
  font-size: 2em !important;
  font-weight: 700;
}
#article .clanok ul,
#article .clanok ol {
  margin: 20px 0;
  list-style-type: none;
}
#article .clanok ul li,
#article .clanok ol li {
  position: relative;
  margin: 0 0 10px 0;
  padding: 0 0 0 30px;
  font-size: 1.1em;
  line-height: 1.8;
  color: black;
  font-weight: 300;
}
#article .clanok ul li:before,
#article .clanok ol li:before {
  content: "";
  position: absolute;
  top: 12px;
  left: 0;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #e8293b;
}
#article .clanok p {
  color: black;
  font-size: 1.1em;
  line-height: 1.8;
  font-weight: 300;
}
#article .clanok a {
  color: #e8293b;
  font-weight: 500;
}
#article .clanok #share ul {
  width: auto;
  margin: 80px 0 0 0;
  padding: 0;
  list-style-type: none;
}
#article .clanok #share ul li {
  padding: 0;
  width: 44px;
  display: inline-block;
  margin: 0 15px 0 0;
}
#article .clanok #share ul li a {
  display: block;
}
#article .clanok #share ul li a img {
  height: 40px;
}
#article .clanok #share ul li a:hover {
  text-decoration: none;
}
#article .clanok #share ul li:before {
  display: none;
}
#article .clanok #share ul li:last-child {
  margin: 0;
}
#news-box {
  margin: 140px 0 0 0;
  padding: 60px 0 100px 0;
  background: #eee;
}
#news-box nav {
  margin: 0 0 80px 0;
  padding: 0;
}
#news-box nav ul {
  padding: 0;
  margin: 0;
}
#news-box nav ul li {
  display: block;
  margin: 0;
}
#news-box nav ul li a {
  display: block;
  color: black;
  padding: 20px 15px;
  border-bottom: 2px solid black;
  text-transform: uppercase;
  font-size: 1.2em;
}
#news-box nav ul li a.active {
  border-bottom: 2px solid #e8293b;
  color: #e8293b;
}
#news-box nav ul li a:hover {
  color: #e8293b;
}
#news-box nav ul li:last-child {
  margin: 0;
}
#news-box #paginator {
  margin: 80px 0 0 0;
}
#news-box #paginator ul li {
  display: inline-block;
}
#news-box article {
  margin: 0 0 30px 0;
}
#news-box article a {
  display: block;
}
#news-box article a .image {
  position: relative;
  padding: 0;
  margin: 0;
  overflow: hidden;
  background: white;
}
#news-box article a .image img {
  padding: 0;
  margin: 0;
  width: 100%;
  transition: all 0.1s;
}
#news-box article a .article-container {
  border-right: 1px solid white;
  border-bottom: 1px solid white;
  border-left: 1px solid white;
  background: white;
}
#news-box article a .article-container .article-text {
  margin: 0;
  padding: 20px;
}
#news-box article a .article-container .article-text h2 {
  margin: 20px 0 0 0 ;
  padding: 0;
  color: black;
  font-size: 1.5em;
  font-weight: 700;
}
#news-box article a .article-container .article-text p {
  padding: 0;
  margin: 0;
  font-size: 1em;
  color: #777;
  font-weight: 300;
}
#news-box article a .article-container .article-text p.date {
  color: darkgrey;
  font-size: 0.8em;
  font-weight: 600;
}
#news-box article a .article-container .article-text p.date span {
  margin: 0 15px 0 0;
}
#news-box article a .article-container .category {
  position: relative;
  border-top: 1px solid #ddd;
  padding: 30px;
}
#news-box article a .article-container .category .show {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0 20px;
  transform: translateY(-50%);
  background: white;
}
#news-box article a .article-container .category .show p {
  background: #ddd;
  text-transform: none;
  padding: 10px 20px;
  border-radius: 30px;
  color: grey;
}
#news-box article a .article-container .category p {
  padding: 0;
  margin: 0;
  font-size: 1.1em;
  color: darkgrey;
  font-weight: 500;
  text-transform: uppercase;
}
#news-box article a:hover {
  text-decoration: none;
}
#news-box article a:hover .article-container {
  box-shadow: 0 15px 45px -9px rgba(0, 0, 0, 0.2);
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  border-left: 1px solid #ddd;
}
#news-box article:last-child {
  border-bottom: 0;
}
#contact {
  background: black;
}
#contact [class*='col-'] {
  padding: 34px 0 0 20px;
  border-right: 1px solid #333;
}
#contact [class*='col-']:last-child {
  padding: 34px;
  border-right: 0;
}
#contact .fast-contact {
  border-top: 1px solid #333;
  border-bottom: 1px solid #333;
}
#contact .fast-contact h2 {
  margin: 0;
  padding: 0;
  color: silver;
  font-size: 1em;
  text-transform: uppercase;
  font-weight: 300;
}
#contact .fast-contact p {
  margin: 0;
  padding: 0;
  font-size: 2em;
  color: white;
  font-weight: 700;
}
#contact .fast-contact p a {
  color: white;
}
#contact .fast-contact p a:hover {
  color: #e8293b;
  text-decoration: none;
}
#contact .fast-contact .invoice [class*='col-'] {
  padding: 0;
  border-right: 0;
}
#contact .fast-contact .invoice [class*='col-'] p.special {
  font-size: 0.9em;
  margin: 15px 0 0 0;
  padding: 0 15px;
  font-weight: 300;
}
#contact .main-content [class*='col-'] {
  padding: 50px;
  text-align: left;
}
#contact .main-content [class*='col-']:first-child {
  padding: 50px 50px 50px 20px;
}
#contact .main-content .center-align {
  text-align: center;
}
#contact .main-content h2 {
  margin: 0;
  padding: 0;
  font-size: 5em;
  font-weight: 700;
  color: white;
  text-transform: uppercase;
  text-align: left;
}
#contact .main-content h2.special {
  margin: 25px 0 40px 0;
  line-height: 50px;
  font-size: 2.7em;
  text-align: center;
}
#contact .main-content p {
  color: silver;
  font-size: 1.2em;
  font-weight: 300;
}
#contact .main-content p a {
  display: inline-block;
  background: none;
  border: 0;
  padding: 0;
  margin: 20px 0 0 0;
  text-transform: none;
}
#contact .main-content p a.email {
  font-size: 2em;
  color: white;
  font-weight: 700;
}
#contact .main-content p a.phone {
  margin: 0;
  color: grey;
  font-size: 1em !important;
}
#contact .main-content p a:hover {
  color: #e8293b;
  background: none;
}
#contact .main-content p.special-1 {
  margin: 0;
}
#contact .main-content p.special {
  margin: 0 auto;
  width: 60%;
  text-align: center;
}
#contact .main-content a {
  margin: 40px 0 0 0;
  display: inline-block;
  padding: 10px 30px;
  border: 1px solid #e8293b;
  color: #e8293b;
  font-size: 1.2em;
  text-transform: uppercase;
}
#contact .main-content a:hover {
  background: #e8293b;
  color: white;
}
#contact .main-content ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
#contact .main-content ul li {
  color: white;
  margin: 0 0 8px 0;
}
#contact .main-content ul li a {
  display: block;
  margin: 0;
  padding: 0;
  border: 0;
  color: white;
  font-weight: 300;
  font-size: 1.2em;
}
#contact .main-content ul li a:hover {
  color: #e8293b;
  text-decoration: none;
  background: none;
}
#contact .footer-contact {
  border-top: 1px solid #333;
}
#contact .footer-contact nav {
  padding: 30px 0 10px 0;
}
#contact .footer-contact nav ul {
  margin: 0;
  padding: 0;
  text-align: center;
}
#contact .footer-contact nav ul li {
  margin: 0 20px 20px 0;
  display: inline-block;
  font-weight: 300;
}
#contact .footer-contact nav ul li a {
  font-size: 1.1em;
  color: grey;
  text-transform: uppercase;
}
#contact .footer-contact nav ul li a:hover {
  color: #e8293b;
  text-decoration: none;
}
#about {
  position: relative;
  background: black;
  padding: 0 0 250px 0;
}
#about .box-text {
  background: black;
}
#about .animation {
  position: relative;
  height: 100%;
}
@keyframes trans {
  0% {
    d: path("M111,-90.1C115.2,-56.8,70.1,-21.2,43.4,26.9C16.7,75,8.4,135.5,-20.8,147.5C-49.9,159.5,-99.9,123,-142.9,65.5C-185.9,8,-222,-70.5,-197,-115.7C-172.1,-161,-86,-173,-16.3,-163.6C53.4,-154.2,106.8,-123.3,111,-90.1Z");
  }
  33% {
    d: path("M56.1,-49.6C76.5,2.8,99.3,36.7,90.4,63.3C81.4,90,40.7,109.5,3.9,107.3C-32.9,105,-65.8,81,-99.7,39.9C-133.7,-1.2,-168.6,-59.3,-152.1,-109.5C-135.7,-159.7,-67.8,-201.8,-25,-187.4C17.9,-173,35.8,-102,56.1,-49.6Z");
  }
  66% {
    d: path("M212.5,-120C252.9,-52.7,247.7,43.7,204.7,118.2C161.7,192.7,80.8,245.3,8.4,240.5C-64.1,235.7,-128.2,173.3,-131.1,122C-133.9,70.7,-75.6,30.3,-43.6,-32.2C-11.5,-94.7,-5.8,-179.3,40.1,-202.5C86,-225.7,172.1,-187.3,212.5,-120Z");
  }
  100% {
    d: path("M111,-90.1C115.2,-56.8,70.1,-21.2,43.4,26.9C16.7,75,8.4,135.5,-20.8,147.5C-49.9,159.5,-99.9,123,-142.9,65.5C-185.9,8,-222,-70.5,-197,-115.7C-172.1,-161,-86,-173,-16.3,-163.6C53.4,-154.2,106.8,-123.3,111,-90.1Z");
  }
}
#about .animation .blob {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  transform: translateX(-50%) translateY(-50%);
  text-align: center;
  z-index: 3;
}
#about .animation .blob svg {
  position: relative;
  width: 100%;
  z-index: 3;
}
#about .animation .blob svg path {
  position: relative;
  z-index: 3;
  transform: translateY(-100px);
  animation: trans 10s ease-in-out infinite;
}
@keyframes trans1 {
  0% {
    d: path("M141.9,-43.6C147.5,-28.9,90.5,8.6,33.2,51.6C-24.1,94.7,-81.7,143.2,-115.2,126.4C-148.7,109.7,-158,27.7,-134.8,-11.3C-111.6,-50.3,-55.8,-46.1,6.2,-48.1C68.2,-50.1,136.3,-58.3,141.9,-43.6Z");
  }
  50% {
    d: path("M191.9,-49.7C201.8,-31.9,130.6,24.9,83.3,42.1C36.1,59.3,12.7,36.9,-42.7,8.5C-98,-19.9,-185.5,-54.3,-183.7,-60.9C-182,-67.5,-91,-46.2,0,-46.2C91,-46.2,182,-67.5,191.9,-49.7Z");
  }
  100% {
    d: path("M141.9,-43.6C147.5,-28.9,90.5,8.6,33.2,51.6C-24.1,94.7,-81.7,143.2,-115.2,126.4C-148.7,109.7,-158,27.7,-134.8,-11.3C-111.6,-50.3,-55.8,-46.1,6.2,-48.1C68.2,-50.1,136.3,-58.3,141.9,-43.6Z");
  }
}
#about .animation .blob1 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  width: 100%;
  height: 100%;
  text-align: center;
  z-index: 3;
}
#about .animation .blob1 svg {
  position: relative;
  width: 100%;
  z-index: 3;
  transform: scale(1.5);
}
#about .animation .blob1 svg path {
  position: relative;
  z-index: 3;
  fill: none;
  stroke: #e8293b;
  stroke-width: 1px;
  animation: trans1 5s linear infinite;
}
#about .animation .blob1 svg path:nth-child(1) {
  transform: scale(1);
}
#about .animation .blob1 svg path:nth-child(2) {
  transform: scale(0.8);
}
#about .animation .blob1 svg path:nth-child(3) {
  transform: scale(0.6);
}
#about .animation .blob1 svg path:nth-child(4) {
  transform: scale(0.4);
}
#about .animation .blob1 svg path:nth-child(5) {
  transform: scale(0.2);
}
#about .text h2 {
  display: block;
  position: relative;
  width: 100%;
  max-width: 800px;
  padding: 0;
  margin: 0 0 150px 0;
  font-size: 2em;
  text-transform: uppercase;
  font-weight: 900;
  color: #e8293b;
  z-index: 2;
  font-family: 'Montserrat', sans-serif;
}
#about .text h2:before {
  content: "DIGITAL";
  font-size: 7em;
  opacity: 0.1;
  color: white;
  position: absolute;
  top: -75px;
  left: -30px;
  width: 100%;
  z-index: -1;
}
#about .text p {
  padding: 0 0 0 25px;
  margin: 30px 0;
  font-weight: 300;
  color: white;
  font-size: 1.3em;
}
#about .text blockquote {
  margin: 0 0 80px 0;
  position: relative;
  padding: 0 0 0 25px;
  width: 80%;
  font-weight: 600;
  font-size: 1.4em;
  color: silver;
  font-style: italic;
}
#about .text blockquote:before {
  content: '\201C';
  position: absolute;
  top: -35px;
  left: -35px;
  color: white;
  opacity: 0.2;
  font-size: 6em;
  z-index: 0;
}
#about .text a {
  display: inline-block;
  margin: 30px 0 0 0;
  padding: 15px 30px;
  background: #e8293b;
  color: white;
  border-radius: 30px;
  font-size: 1.3em;
}
#about .text a:hover {
  text-decoration: none;
}
#fast-info {
  margin: 100px 0 0 0;
}
#fast-info .notification {
  padding: 5px 10px;
  margin: 0 0 30px 0;
  background: #222;
  border-radius: 30px;
}
#fast-info .notification .headline {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  background: #e8293b;
  border-radius: 30px;
  padding: 15px 25px;
}
#fast-info .notification .headline span {
  margin: 0;
  display: block;
  color: white;
  text-align: center;
}
#fast-info .notification p {
  padding: 15px 0;
  margin: 0;
  font-size: 1.2em;
  color: white;
}
#fast-info .notification:hover {
  background: #333;
}
#benefits {
  margin: 120px 0 0 0;
}
#benefits p {
  display: inline-block;
  position: relative;
  left: 50%;
  color: white;
  font-weight: 700;
  font-family: Montserrat, sans-serif;
  transform: translateX(-50%);
}
#benefits p span.special {
  display: block;
  font-size: 4em;
  color: #e8293b;
}
#partners {
  margin: 150px 0 100px 0;
  background: black;
}
#partners #people-references {
  height: 100%;
  border: 1px solid #333;
  background: #111;
}
#partners #people-references .slick-list,
#partners #people-references .slick-track {
  height: 100%;
}
#partners #people-references .slide {
  height: 100%;
}
#partners #people-references .slide .text {
  position: relative;
  text-align: center;
  padding: 40px;
}
#partners #people-references .slide .text img {
  margin: 0 0 30px 0;
  width: auto;
  height: 60px;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}
#partners #people-references .slide .text img.small {
  height: 40px;
}
#partners #people-references .slide .text img.white {
  filter: invert(1);
}
#partners #people-references .slide .text p.content {
  position: relative;
  margin: 0;
  color: #888;
  font-size: 0.8em;
  font-weight: 300;
  font-style: italic;
}
#partners #people-references .slide .text p.content::before {
  content: '\201C';
  position: absolute;
  left: 0;
  top: -30px;
  font-size: 5em;
  font-style: italic;
  font-weight: 700;
  z-index: 0;
  color: #222;
}
#partners #people-references .slide .text p.headline {
  margin: 0 0 10px 0;
  font-size: 1.6em;
  font-weight: 700;
  color: #e8293b;
}
#partners #people-references .slide .text p.position {
  margin: 0 0 30px 0;
  font-size: 1em;
  color: silver;
  font-weight: 500;
}
#partners .partner {
  position: relative;
  height: 100px;
  text-align: center !important;
  margin: 0 0 20px 0;
}
#partners .partner .partner-container {
  height: 100px;
  background: black;
}
#partners .partner .partner-container img {
  margin: auto;
  position: relative;
  top: 50%;
  width: auto;
  height: auto;
  max-width: 80%;
  max-height: 70%;
  transform: translateY(-50%);
  filter: invert(0.3);
  transition: all 0.4s;
}
#partners .partner .partner-container img:hover {
  transform: rotateX(360deg) translateY(-50%);
  filter: none;
}
#slider-references {
  margin: 0 0 170px 0;
  height: 800px;
}
#slider-references .slide {
  padding: 30px 0;
  height: 700px;
  overflow: hidden;
}
#slider-references .slide .row,
#slider-references .slide .container {
  height: 100%;
}
#slider-references .slide .image {
  height: 100%;
  overflow: hidden;
}
#slider-references .slide .image picture {
  display: block;
  position: relative;
  height: 100%;
}
#slider-references .slide .image picture img {
  position: relative;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  max-width: 90%;
  max-height: 100%;
}
#slider-references .slide .text {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  text-align: left;
}
#slider-references .slide .text p.headline {
  margin: 0 0 50px 0;
  font-family: Montserrat, sans-serif;
  font-size: 3em;
  font-weight: 700;
  color: white;
}
#slider-references .slide .text a {
  display: inline-block;
  padding: 15px 30px;
  color: white;
  font-size: 1.2em;
  background: #e8293b;
  border-radius: 30px;
}
#slider-references .white {
  background: white;
}
#slider-references .white .text p.headline {
  color: black;
}
#references {
  position: relative;
  z-index: 2;
  margin: 50px 0 0 0;
}
#references .reference {
  margin: 0 0 50px 0;
  position: relative;
  overflow: hidden;
}
#references .reference .col-lg-4 {
  overflow: hidden;
}
#references .reference .col-lg-4 .text {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  margin: 0;
  text-align: left;
}
#references .reference .image,
#references .reference .col-md-4 {
  position: relative;
  padding: 0;
  overflow: hidden;
}
#references .reference .image {
  padding: 50px 0;
  background-size: cover;
}
#references .reference .text.special {
  text-align: right;
}
#references .reference img {
  position: relative;
  top: 50%;
  left: 50%;
  padding: 0;
  max-width: 90%;
  max-height: 500px;
  transform: translateY(-50%) translateX(-50%) !important;
  margin: 0;
}
#references .reference ul {
  margin: 0;
  padding: 0;
}
#references .reference ul li {
  display: inline-block;
  margin: 0 10px 10px 0;
  color: #e8293b;
  font-size: 1.1em;
}
#references .reference p {
  color: #777;
  opacity: 1;
  margin: 0 0 30px 0;
  font-size: 1.1em;
}
#references .reference p.headline {
  margin: 30px 0 20px 0;
  font-size: 3em;
  line-height: 1.1;
  color: black;
  font-weight: 700;
  font-family: 'Montserrat', sans-serif;
}
#references .reference a {
  border-radius: 5px;
  margin: 0;
  display: inline-block;
  padding: 15px 20px;
  border: 1px solid #e8293b;
  color: #e8293b;
  text-transform: uppercase;
  font-size: 1em;
  font-weight: 300;
  background: linear-gradient(to right, #e8293b 50%, rgba(0, 0, 0, 0) 50%) right bottom;
  background-size: 200% 100%;
  transition: all 0.4s;
}
#references .reference a:hover {
  background-position: left bottom;
  text-decoration: none;
  color: white;
}
#references #button {
  margin: 20px 0;
  display: block;
  text-align: center;
}
#references #button button {
  background: #e8293b;
  padding: 20px 40px;
  font-size: 1.6em;
  color: white;
  border: 0;
  border-radius: 7px;
  cursor: pointer;
}
#references #button button:hover {
  background: #b01725;
}
#references.references-slider {
  margin: 0 0 50px 0;
}
#references-1 {
  position: relative;
  z-index: 2;
  margin: 80px 0;
}
#references-1 .reference {
  margin: 0 0 80px 0;
  text-align: center;
}
#references-1 .reference ul {
  margin: 0;
  padding: 0;
  text-align: center;
}
#references-1 .reference ul li {
  display: inline-block;
  margin: 0 10px 10px 0;
  color: #e8293b;
  font-size: 1.2em;
}
#references-1 .reference p {
  color: #777;
  opacity: 1;
  margin: 0 0 30px 0;
  font-size: 0.9em;
}
#references-1 .reference p.headline {
  margin: 40px 0 20px 0;
  font-size: 2em;
  line-height: 1.1;
  color: black;
  font-weight: 700;
  font-family: 'Montserrat', sans-serif;
}
#references-1 .reference a {
  border-radius: 5px;
  margin: 0;
  display: inline-block;
  padding: 15px 20px;
  border: 1px solid #e8293b;
  color: #e8293b;
  text-transform: uppercase;
  font-size: 1em;
  font-weight: 300;
  background: linear-gradient(to right, #e8293b 50%, rgba(0, 0, 0, 0) 50%) right bottom;
  background-size: 200% 100%;
  transition: all 0.4s;
}
#references-1 .reference a:hover {
  background-position: left bottom;
  text-decoration: none;
  color: white;
}
#references-1 .reference .image img {
  max-width: 100%;
  max-height: 100%;
}
#references-1 #button {
  margin: 20px 0;
  display: block;
  text-align: center;
}
#references-1 #button button {
  background: #e8293b;
  padding: 20px 40px;
  font-size: 1.6em;
  color: white;
  border: 0;
  border-radius: 7px;
  cursor: pointer;
}
#references-1 #button button:hover {
  background: #b01725;
}
#offer {
  position: relative;
  padding: 50px 0 150px 0;
  z-index: 1;
  background: black;
}
#offer .row {
  margin: 0 -30px;
}
#offer .offer {
  padding: 0 30px;
  margin: 0 0 100px 0;
}
#offer .offer .offer-container {
  position: relative;
  padding: 10px;
  transition: all 1.2s;
  height: 100%;
}
#offer .offer .offer-container .text {
  position: relative;
  height: calc(100% + 50px);
}
#offer .offer .offer-container .text h2 {
  margin: 0;
  color: white;
  font-size: 2em;
  font-weight: 700;
  font-family: 'Montserrat', sans-serif;
}
#offer .offer .offer-container .text p {
  color: silver;
  margin: 20px 0 0 0;
  font-size: 0.8em;
}
#offer .offer .offer-container .text a {
  position: absolute;
  display: block;
  left: 0;
  bottom: 0;
  margin: 0;
  font-size: 1em;
  color: #e8293b;
}
#offer .offer .offer-container .text a:hover {
  text-decoration: none;
}
#offer.category {
  margin: 100px 0 0 0;
  padding: 100px 0;
  background: #eee;
}
#offer.category .offer .offer-container .text h2 {
  color: black;
}
#offer.category .offer .offer-container .text p {
  color: #333;
}
#people {
  margin: 100px 0;
}
#people .people {
  padding: 0 30px;
  margin-bottom: 30px;
}
#people .people .panel {
  padding: 20px;
  border: 1px solid silver;
  border-radius: 0;
  background: #eee;
}
#people .people .panel:nth-child(even) {
  border: 0;
  border-top: 1px solid silver;
  border-bottom: 1px solid silver;
  border-right: 1px solid silver;
}
#people .people .col-lg-4 img {
  width: 100%;
  filter: grayscale(100%);
  border-radius: 50%;
}
#people .people h3 {
  margin: 0;
  font-size: 1.7em;
  color: black;
  font-weight: 700;
}
#people .people p {
  margin: 5px 0 15px 0;
  color: #e8293b;
  font-size: 1.2em;
  text-transform: uppercase;
}
#people .people table tr td {
  font-size: 1.3em;
  padding: 0 5px 5px 5px;
  font-weight: 200;
  color: black;
}
#people .people table tr td img {
  height: 25px;
  filter: grayscale(1) invert(1);
}
#people .people table tr td:first-child {
  width: 40px;
}
#people .people:last-child {
  margin-bottom: 0;
}
#people .people:hover .col-lg-4 img {
  filter: none;
}
#map {
  height: 400px;
}
footer {
  padding: 100px 0 50px 0;
  position: relative;
  color: #f7f7f7;
  text-align: left;
  background: black;
}
footer .responsive-panel {
  margin-bottom: 100px;
}
footer #main-footer {
  margin: 0 0 250px 0;
}
footer #main-footer img {
  margin: 0 0 30px 0;
  height: 100px;
}
footer #main-footer p {
  font-size: 0.9em;
  color: #777;
  line-height: 1.5;
  font-family: Montserrat, sans-serif;
  font-weight: 500;
}
footer #main-footer p a {
  color: #e8293b;
}
footer #main-footer .copyright {
  font-size: 1.4em;
}
footer #main-footer h3 {
  font-weight: 700;
  color: white;
  font-size: 2em;
}
footer #main-footer ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
footer #main-footer ul li {
  margin: 0 0 15px 0;
  color: #777;
  padding: 0 0 0 40px;
  font-size: 1.2em;
}
footer #main-footer ul li a {
  color: #777;
}
footer #main-footer ul li a:hover {
  color: #e8293b;
}
footer #main-footer ul li.email {
  background: url("../img/email.svg") no-repeat left center;
  background-size: auto 100%;
}
footer #main-footer ul li.phone {
  background: url("../img/phone.svg") no-repeat left center;
  background-size: auto 100%;
}
footer #main-footer ul li.location {
  background: url("../img/placeholder.svg") no-repeat left center;
  background-size: auto 100%;
}
footer #main-footer ul li.web {
  background: url("../img/language.svg") no-repeat left center;
  background-size: auto 100%;
}
footer #information img {
  height: 100px;
}
footer #information h3 {
  position: relative;
  margin: 0 0 60px 0;
  padding: 0 0 20px 0;
  color: white;
  font-size: 2.5em;
  font-weight: 700;
}
footer #information h3:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100px;
  height: 2px;
  background: #e8293b;
}
footer #information a {
  text-decoration: none;
  color: white;
}
footer #information p {
  margin: 40px 0 0 0;
  padding: 0;
  color: white;
  font-weight: 200;
  font-size: 1.1em;
}
footer #information p.special {
  margin: 0 0 20px 0;
  width: 90%;
}
footer #information ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
footer #information ul li {
  position: relative;
  display: inline-block;
  margin: 5px 10px 5px 0;
  padding: 0 0 0 20px;
  font-size: 0.85em;
  color: white;
}
footer #information ul li a {
  text-decoration: none;
  font-weight: 200;
  color: #777;
}
footer #information ul li a:hover {
  color: #e8293b;
  text-decoration: none;
}
footer #information ul li span {
  margin-right: 10px;
  color: #e8293b;
  font-size: 1em;
}
footer #information ul li:before {
  content: "";
  position: absolute;
  top: 5px;
  left: 0;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #e8293b;
}
footer #information ul.keywords li {
  display: inline-block;
  color: #e8293b;
  padding: 10px 15px;
  border-radius: 25px;
  border: 1px solid #e8293b;
  margin: 0 15px 15px 0;
  font-weight: 200;
}
footer #information ul.keywords li:hover {
  background: #e8293b;
  color: white;
}
footer #information ul.keywords li:before {
  display: none;
}
footer p.copyright {
  margin: 30px 0 0 0;
  padding: 0 0 100px 0;
  text-align: center;
  color: white;
  font-size: 1.3em;
}
footer p.copyright a {
  color: #e8293b;
}
#content {
  width: calc(100% - 80px);
  height: 100%;
  transition: all 0.4s;
}
.gallery-photos,
.photos {
  margin: 10px 0 30px 0;
}
.gallery-photos .photo,
.photos .photo {
  margin: 0;
}
.gallery-photos .photo p,
.photos .photo p {
  margin: 15px 0 0 0 !important;
}
.gallery-photos .photo .image,
.photos .photo .image {
  height: 250px;
  padding: 15px;
  background: #eee;
}
.gallery-photos .photo .image .image-container,
.photos .photo .image .image-container {
  height: 220px;
  overflow: hidden;
}
.gallery-photos .photo .image .image-container img,
.photos .photo .image .image-container img {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  min-width: 100%;
  height: 220px;
  transition: all 0.5s;
}
.gallery-photos .photo .image .image-container img:hover,
.photos .photo .image .image-container img:hover {
  transform: translateX(-50%) scale(1.2);
}
.gallery-photos .photo.col-md-6 .image,
.photos .photo.col-md-6 .image {
  height: 384px;
}
.gallery-photos .photo.col-md-6 .image .image-container,
.photos .photo.col-md-6 .image .image-container {
  height: 354px;
}
.gallery-photos .photo.col-md-6 .image .image-container img,
.photos .photo.col-md-6 .image .image-container img {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  width: auto;
  min-width: 100%;
  max-width: 100%;
  min-height: 354px;
  transition: all 0.5s;
}
.gallery-photos .photo.col-md-6 .image .image-container img:hover,
.photos .photo.col-md-6 .image .image-container img:hover {
  transform: translateX(-50%) scale(1.2);
}
#navigation {
  position: fixed;
  top: -100%;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
  overflow: hidden;
  background: url("../img/mrstudio_bg_logo.svg") #222 center center no-repeat;
  background-size: auto 80%;
  transition: all 0.5s !important;
  text-align: center;
}
#navigation nav {
  position: relative;
  top: 50%;
  left: 50%;
  width: 90%;
  max-height: 80%;
  max-width: 1400px;
  transform: translateX(-50%) translateY(-50%);
}
#navigation nav ul li {
  display: inline-block;
  padding: 0;
  margin: 0 50px 30px 0;
  opacity: 0;
  transition: all 0.3s linear 0s;
  visibility: hidden;
}
#navigation nav ul li a {
  padding: 0;
  position: relative;
  color: white;
  font-size: 1.8em;
  font-weight: 600;
  text-transform: uppercase;
}
#navigation nav ul li a:hover,
#navigation nav ul li a.active {
  color: #e8293b;
}
#navigation nav ul li a.active:after {
  content: '';
  display: block;
  width: calc(100% + 20px);
  height: 3px;
  position: absolute;
  background: #e8293b;
  top: 50%;
  left: -10px;
  right: -10px;
}
#navigation nav ul li:last-child a {
  background: #e8293b;
  color: white;
  padding: 10px 15px;
  animation: change_bg 2s infinite;
  border: 1px solid #e8293b;
}
@keyframes change_bg {
  from {
    background: #e8293b;
  }
  to {
    background: none;
  }
}
#navigation.active {
  top: 0;
}
#navigation.active nav ul li {
  text-align: center;
  opacity: 1;
  visibility: visible;
}
#navigation.active nav ul li:nth-child(1) {
  transition-delay: 0.1s;
}
#navigation.active nav ul li:nth-child(2) {
  transition-delay: 0.2s;
}
#navigation.active nav ul li:nth-child(3) {
  transition-delay: 0.3s;
}
#navigation.active nav ul li:nth-child(4) {
  transition-delay: 0.4s;
}
#navigation.active nav ul li:nth-child(5) {
  transition-delay: 0.5s;
}
#navigation.active nav ul li:nth-child(6) {
  transition-delay: 0.6s;
}
#navigation.active nav ul li:nth-child(7) {
  transition-delay: 0.7s;
}
#navigation.active nav ul li:nth-child(8) {
  transition-delay: 0.8s;
}
#navigation.active nav ul li:nth-child(9) {
  transition-delay: 0.9s;
}
#navigation.active nav ul li:nth-child(10) {
  transition-delay: 1s;
}
.contact-box {
  display: block;
  margin: 100px 0 170px 0;
  background: #e8293b;
  color: white;
  padding: 40px;
  border-radius: 30px;
}
.contact-box h3 {
  margin: 0 0 30px 0 !important;
  color: white !important;
  font-size: 2.5em !important;
  padding: 0 !important;
  line-height: normal;
  font-weight: 700;
}
.contact-box h3:before {
  display: none;
}
.contact-box p {
  color: white !important;
  margin: 0 0 30px 0 !important;
  font-size: 1.2em !important;
  font-weight: 300;
}
.contact-box p a {
  color: white !important;
  font-weight: 600;
}
.contact-box a.button {
  display: inline-block;
  background: white;
  color: #b01725 !important;
  padding: 15px 30px;
  border-radius: 30px;
  font-weight: 700;
  font-size: 1.4em;
}
.contact-box a.button:hover {
  background: #eee;
  text-decoration: none;
}
.contact-box.special {
  margin: 0 0 80px 0;
}
#category .contact-box h3 {
  font-size: 1em;
}
#loading {
  display: block;
  position: fixed;
  z-index: 99999999999;
  background: linear-gradient(to right, #333, black);
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  text-align: center;
}
#loading img {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  width: 400px;
  max-width: 80%;
}
#mobile-fast-contact {
  display: none;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 15px 0;
  background: #e8293b;
  color: white;
  z-index: 999;
}
#mobile-fast-contact ul {
  margin: 0;
  padding: 0;
  text-align: center;
}
#mobile-fast-contact ul li {
  margin: 0 20px 0 0;
  display: inline-block;
}
#mobile-fast-contact ul li a {
  padding: 6px 0 6px 30px;
  color: white;
  font-size: 0.9em;
}
#mobile-fast-contact ul li:first-child a {
  background: url("../img/mail.svg") no-repeat left center;
  background-size: auto 20px;
}
#mobile-fast-contact ul li:last-child {
  margin: 0;
}
#mobile-fast-contact ul li:last-child a {
  background: url("../img/telephone.svg") no-repeat left center;
  background-size: auto 20px;
}
.menu {
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.8);
  display: inline-block;
  cursor: pointer;
  pointer-events: none;
  position: absolute;
  bottom: 20px;
  left: 20px;
}
.menu:hover {
  pointer-events: all;
}
.label {
  display: inline-block;
  cursor: pointer;
  pointer-events: all;
}
.spacer {
  display: inline-block;
  width: 80px;
  margin-left: 15px;
  margin-right: 15px;
  vertical-align: middle;
  cursor: pointer;
  position: relative;
}
.spacer:before {
  content: "";
  position: absolute;
  border-bottom: 1px solid #ffffff;
  height: 1px;
  width: 0%;
  transition: width 0.25s ease;
  transition-delay: 0.7s;
}
.item {
  position: relative;
  display: inline-block;
  margin-right: 30px;
  top: 10px;
  opacity: 0;
  transition: opacity 0.5s ease, top 0.5s ease;
  transition-delay: 0;
}
span {
  transition: color 0.5s ease;
}
.item:hover span {
  color: #ff0000;
}
.menu:hover .spacer:before {
  width: 100%;
  transition-delay: 0s;
}
.menu:hover .item {
  opacity: 1;
  top: 0px;
}
.item:nth-child(1) {
  transition-delay: 0.45s;
}
.item:nth-child(2) {
  transition-delay: 0.4s;
}
.item:nth-child(3) {
  transition-delay: 0.35s;
}
.item:nth-child(4) {
  transition-delay: 0.3s;
}
.item:nth-child(5) {
  transition-delay: 0.25s;
}
.item:nth-child(6) {
  transition-delay: 0.2s;
}
.item:nth-child(7) {
  transition-delay: 0.15s;
}
.item:nth-child(8) {
  transition-delay: 0.1s;
}
.item:nth-child(9) {
  transition-delay: 0.05s;
}
.item:nth-child(10) {
  transition-delay: 0s;
}
.menu:hover .item:nth-child(1) {
  transition-delay: 0.25s;
}
.menu:hover .item:nth-child(2) {
  transition-delay: 0.3s;
}
.menu:hover .item:nth-child(3) {
  transition-delay: 0.35s;
}
.menu:hover .item:nth-child(4) {
  transition-delay: 0.4s;
}
.menu:hover .item:nth-child(5) {
  transition-delay: 0.45s;
}
.menu:hover .item:nth-child(6) {
  transition-delay: 0.5s;
}
.menu:hover .item:nth-child(7) {
  transition-delay: 0.55s;
}
.menu:hover .item:nth-child(8) {
  transition-delay: 0.6s;
}
.menu:hover .item:nth-child(9) {
  transition-delay: 0.65s;
}
.menu:hover .item:nth-child(10) {
  transition-delay: 0.7s;
}
/*# sourceMappingURL=style1.css.map */