@font-face {
  font-family: 'Comfortaa';
  src: url("../fonts/Comfortaa-Bold.eot") format("embedded-opentype");
  font-weight: bold;
  font-style: normal; }
@font-face {
  font-family: 'Comfortaa';
  src: url("../fonts/Comfortaa-Bold.woff") format("woff"), url("../fonts/Comfortaa-Bold.ttf") format("truetype"), url("../fonts/Comfortaa-Bold.svg#Comfortaa-Bold") format("svg");
  font-weight: bold;
  font-style: normal; }
@font-face {
  font-family: 'Comfortaa';
  src: url("../fonts/Comfortaa-Light.eot") format("embedded-opentype");
  font-weight: 300;
  font-style: normal; }
@font-face {
  font-family: 'Comfortaa';
  src: url("../fonts/Comfortaa-Light.woff") format("woff"), url("../fonts/Comfortaa-Light.ttf") format("truetype"), url("../fonts/Comfortaa-Light.svg#Comfortaa-Light") format("svg");
  font-weight: 300;
  font-style: normal; }
@font-face {
  font-family: 'Comfortaa';
  src: url("../fonts/Comfortaa-Regular.eot") format("embedded-opentype");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'Comfortaa';
  src: url("../fonts/Comfortaa-Regular.woff") format("woff"), url("../fonts/Comfortaa-Regular.ttf") format("truetype"), url("../fonts/Comfortaa-Regular.svg#Comfortaa-Regular") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'Moon';
  src: url("../fonts/Moon-Bold.eot") format("embedded-opentype");
  font-weight: bold;
  font-style: normal; }
@font-face {
  font-family: 'Moon';
  src: url("../fonts/Moon-Bold.woff") format("woff"), url("../fonts/Moon-Bold.ttf") format("truetype"), url("../fonts/Moon-Bold.svg#Moon-Bold") format("svg");
  font-weight: bold;
  font-style: normal; }
@font-face {
  font-family: 'Moon';
  src: url("../fonts/Moon-Light.eot") format("embedded-opentype");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'Moon';
  src: url("../fonts/Moon-Light.woff") format("woff"), url("../fonts/Moon-Light.ttf") format("truetype"), url("../fonts/Moon-Light.svg#Moon-Light") format("svg");
  font-weight: normal;
  font-style: normal; }
body * {
  font-family: Comfortaa; }
  body * p {
    font-size: 12px;
    font-weight: 700; }

#menu-main-menu li.active {
  color: #c59d41; }

.site-title.sticky img {
  height: 35px; }

.so-panel {
  margin-bottom: 0 !important; }

.main-nav ul li:first-child:before {
  content: ''; }

.main-nav ul li:before {
  content: '|';
  float: left;
  margin-top: -2px; }

/* ----------- SEPARATOR ---------- */
.diagonal-separator.top:before {
  content: "";
  position: absolute;
  z-index: 1000;
  top: 0;
  right: 0;
  border: 50px solid;
  border-left: 50vw solid;
  border-right: 50vw solid;
  border-color: white transparent transparent white; }
.diagonal-separator.top.top-grey:before {
  border-color: #e1e1e1 transparent transparent #e1e1e1; }
.diagonal-separator.top.top-dark:before {
  border-color: #404040 transparent transparent #404040; }
.diagonal-separator.top.top-black:before {
  border-color: #000000 transparent transparent #000000; }
.diagonal-separator.bottom:after {
  content: "";
  position: absolute;
  z-index: 1000;
  bottom: 0;
  right: 0;
  border: 50px solid;
  border-left: 50vw solid;
  border-right: 50vw solid;
  border-color: transparent white white transparent; }
.diagonal-separator.bottom.bottom-grey:after {
  border-color: transparent #404040 #404040 transparent; }
.diagonal-separator.bottom.bottom-black:after {
  border-color: transparent #000000 #000000 transparent; }
.diagonal-separator.bottom.bottom-footer:after {
  border-color: transparent #212121 #212121 transparent; }

.mtp-separator {
  position: absolute;
  width: 100%;
  height: 0;
  left: 0;
  z-index: 5000;
  top: 0;
  bottom: -1px; }
  .mtp-separator.grey {
    top: 49px; }
  .mtp-separator.bottom {
    top: auto;
    bottom: 169px; }

.mtp-separator-inner {
  position: relative;
  height: 100%;
  border: 85px solid;
  border-left: 50vw solid;
  border-right: 50vw solid;
  border-color: white transparent transparent white; }
  .mtp-separator-inner.grey {
    border-color: #e1e1e1 transparent transparent #e1e1e1; }
  .mtp-separator-inner.bottom {
    border-color: transparent #404040 #404040 transparent; }

.subline {
  text-align: center;
  font-weight: 700;
  font-weight: 700; }

.section-title {
  padding-bottom: 0;
  font-family: Moon;
  color: #000000;
  font-size: 30px;
  font-weight: 700;
  line-height: 30px;
  text-align: center;
  letter-spacing: 5px; }

.first-word {
  font-family: Moon;
  color: #cda343;
  font-weight: 700; }

/* ---------------- MTP Agency ------------ */
.domain {
  width: 130px;
  height: 36px;
  background: rgba(255, 255, 255, 0.24);
  text-align: center;
  font-weight: 700;
  margin: 20px 0; }

.domain-letter {
  width: 130px;
  height: 130px;
  background: rgba(0, 0, 0, 0.84);
  font-size: 80px;
  padding: 50px 40px;
  color: #fff;
  font-family: Moon;
  font-weight: 700;
  border-radius: 130px;
  position: relative; }
  .domain-letter span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 60px;
    font-family: Moon;
    font-weight: 700; }

/* ---------------- Concept ------------ */
.concept-divs h5 {
  font-weight: 700; }
.concept-divs hr {
  border: 1px solid #cc9933;
  margin: 9px 0; }
.concept-divs p {
  font-weight: 700;
  text-align: justify; }

/* ---------------- Branding ------------ */
.branding-text {
  width: 80%;
  color: #fff; }
  .branding-text .section-title {
    color: #fff;
    text-align: left; }
  .branding-text hr {
    text-align: left;
    background: #cda343;
    border-left: 100px solid #fff;
    margin: 20px 0; }
  .branding-text .seemore-button {
    border: 1px solid #fff;
    padding: 10px 20px;
    background: transparent;
    text-align: center;
    width: 200px; }
    .branding-text .seemore-button a {
      color: #fff;
      text-decoration: none; }

.let-talk-text {
  width: 80%; }
  .let-talk-text hr {
    background: #000000; }

/* -------- Media ----------- */
#media .section-title {
  /*position: absolute;
bottom: 150px;		  bottom: 120px;
right: 50px;		  left: 50%;
transform: translateX(-50%);
*/
  margin-top: 80px;
  color: #fff; }

/* -------- Contact Form ----------- */
.contact-us {
  background: linear-gradient(to right, transparent, white), url("../images/Layer-35.png") no-repeat; }

.contact-form-home .section-title {
  text-align: left; }
.contact-form-home form ::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #fff; }
.contact-form-home form ::-moz-placeholder {
  /* Firefox 19+ */
  color: #fff; }
.contact-form-home form :-ms-input-placeholder {
  /* IE 10+ */
  color: #fff; }
.contact-form-home form :-moz-placeholder {
  /* Firefox 18- */
  color: #fff; }
.contact-form-home form .sow-submit {
  background: transparent;
  border: 1px solid #000101;
  color: #000101;
  font-weight: 700; }
.contact-form-home form .sow-form-field:nth-child(1) {
  background: rgba(191, 191, 191, 0.25); }
.contact-form-home form .sow-form-field:nth-child(2) {
  background: rgba(127, 127, 127, 0.5); }
.contact-form-home form .sow-form-field:nth-child(3) {
  background: rgba(64, 64, 64, 0.75); }
.contact-form-home form .sow-form-field:nth-child(4) {
  background: black; }

/* --------- FOOTER -------- */
#footer {
  z-index: 500 !important;
  font-family: Moon;
  font-weight: bold;
  text-transform: uppercase; }
  #footer .widget-box {
    width: 100% !important; }
  #footer .main .social-media-button-container span {
    color: #000; }
  #footer .impressum {
    text-align: center; }
  #footer .we-love-mtp {
    font-size: 30px;
    font-family: Moon;
    font-weight: bold;
    letter-spacing: 5px;
    color: #fff;
    text-align: center; }
    #footer .we-love-mtp img {
      margin-bottom: -7px; }
  #footer .secondary {
    text-align: center;
    border-top: 1px solid; }
    #footer .secondary a {
      position: absolute;
      right: 70px;
      color: #747475; }

.sow-social-media-button:hover {
  background: #cda343 !important; }
  .sow-social-media-button:hover span {
    color: white !important; }

.middle-parent {
  position: relative; }

.middle-vertical {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }

/* ShortCode */
.alignCenter {
  margin: 0 auto; }

.wcawbt5sn-label {
  display: none; }

.w1040 {
  width: 1040px; }

.fl {
  float: left; }

#pg-22-6 .section-title {
  z-index: 4; }

.wcawbt5sp-winner {
  cursor: pointer;
  width: 70px !important;
  height: auto !important;
  float: left;
  margin-right: 14px;
  background-color: transparent !important;
  opacity: 1 !important; }

.wcawbt5spw-ava {
  display: block;
  margin-bottom: 8px; }
  .wcawbt5spw-ava img {
    display: block;
    width: 100%;
    border: 2px solid transparent;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%; }

.swiper-pagination-bullet-active .wcawbt5spw-ava img, .wcawbt5sp-winner:hover .wcawbt5spw-ava img {
  border-color: #ffb82d; }

.wcawbpctcw-image-mobile {
  display: none;
  background-color: #e1e1e1; }

.wcawbt5spw-name {
  display: block;
  font-size: 12px;
  line-height: 16px;
  color: #888;
  text-transform: capitalize;
  text-align: center; }

.wcawbpctc-wrapper {
  overflow: hidden;
  position: relative; }

.wcawbpctcw-image {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: #e1e1e1;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  overflow: hidden;
  height: 100vh; }

.wcawbpctcw-image img {
  display: block;
  width: 100%; }

.wcawbpctcw-info {
  position: absolute;
  bottom: 100px;
  left: 0;
  width: 100%; }

.wcawbpctcwi-name {
  font-size: 46px;
  line-height: 60px;
  color: #fff;
  text-transform: uppercase;
  margin: 15px 0 3px; }

.wcawbpctcwi-title {
  display: block;
  margin-bottom: 10px;
  font-size: 17px;
  line-height: 20px;
  color: #fff; }

.wcawbpctcwi-note {
  font-size: 12px;
  color: #777;
  line-height: 16px;
  text-transform: uppercase; }

.wca-home-end .wcawbpctcw-image a, .wca-home-end .wcawbpctcw-image-mobile a {
  display: block; }

.team-slick-slider {
  margin: 0 !important; }

.wcawbt5s-nav {
  position: absolute;
  top: 165px;
  left: 0;
  width: 100%;
  z-index: 2; }

.wcawbt5sp-winner:first-child, .wcawbt5swn:first-child .wcawbpctcw-info {
  display: none; }

.text-left {
  text-align: left; }

.text-white {
  color: white; }

.overlay {
  position: relative; }
  .overlay .middle-vertical {
    z-index: 5; }
  .overlay::after {
    content: "";
    position: absolute;
    background: rgba(0, 0, 0, 0.31);
    top: 0;
    height: 100%;
    left: 0;
    width: 100%; }

@media (min-width: 781px) {
  #rev_slider_3_1_wrapper {
    height: 100vh !important; }

  .diagonal-separator {
    height: 100vh;
    overflow: hidden; }

  .domain-right, .domain-right * {
    float: right;
    clear: both; }

  .half-height-desktop {
    height: 50vh; }
    .half-height-desktop .textwidget {
      height: 50vh; } }
@media (max-width: 780px) {
  .wcawbpctcw-info {
    left: 50px;
    bottom: 50px; }
    .wcawbpctcw-info h2 {
      font-size: 24px; }

  .wcawbt5s-nav {
    left: 50%;
    margin-left: -168px; }

  #media .section-title {
    position: initial;
    padding-top: 10px; }

  .branch_logo {
    width: 50%;
    float: left; }
    .branch_logo .domain-letter, .branch_logo .domain {
      zoom: 0.8;
      margin: 0 auto; }

  #footer {
    margin-top: 0; }
    #footer .impressum {
      font-size: 12px; }
    #footer .secondary a {
      display: block;
      position: initial; }

  .wcawbpctcw-image {
    display: none; }

  .wcawbpctcw-image-mobile {
    display: block;
    margin-top: 300px; } }
@media (max-width: 530px) {
  .wcawbpctcw-info {
    bottom: 20px; }
    .wcawbpctcw-info h2 {
      font-size: 18px;
      line-height: 1;
      margin-top: 0;
      margin-bottom: 15px; }
    .wcawbpctcw-info span {
      font-size: 14px;
      margin-bottom: 0; } }

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