@import url('https://fonts.googleapis.com/css2?family=Kablammo&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
.tp-mask-wrap{
  overflow:visible!important}
.tp-splitted.tp-linesplit{
  font-weight:400}
html{
  font-size:75%;
  -webkit-font-smoothing:antialiased;
  scroll-behavior:smooth}
body{
  font-family: "Montserrat", sans-serif;
  font-weight:400;
  font-size:1em;
  line-height:1.65;
  color:black;
  background-color:white;
  scroll-behavior:smooth}
::-webkit-scrollbar{
  width:8px;
  height:8px}
::-webkit-scrollbar-thumb{
  cursor:pointer;
  background:#fff}
::selection{
  background-color:#c5a47e;
  color:black;}
-webkit-::selection{
  background-color:#c5a47e;
  color:black;}
::-moz-selection{
  background-color:#c5a47e;
  color:black;}
.h1,h1{
  font-family: "Kablammo", system-ui;
  font-weight:400;
  font-size:6vmin;
  line-height:1.2;
  letter-spacing:.32em;
  text-transform:uppercase;
  color:black;}
.h2,h2{
  font-family: "Kablammo", system-ui;
  font-weight:400;
  font-size:2.1875em;
  letter-spacing:.32em;
  text-transform:uppercase;
  color:black;}
.h3,h3{
  font-family: "Kablammo", system-ui;
  font-weight:600;
  font-size:1.875em;
  line-height:1.1;
  font-weight:400;
  color:#00aaaa;}
.h4,h4{
  font-family: "Kablammo", system-ui;
  font-weight:600;
  font-size:1.125em;
  line-height:1.35;
  color:#e15833;;
  letter-spacing:.2em;
  text-transform:uppercase}
.h1 a,.h2 a,.h3 a,.h4 a,h1 a,h2 a,h3 a,h4 a{
  color:inherit}
.h1 a:hover,.h2 a:hover,.h3 a:hover,.h4 a:hover,h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover{
  text-decoration:none}
p{
  margin-bottom:.6em}
b,strong{
  font-family: "Montserrat", sans-serif;
}
ul{
  list-style:none;
  padding-left:0}
a{
  color:#e9047e;
  -webkit-transition:color .3s all;
  -o-transition:color .3s all;
  transition: .3s all}
a:focus,a:hover{
    color: black;;
    outline: 0;
    cursor: pointer;
    text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #00f3ff, 0 0 30px #00f3ff, 0 0 40px #00f3ff, 0 0 55px #00f3ff, 0 0 75px #00f3ff, 2px 2px 2px rgb(206 145 64 / 0%);}
a:focus{
  text-decoration:none}
.form-control,textarea.form-control{
  font-size:1em;
  height:3.625em;
  border-radius:0;
  padding-left:22px;
  color:black;;
  background-color:#323232;
  border:1px solid #323232;
  -webkit-box-shadow:none;
  box-shadow:none;
  -webkit-appearance:none;
  -webkit-transition:all .15s;
  -o-transition:all .15s;
  transition:all .15s}
textarea.form-control{
  height:7.9em;
  padding-top:1.1em;
  resize:none}
.form-control:focus{
  border-color:#c5a47e;
  outline:0;
  -webkit-box-shadow:none;
  box-shadow:none}
.form-control::-moz-placeholder{
  color:black;;
  opacity:1}
.form-control:-ms-input-placeholder{
  color:black;}
.form-control::-webkit-input-placeholder{
  color:black;}
.form-control.error{
  border-color:#c5a47e}
.form-group{
  margin-bottom:10px}
.wobble-error{
  -webkit-animation:hvr-wobble-horizontal 1s ease-in-out 0s 1 normal;
  animation:hvr-wobble-horizontal 1s ease-in-out 0s 1 normal}
label.error{
  display:none!important}
.btn{
  position:relative;
  display:inline-block;
  border:.2em solid #323232;
  border-radius:0;
  padding:1.1em 2.2em 1.05em;
  font-size:.875em;
  color:#fff;
  letter-spacing:.15em;
  text-transform:uppercase;
  text-decoration:none;
  background-color:#323232;
  border:0;
  -webkit-transition:all .3s ease-out!important;
  transition:all .3s ease-out!important}
.btn:focus,.btn:hover{
  color:#fff;
  background-color:#323232;
  -webkit-box-shadow:none;
  box-shadow:none;
  outline:0!important}
.btn .icon-next{
  position:relative;
  top:-.1em;
  margin-left:.6em;
  vertical-align:middle}
.btn-gray{
  background-color:#323232;
  border-color:#323232}
.btn-gray:hover{
  background-color:#c5a47e}
.btn-shadow-1{
  box-shadow:0 15px 34px rgba(0,0,0,.18)}
.btn-shadow-2{
  box-shadow:0 15px 34px rgba(0,0,0,.18)}
.icon-next{
  display:inline-block;
  width:.94em;
  height:.75em;
  background:url(../img/img-icon/next.png) 0 0 no-repeat;
  background-size:.94em .75em}
.loader{
    visibility: hidden;
  position:fixed;
  overflow:hidden;
  z-index:100;
  left:0;
  top:0;
  width:100%;
  height:100%;
  background:#161616;
  color:#fff;
  text-align:center}
.loader-brand{
  position:absolute;
  left:0;
  width:100%;
  top:50%;
  -webkit-transform:translate(0,-50%);
  -ms-transform:translate(0,-50%);
  -o-transform:translate(0,-50%);
  transform:translate(0,-50%)}
.sk-folding-cube{
  margin:20px auto;
  width:40px;
  height:40px;
  position:relative;
  -webkit-transform:rotateZ(45deg);
  transform:rotateZ(45deg)}
.sk-folding-cube .sk-cube{
  float:left;
  width:50%;
  height:50%;
  position:relative;
  -webkit-transform:scale(1.1);
  -ms-transform:scale(1.1);
  transform:scale(1.1)}
.sk-folding-cube .sk-cube:before{
  content:'';
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background-color:#c5a47e;
  -webkit-animation:sk-foldCubeAngle 2.4s infinite linear both;
  animation:sk-foldCubeAngle 2.4s infinite linear both;
  -webkit-transform-origin:100% 100%;
  -ms-transform-origin:100% 100%;
  transform-origin:100% 100%}
.sk-folding-cube .sk-cube2{
  -webkit-transform:scale(1.1) rotateZ(90deg);
  transform:scale(1.1) rotateZ(90deg)}
.sk-folding-cube .sk-cube3{
  -webkit-transform:scale(1.1) rotateZ(180deg);
  transform:scale(1.1) rotateZ(180deg)}
.sk-folding-cube .sk-cube4{
  -webkit-transform:scale(1.1) rotateZ(270deg);
  transform:scale(1.1) rotateZ(270deg)}
.sk-folding-cube .sk-cube2:before{
  -webkit-animation-delay:.3s;
  animation-delay:.3s}
.sk-folding-cube .sk-cube3:before{
  -webkit-animation-delay:.6s;
  animation-delay:.6s}
.sk-folding-cube .sk-cube4:before{
  -webkit-animation-delay:.9s;
  animation-delay:.9s}
@-webkit-keyframes sk-foldCubeAngle{
  0%,10%{
    -webkit-transform:perspective(140px) rotateX(-180deg);
    transform:perspective(140px) rotateX(-180deg);
    opacity:0}
  25%,75%{
    -webkit-transform:perspective(140px) rotateX(0);
    transform:perspective(140px) rotateX(0);
    opacity:1}
  100%,90%{
    -webkit-transform:perspective(140px) rotateY(180deg);
    transform:perspective(140px) rotateY(180deg);
    opacity:0}
}
@keyframes sk-foldCubeAngle{
  0%,10%{
    -webkit-transform:perspective(140px) rotateX(-180deg);
    transform:perspective(140px) rotateX(-180deg);
    opacity:0}
  25%,75%{
    -webkit-transform:perspective(140px) rotateX(0);
    transform:perspective(140px) rotateX(0);
    opacity:1}
  100%,90%{
    -webkit-transform:perspective(140px) rotateY(180deg);
    transform:perspective(140px) rotateY(180deg);
    opacity:0}
}
.layout{
  position:relative;
  overflow:hidden;
  scroll-behavior:smooth}
.text-primary{
  color:#c3c5c7}
.page-lines{
  position:absolute;
  z-index:-1;
  left:0;
  top:0;
  width:100%;
  height:100%}
.page-lines .col-line{
  padding:0}
.page-lines .line{
  position:absolute;
  left:0;
  width:1px;
  height:50000px;
  background-color:rgba(255,255,255,.08)}
.page-lines .col-line:last-child .line:last-child{
  left:auto;
  right:0}
.row-base{
  margin-top:-3em}
.col-base{
  margin-top:3em}
.section{
  position:relative;
  margin-top:4.1em;
  margin-bottom:4.1em}
.section-header{
  position:relative}
.section-title{
  text-align:center;
  margin:25px;
  margin-left:.32em}
.fade-title-left,.fade-title-right{
  font-family:Montserrat,sans-serif;
  font-weight:700;
  font-size:10.8em;
  line-height:1;
  color:#fff;
  position:absolute;
  left:0;
  top:.03em;
  opacity:.03;
  -webkit-transform:translate(-50%,-50%);
  -ms-transform:translate(-50%,-50%);
  -o-transform:translate(-50%,-50%);
  transform:translate(-50%,-50%)}
.fade-title-right{
  left:100%}
.col-objekte-title{
  background:#323232;
  margin-bottom:0;
  padding:10px}
.header-inner .vertical-panel-content{
  bottom:auto;
  top:12.2vmin}
.brand-panel{
  background-color:transparent;
  top:0;
  left:0;
  width:250px;
  position:fixed;
  transition:all .3s;
  z-index:7;
  padding:15px;
  height: 108.05px;}
.brand{
  display:inline-block;
  font-family:Oswald,sans-serif;
  font-weight:300;
  font-size:4vmin;
  line-height:1;
  height: 50px;
  color:#fff}
.brand:focus,.brand:hover{
  color:#fff;
  text-decoration:none}
.brand-name{
  position:absolute;
  z-index:-1;
  bottom:-.4em;
  right:-.38em;
  font-family:Montserrat,sans-serif;
  font-weight:700;
  font-size:8.75em;
  line-height:1;
  opacity:.04;
  color:#fff}
footer .brand img{
  position:absolute;
  top:-35px;
  left:unset;
  max-height:75px}
.tp-parallax-wrap {
  left:0!important;
}
.slide-number{
  font-family:Oswald,sans-serif;
  margin-top:8vmin;
  display:none}
.slide-number .current-number{
  font-size:8vmin;
  letter-spacing:.1em;
  line-height:1}
.slide-number sup{
  display:inline-block;
  position:relative;
  top:-3px;
  font-size:2vmin;
  letter-spacing:.1em;
  color:#5e5e5e;
  vertical-align:top;
  margin-left:.46em}
.slide-number sup .delimiter{
  display:inline-block;
  margin-right:.4em}
.header-phone{
  font-family:Oswald,sans-serif;
  font-weight:300;
  font-size:.81em;
  letter-spacing:.32em;
  position:absolute;
  z-index:3;
  color:#fff;
  left:50vmin;
  top:5.9vmin}
@media (max-width:480px){
  .header-phone{
    display:none}
}
@media (min-width:992px) and (max-width:1200px){
  .header-phone{
    display:none}
}
.vertical-panel,.vertical-panel-content{
  position:absolute;
  width:19.735vmin;
  left:0;
  bottom:0;
  text-align:center;
  -webkit-transition:all .3s;
  -o-transition:all .3s;
  transition:all .3s}
.vertical-panel{
  z-index:3;
  height:10000px}
.vertical-panel-content{
  z-index:4}
.vertical-panel-info{
  margin-bottom:3.5vmin}
.vertical-panel-info .line{
  height:5vmin;
  width:1px;
  margin:15px auto 0;
  background-color:#646464}
.vertical-panel-title{
  font-family: 'Source Code Pro', monospace;
  font-size:10px;
  white-space:nowrap;
  text-transform:uppercase;
  letter-spacing:1em;
  color:#fff;
  position:relative;
  left:-6px;
  margin:0 auto;
  width:1px;
  -webkit-transform:rotate(-90deg);
  transform:rotate(-90deg);
  -webkit-transform-origin:0 0;
  transform-origin:0 0}

@media (max-width:991px){
.navbar-mobile .brand {
    margin-left: 0px !important;
    margin-top: -17px !important;
    font-size: 1.6em !important;
}
.smallLogo {
    margin-left: 0 !important;
    width: 250px !important;
}
}

@media (max-height:850px){
  .vertical-panel-title{
    display:none}
}
.social-list{
  margin-bottom:3.5vmin}
.social-list li{
  margin-top:3.8vmin}
.social-list .fa{
  font-size:2.4vmin;
  color:#606060}
.social-list .fa:hover{
  color:#c5a47e;
  text-decoration:none}
.navbar-desctop{

  position:fixed;
  z-index:2;
  top:0;
  left:0;
  width:100%;
  padding:0}
.navbar-desctop .brand{
  display:none !important;
  position:relative;
  top:-.22em;
  font-size:1.6em}
.navbar-desctop-menu{
  float:right;
  font-family: "Kablammo", system-ui;
  font-weight:300;
  font-size:.81em;
  letter-spacing:.32em;
  text-transform:uppercase;
  margin-bottom:0;
  background:#161616d9;
  padding:40px 15px;
  width:100vw;
  right:0;
  position:absolute}
.navbar-desctop-menu li{
  position:relative;
  -webkit-perspective:2000px;
  perspective:2000px}
.navbar-desctop-menu li a{
  display:block;
  text-decoration:none;
  font-size:17px;
  color:#fff}
.navbar-desctop-menu .active>a,.navbar-desctop-menu li a:hover{
  color:#c5a47e}
.navbar-desctop-menu>li{
  float:right;
  margin-left:3em}
.navbar-desctop-menu>li>a{
  color:#fff;
  background-color:transparent}
.navbar-desctop-menu li ul{
  position:absolute;
  z-index:10;
  left:100%;
  top:60%;
  visibility:hidden;
  min-width:200px;
  opacity:0;
  box-shadow:0 15px 35px rgba(0,0,0,.1);
  background:rgba(50,50,50,.95);
  -webkit-transition:all .3s ease-out;
  -moz-transition:all .3s ease-out;
  transition:all .3s ease-out}
.navbar-desctop-menu>li>ul{
  left:-20px;
  margin-top:0}
.navbar-desctop-menu li:hover>ul{
  top:0;
  visibility:visible;
  opacity:1}
.navbar-desctop-menu>li:hover>ul{
  top:100%}
.navbar-desctop-menu li li{
  border-bottom:1px solid rgba(255,255,255,.05)}
.navbar-desctop-menu li li:last-child{
  border-bottom:0}
.navbar-desctop-menu li li a{
  color:#fff;
  padding:12px 20px 10px}
/*
.navbar-desctop.affix{
  position:fixed;
  z-index:8;
  top:0;
  background-color:rgba(50,50,50,.95);
  padding:1.3em 0 0;
  box-shadow:0 0 35px rgba(0,0,0,.1)}
*/
.navbar-desctop.affix.affix-top{
  padding-top:2.2em}
.navbar-desctop.affix .brand{
  display:inline-block}
.navbar-desctop.affix .navbar-desctop-menu li a{
  color:#fff}
.navbar-desctop.affix .navbar-desctop-menu .active>a,.navbar-desctop.affix .navbar-desctop-menu li>a:hover{
  color:#adadad}
.navbar-mobile{
  position:absolute;
  z-index:2;
  left:0;
  top:0;
  width:100%;
  height: 60px;
  padding:6vmin 0}
.mobileBack {
    position: absolute;
    right: 6px;
    padding: 10px;
    top: 0;
}
.navbar-mobile .brand{
  display:none;
  margin-left:15px;
  font-size:1.6em}
.navbar-collapse{
  border:0;
  background-color:rgba(50,50,50,.95);
  -webkit-box-shadow:none;
  box-shadow:none}
@media (max-height:320px){
  .navbar-collapse{
    max-height:240px}
}
.smallLogo{
  margin-left:20px}
.navbar-toggle{
  padding:0;
  margin-top:0;
  margin-bottom:0;
  border-radius:0;
  border:0;
  background:rgba(50,50,50,.95);
  padding:10px}
.navbar-toggle .icon-bar{
  background-color:#fff;
  height:2px;
  width:30px}
.navbar-toggle .icon-bar+.icon-bar{
  margin-top:5px}
.navbar-toggle.collapsed .icon-bar{
  background-color:#fff}
.navbar-nav-mobile{
  font-family: 'Source Code Pro', monospace;
  font-weight:300;
  font-size:.9em;
  letter-spacing:.32em;
  text-transform:uppercase;
  padding-top:1.2em;
  margin-bottom:0}
.navbar-nav-mobile li{
  position:relative;
  border-top:1px solid rgba(255,255,255,.1)}
.navbar-nav-mobile li a{
  display:block;
  padding:1em 1em;
  color:#fff;
  text-decoration:none}
.navbar-nav-mobile>.current>a{
  color:#c5a47e}
.navbar-nav-mobile li a .fa-angle-down{
  position:relative;
  display:inline-block;
  vertical-align:middle}
.navbar-nav-mobile>.current>a .fa-angle-down{
  top:-.2em;
  left:-.3em;
  -webkit-transform:rotate(180deg);
  -ms-transform:rotate(180deg);
  -o-transform:rotate(180deg);
  transform:rotate(180deg)}
.navbar-nav-mobile>.active>a,.navbar-nav-mobile>.active>a:hover{
  background-color:#c5a47e;
  color:#fff;
  -webkit-transition:none;
  -o-transition:none;
  transition:none}
.navbar-nav-mobile ul{
  display:none}
.navbar-nav-mobile li .active>a,.navbar-nav-mobile li a:hover{
  color:#c5a47e}
.navbar-mobile.affix{
  position:fixed;
  z-index:8;
  background-color:rgba(50,50,50,.95);
  box-shadow:0 0 35px rgba(0,0,0,.1);
  padding:1.2em 0}
.navbar-mobile.affix .brand{
  display:inline-block}
.navbar-mobile.affix .navbar-toggle .icon-bar{
  background-color:#fff}
.main{
  position:relative;
  overflow:hidden;
  min-height:420px}
.main-inner{
  position:relative;
  z-index:1;
  min-height:0;
  padding:33.7vmin 0 33.7vmin}
.main-inner .page-lines{
  z-index:1}
.main-inner:after{
  content:'';
  position:absolute;
  left:0;
  width:100%;
  height:100%;
  top:0;
  background:-webkit-linear-gradient(bottom,#272727 0,rgba(39,39,39,.95) 10%,rgba(39,39,39,.6) 100%);
  background:linear-gradient(to top,#272727 0,rgba(39,39,39,.95) 10%,rgba(39,39,39,.6) 100%)}
.main-contacts,.main-projects{
  padding:34.2vmin 0 34vmin}
.main-project{
  padding:33.7vmin 0 11vmin;
  background-size:cover;
  background-position:center 0}
.main-header{
  position:relative;
  z-index:2;
  color:#fff;
  text-align:right;
  padding-left:38.5vmin}
.main-header h1{
  color:#fff;
  margin:0;
  margin-right:-.32em}
.rev_slider{
  color:#fff;
  min-height:420px}
.rev_slider .btn{
  -webkit-transition:background-color .3s ease-out!important;
  transition:background-color .3s ease-out!important}
.tp-caption{
  padding:0 20px;
  text-align:right}
.arrow-left,.arrow-right{
  position:absolute;
  z-index:4;
  bottom:4vh;
  cursor:pointer;
  -webkit-transition:all .3s;
  -o-transition:all .3s;
  transition:all .3s}
.arrow-left{
  left:22vmin}
.arrow-right{
  right:15px}
.arrow-left:after,.arrow-right:before{
  content:'';
  display:inline-block;
  vertical-align:middle;
  background-color:transparent;
  font-family: 'Source Code Pro', monospace;
  font-size:1em;
  line-height:1;
  letter-spacing:.32em;
  text-transform:uppercase;
  color:#fff}
.arrow-left:after{
  content:'zurück'}
.arrow-right:before{
  content:'weiter'}
.arrow-left:before,.arrow-right:after{
  content:'';
  display:inline-block;
  vertical-align:middle;
  width:1.3em;
  height:1em;
  opacity:.25;
  -webkit-transition:all .5s;
  -o-transition:all .5s;
  transition:all .5s}
.arrow-left:hover:before,.arrow-right:hover:after{
  opacity:1}
.arrow-left:before{
  background:url(../img/img-icon/prev.png) 0 0 no-repeat;
  background-size:1.3em 1em;
  margin-right:.82em}
.arrow-right:after{
  background:url(../img/img-icon/next.png) 0 0 no-repeat;
  background-size:1.3em 1em;
  margin-left:.72em}
.slide-title{
  font-family: 'Kablammo', system-ui;
  font-size:25px!important;
  text-transform:uppercase;
  background:#16161694 !important;
  line-height:57px!important;
  padding-top:25px!important;
  padding-bottom:25px!important;
    /*  text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #00f3ff, 0 0 30px #00f3ff, 0 0 40px #00f3ff, 0 0 55px #00f3ff, 0 0 75px #00f3ff, 2px 2px 2px rgb(206 145 64 / 0%);*/
  letter-spacing:5px!important}
.slide-subtitle{
  font-size:18px;
  line-height:1.7;
  max-width:500px!important;
  width:50vw;
  white-space:normal!important;
  background:#161616;
  left:0;
  top:45px}
.slide-title.tp-caption.tp-resizeme.splitted{
  padding:0 20px!important}
.tp-splitted.tp-linesplit{
  text-transform: none;}
.bg-about{
  background:url(../img/bg/about.jpg) 50% 0 no-repeat;
  background-size:cover}
.entry-title{
  font-size:3.6em;
  margin:0 0 1em}
.entry-text{
  font-size:1.6em;
  line-height:1.6}
.about .fade-title-left{
  top:1em}
.col-about-title{
  margin-top:0;
  margin-bottom:1.1em}
.col-about-info p:last-child{
  margin-bottom:0}
.col-about-img{
  position:relative}
.col-about-img img{
  display:block;
  box-shadow:0 8px 25px rgba(0,0,0,.2)}
.row-services{
  margin-left:-4.1em;
  margin-right:-4.1em}
.col-service{
  padding:0 4.1em}
.service-item{
  margin-bottom:1.7em}
.service-item:last-child{
  margin-bottom:0}
.service-item h4{
  margin-top:.8em;
  margin-bottom:1.1em}
.services .service-item h4{
  margin-top:1.25em}
.service-item p:last-child{
  margin-bottom:0}
.objects{
  position:relative}
.object-label{
  position:absolute;
  width:1em;
  height:1em;
  background-color:#e5bf93;
  box-shadow:0 0 70px 8px rgba(197,164,126,.75);
  border-radius:50%;
  cursor:pointer;
  -webkit-transition:all .5s;
  -o-transition:all .5s;
  transition:all .5s}
.object-label:hover{
  box-shadow:none}
.popover.top{
  margin-top:-20px}
.object-info{
  position:absolute;
  display:none;
  z-index:1;
  left:50%;
  bottom:40px;
  width:12.4em;
  margin-left:-6.2em;
  padding:1.1em 1.3em 3em;
  border:0;
  background-color:rgba(0,0,0,.3);
  border-radius:4px;
  -webkit-box-shadow:none;
  box-shadow:none}
.object-info.in{
  display:block}
.object-info:before{
  content:'';
  position:absolute;
  top:100%;
  left:50%;
  margin-left:-16px;
  width:0;
  height:0;
  border:16px solid transparent;
  border-top:14px solid rgba(0,0,0,.3)}
.object-title{
  font-size:1em;
  font-family: 'Source Code Pro', monospace;
  font-weight:400;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:#c5a47e;
  padding:0 0 1em;
  border-bottom:1px solid rgba(249,249,249,.2);
  margin:0 0 .5em}
.object-content{
  font-family: 'Source Code Pro', monospace;
  font-size:.75em;
  line-height:2.6;
  color:#fff;
  padding:0}
.popover.top>.arrow{
  border-top-color:transparent}
.popover.top>.arrow:after{
  border-top-color:rgba(0,0,0,.6)}
.bg-projects{
  position:relative;
  background:url(../img/bg/projects.jpg) 50% 0 no-repeat;
  background-size:cover}
.team{
  padding-top:0;
  padding-top:0;
  padding-bottom:0;
  padding-left:5%;
  padding-right:5%;
  margin-top:-25px;
  z-index:9}
div#team-1.team.team-light.col-sm-4.col-md-4.col-lg-4.wf-collection-item.wow.fadeInDown{
  background-image:url(/img/team1-1.jpg);
  background-repeat:no-repeat;
  background-position:left;
  background-size:cover;
  min-height:600px}
div#team-2.team.team-light.col-sm-4.col-md-4.col-lg-4.wf-collection-item.wow.fadeInUp{
  background-image:url(/img/team1-2.jpg);
  background-repeat:no-repeat;
  background-position:center;
  background-size:cover;
  min-height:600px}
div#team-3.team.team-light.col-sm-4.col-md-4.col-lg-4.wf-collection-item.wow.fadeInDown{
  background-image:url(/img/team1-3.jpg);
  background-repeat:no-repeat;
  background-position:right;
  background-size:cover;
  min-height:600px}
div#team-1-2.team.team-light.col-sm-4.col-md-4.col-lg-4.wf-collection-item.wow.fadeInDown,div#team-2-2.team.team-light.col-sm-4.col-md-4.col-lg-4.wf-collection-item.wow.fadeInUp,div#team-3-2.team.team-light.col-sm-4.col-md-4.col-lg-4.wf-collection-item.wow.fadeInDown{
  overflow:hidden;
  min-height:500px;
  padding:0}
div#team-description.team.team-light.col-sm-4.col-md-4.col-lg-4.wf-collection-item.wow.fadeInDown{
  min-height:425px;
  margin-top:-200px}
img.img-team-1{
  min-height:100%;
  margin-left:-12%;
  width:300%}
img.img-team-2{
  min-height:100%;
  margin-left:-112%;
  width:300%}
img.img-team-3{
  min-height:100%;
  margin-left:-212%;
  width:300%}
.team-details-all-item{
  position:relative;
  margin-top:150px;
  margin-bottom:150px}
.team-details-info{
  background-color:#c5a47e;
  padding:4.8em 3.1em 4.8em;
  color:#fff;
  width:275px!important;
  min-height:380px;
  margin-left:-50px;
  max-height:380px}
.team-details-info2{
  background-color:#212121;
  padding:4.8em 3.1em 4.8em;
  color:#fff;
  width:275px!important;
  min-height:380px;
  margin-left:-50px}
.team-details-info3{
  background-color:#212121;
  padding:4.8em 3.1em 4.8em;
  color:#fff;
  width:44%;
  min-height:380px;
  margin-left:-50px;
  right:0;
  position:absolute;
  z-index:1;
  top:13%}
.team-details-info-mobile{
  background-color:#c5a47e;
  padding:4.8em 3.1em 4.8em;
  color:#fff;
  width:100%;
  min-height:380px;
  margin-left:0;
  margin-bottom:80px}
.team-details-info-mobile-dark{
  background-color:#212121;
  padding:4.8em 3.1em 4.8em;
  color:#fff;
  width:100%}
img.team-mobile{
  width:100%}
.flip-card{
  perspective:1000px}
.flip-card,.flip-card-back,.flip-card-front{
  width:275px!important;
  height:380px}
.flip-card-inner{
  transition:.6s;
  transform-style:preserve-3d;
  position:relative}
.flip-card-back,.flip-card-front{
  backface-visibility:hidden;
  position:absolute;
  top:0;
  left:0}
.flip-card-front{
  z-index:2;
  transform:rotateY(0)}
.flip-card-back{
  transform:rotateY(180deg)}
img.team-foto{
  width:70%;
  height:auto;
  -webkit-animation:fadein 8s;
  -moz-animation:fadein 8;
  -ms-animation:fadein 8s;
  -o-animation:fadein 8s;
  animation:fadein 8s}
.team figure{
  position:relative}
.team figure img{
  display:block;
  width:100%;
  -webkit-transition:all 8s linear;
  -o-transition:all 8s linear;
  transition:all 8s linear}
.team figure:after{
  content:'';
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  background-color:#111;
  opacity:.7;
  -webkit-transition:all .5s;
  -o-transition:all .5s;
  transition:all .5s}
.team.team-light figure:after{
  opacity:.4}
.team figcaption{
  position:absolute;
  z-index:1;
  left:0;
  top:0;
  right:0;
  bottom:0;
  margin:3.2em 3.6em}
.team-title{
  position:relative;
  top:0;
  left:0;
  margin:0;
  font-family: 'Source Code Pro', monospace;
  font-weight:400;
  font-size:1.56em;
  line-height:1.45;
  letter-spacing:.07em;
  color:#fff;
  text-transform:uppercase;
  -webkit-transition:all .5s;
  -o-transition:all .5s;
  transition:all .5s}
.team-category{
  position:absolute;
  left:0;
  bottom:0;
  margin:0 0 -.8em;
  font-family: 'Source Code Pro', monospace;
  font-weight:400;
  font-size:14px;
  color:#fff;
  letter-spacing:.8em;
  -webkit-transform:rotate(-90deg);
  -ms-transform:rotate(-90deg);
  -o-transform:rotate(-90deg);
  transform:rotate(-90deg);
  -webkit-transform-origin:0 0;
  transform-origin:0 0;
  -webkit-transition:all .5s;
  -o-transition:all .5s;
  transition:all .5s}
.team-zoom{
  position:absolute;
  left:50%;
  top:50%;
  width:9em;
  height:9em;
  margin:-4.5em;
  border-radius:50%;
  background-color:rgba(197,164,126,.84);
  overflow:hidden;
  opacity:0;
  -webkit-transform:scale(.5);
  -ms-transform:scale(.5);
  -o-transform:scale(.5);
  transform:scale(.5);
  -webkit-transition:all .7s;
  -o-transition:all .7s;
  transition:all .7s}
.team-zoom:after{
  content:'';
  position:absolute;
  left:50%;
  top:50%;
  width:2.625em;
  height:2.625em;
  background:url(../img/img-icon/zoom.png) 0 0 no-repeat;
  background-size:cover;
  -webkit-transform:translate(-50%,-50%);
  -ms-transform:translate(-50%,-50%);
  -o-transform:translate(-50%,-50%);
  transform:translate(-50%,-50%)}
.team figure:hover:after{
  opacity:0}
.team figure:hover img{
  -webkit-transform:scale(1.4);
  transform:scale(1.4)}
.team figure:hover .team-title{
  top:30px;
  opacity:0}
.team figure:hover .team-category{
  opacity:0;
  letter-spacing:2em}
.team figure:hover .team-zoom{
  opacity:1;
  -webkit-transform:scale(1);
  -ms-transform:scale(1);
  -o-transform:scale(1);
  transform:scale(1)}
.team-details-title{
  position:relative;
  font-family: 'Source Code Pro', monospace;
  font-weight:400;
  font-size:1.9em;
  line-height:1.5;
  text-transform:uppercase;
  color:#fff;
  margin:0 0 .7em}
.team-details-title:before{
  content:'';
  position:absolute;
  bottom:-.35em;
  width:10em;
  border-top:1px solid #ededed;
  left:-4.4em;
  width:5.5em}
.team-details-title-back{
  position:relative;
  font-family: 'Source Code Pro', monospace;
  font-weight:400;
  font-size:1.9em;
  line-height:1.5;
  text-transform:uppercase;
  color:#fff;
  margin:0 0 .7em}
.team-details-title-back:before{
  content:'';
  position:absolute;
  bottom:-.35em;
  width:10em;
  border-top:1px solid #ededed;
  left:5.5em;
  width:5.5em}
.team{
  display:block}
.team-mobile{
  display:none}
.bg-projects{
  position:relative;
  background:url(../img/bg/projects.jpg) 50% 0 no-repeat;
  background-size:cover}
.project{
  padding:0;
  overflow:hidden}
.project figure{
  position:relative}
.project figure img{
  display:block;
  width:100%;
  -webkit-transition:all 8s linear;
  -o-transition:all 8s linear;
  transition:all 8s linear}
.project figure:after{
  content:'';
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  background-color:#111;
  opacity:.7;
  -webkit-transition:all .5s;
  -o-transition:all .5s;
  transition:all .5s}
.project.project-light figure:after{
  opacity:.4}
.project figcaption{
  position:absolute;
  z-index:1;
  left:0;
  top:0;
  right:0;
  bottom:0;
  margin:3.2em 3.6em}
.project-title{
  position:relative;
  top:0;
  left:0;
  margin:0;
  font-weight:400;
  font-size:1.56em;
  line-height:1.45;
  letter-spacing:.07em;
  color:#fff;
  text-transform:uppercase;
  -webkit-transition:all .5s;
  -o-transition:all .5s;
  transition:all .5s;
  width:75%;
  float:right}
.project-category{
  position:absolute;
  left:0;
  bottom:0;
  margin:0 0 -.8em;
  font-weight:400;
  font-size:14px;
  color:#fff;
  letter-spacing:.8em;
  -webkit-transform:rotate(-90deg);
  -ms-transform:rotate(-90deg);
  -o-transform:rotate(-90deg);
  transform:rotate(-90deg);
  -webkit-transform-origin:0 0;
  transform-origin:0 0;
  -webkit-transition:all .5s;
  -o-transition:all .5s;
  transition:all .5s}
.projectPannelRight{
  padding:60px;
  color:#000}
.projectPannelRight .btn{
  margin-top:30px}
.projects-carousel{
  background:#fff;
  margin-bottom:25px}
.project-zoom{
  position:absolute;
  left:50%;
  top:50%;
  width:9em;
  height:9em;
  margin:-4.5em;
  border-radius:50%;
  background-color:rgba(0,0,0,.84);
  overflow:hidden;
  opacity:0;
  -webkit-transform:scale(.5);
  -ms-transform:scale(.5);
  -o-transform:scale(.5);
  transform:scale(.5);
  -webkit-transition:all .7s;
  -o-transition:all .7s;
  transition:all .7s}
.project-zoom:after{
  content:'';
  position:absolute;
  left:50%;
  top:50%;
  width:2.625em;
  height:2.625em;
  background:url(../img/img-icon/zoom.png) 0 0 no-repeat;
  background-size:cover;
  -webkit-transform:translate(-50%,-50%);
  -ms-transform:translate(-50%,-50%);
  -o-transform:translate(-50%,-50%);
  transform:translate(-50%,-50%)}
.project figure{
  filter:brightness(1.4)!important}
.project figure:hover{
  filter:brightness(1)!important}
.project figure:hover:after{
  opacity:0}
.project figure:hover img{
  -webkit-transform:scale(1.4);
  transform:scale(1.4)}
.project figure:hover .project-title{
  top:30px;
  opacity:0}
.project figure:hover .project-category{
  opacity:0;
  letter-spacing:2em}
.project figure:hover .project-zoom{
  opacity:1;
  -webkit-transform:scale(1);
  -ms-transform:scale(1);
  -o-transform:scale(1);
  transform:scale(1)}
.owl-next,.owl-prev{
  position:absolute;
  top:50%;
  font-family: 'Source Code Pro', monospace;
  font-size:1em;
  letter-spacing:.32em;
  text-transform:uppercase;
  color:#fff;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%);
  -webkit-transition:all .3s;
  -o-transition:all .3s;
  transition:all .3s;
  opacity:.7}
.owl-next:hover,.owl-prev:hover{
  opacity:1}
.owl-prev{
  left:.8em;
  padding-left:35px;
  background:url(../img/img-icon/prev.png) left 50% no-repeat;
  background-size:1.3em 1em}
.owl-next{
  left:auto;
  right:.8em;
  padding-right:35px;
  background:url(../img/img-icon/next.png) right 50% no-repeat;
  background-size:1.3em 1em}
.mfp-figure{
  box-shadow:none}
.mfp-iframe-scaler{
  overflow:visible}
.mfp-iframe-holder .mfp-close,.mfp-image-holder .mfp-close{
  padding:0;
  margin-top:-10px;
  font-family:inherit;
  font-size:40px;
  font-weight:300;
  line-height:0}
img.mfp-img{
  min-height:460px}
.mfp-title{
  padding-right:40px;
  font-size:1.2em;
  line-height:1.2;
  margin-top:3px;
  text-transform:uppercase;
  letter-spacing:.1em;
  padding-bottom:10px}
.mfp-counter{
  top:5px}
.mfp-bg{
  background-color:#141414}
.mfp-arrow-left .mfp-b,.mfp-arrow-left:before{
  display:none}
.mfp-arrow-right .mfp-b,.mfp-arrow-right:before{
  display:none}
.mfp-wrap .mfp-content{
  -webkit-perspective:1300px;
  perspective:1300px}
.mfp-wrap .mfp-figure,.mfp-wrap .mfp-iframe-scaler{
  opacity:0;
  -webkit-transform-style:preserve-3d;
  transform-style:preserve-3d;
  -webkit-transform:scale(0) rotateY(60deg);
  -o-transform:scale(0) rotateY(60deg);
  transform:scale(0) rotateY(60deg)}
.mfp-bg{
  opacity:0;
  -webkit-transition:.5s;
  -o-transition:.5s;
  transition:.5s}
.mfp-wrap .mfp-figure,.mfp-wrap .mfp-iframe-scaler{
  opacity:0;
  -webkit-transition:.3s ease-in-out;
  -o-transition:.3s ease-in-out;
  transition:.3s ease-in-out;
  -webkit-transform:rotateY(-60deg);
  -ms-transform:rotateY(-60deg);
  -o-transform:rotateY(-60deg);
  transform:rotateY(-60deg)}
.mfp-bg{
  opacity:0;
  -webkit-transition:.5s;
  -o-transition:.5s;
  transition:.5s}
.mfp-wrap.mfp-ready .mfp-figure,.mfp-wrap.mfp-ready .mfp-iframe-scaler{
  opacity:1;
  -webkit-transform:rotateX(0);
  -ms-transform:rotateX(0);
  -o-transform:rotateX(0);
  transform:rotateX(0)}
.mfp-ready.mfp-bg{
  opacity:.8}
.mfp-wrap.mfp-removing .mfp-figure,.mfp-wrap.mfp-removing .mfp-iframe-scaler{
  opacity:0;
  -webkit-transform:rotateX(-60deg);
  -ms-transform:rotateX(-60deg);
  -o-transform:rotateX(-60deg);
  transform:rotateX(-60deg)}
.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{
  cursor:url(../img/zoom-out.cur),zoom-out}
.mfp-removing.mfp-bg{
  opacity:0}
.project-title-info{
  font-family: 'Source Code Pro', monospace;
  font-weight:700;
  font-size:2vmin;
  text-transform:uppercase;
  letter-spacing:.2em;
  margin-top:2.2em;
  margin-left:-1.8em}
.project-title-info .project-info-item{
  display:inline-block;
  margin-left:1.8em}
.project-details-item{
  position:relative}
.project-details-img{
  position:relative;
  padding:0}
.project-details-info{
  background-color:#c5a47e;
  padding:4.8em 3.1em 4.8em;
  color:#fff}
.project-details-title{
  position:relative;
  font-weight:400;
  font-size:1.9em;
  line-height:1.5;
  text-transform:uppercase;
  color:#fff;
  margin:0 0 .7em}
.project-details-title:before{
  content:'';
  position:absolute;
  bottom:-.35em;
  width:10em;
  border-top:1px solid #ededed;
  left:-4.4em;
  width:5.5em}
.project-details-descr{
  font-size:1em;
  line-height:1.62}
.project-details-descr p:last-child{
  margin-bottom:0}
.project-details-item:nth-child(even) .project-details-info{
  right:0;
  left:auto;
  top:13%;
  background-color:#212121}
.galleryLink{
  z-index:2}
.werb{
  padding:0 17px}
.scrollTrigger{
  pointer-events:none;
  margin-top:-100px;
  padding-bottom:100px}
.experience{
  text-align:center}
.text-parallax{
  background:no-repeat 0 0;
  display:inline-block}
.text-parallax-content{
  font-weight:700;
  font-size:21.8em;
  line-height:1;
  overflow:hidden;
  margin-bottom:0;
  background:#161616;
  color:#fff;
  mix-blend-mode:darken;
  -ms-mix-blend-mode:darken}
.experience-info{
  position:relative;
  top:-.75em;
  font-size:1.5625em;
  line-height:1.45;
  letter-spacing:.06em;
  display:inline-block;
  text-align:left;
  margin:0 0 0 .5em}
.clients{
  text-align:center}
.clients-list{
  margin:-3.8em -1.95em 0}
.clients-list .client{
  display:inline-block;
  vertical-align:middle;
  padding:3.8em 1.95em 0;
  margin:0}
.clients-list .client img{
  opacity:.3;
  display:block;
  -webkit-transition:all .5s;
  -o-transition:all .5s;
  transition:all .5s}
.clients-list .client a:hover img{
  opacity:1}
.success-message-main{
  padding:15px;
  margin-top:30px;
  width:100%;
  background:#89ffc9;
  display:none;
  color:#fff}
.bg-contacts{
  background:url(/img/internet_a-min.jpg) 50% 0 no-repeat;
  background-size:cover}
.contacts .fade-title-right{
  left:90%}
.row-field{
  margin-left:-5px;
  margin-right:-5px}
.col-field{
  padding:0 5px}
.col-message{
  display:none;
  margin-top:20px}
.col-address{
  font-size:1.125em;
  line-height:2.1;
  margin-top:2em}
.form-submit{
  margin-top:1.2em}
.success-message{
  display:none}
.error-message{
  display:none}
.success-message .fa{
  margin-right:7px;
  font-size:1.5em}
.contact-details{
  position:relative;
  overflow:hidden;
  margin-top:-1px;
  background:url(/img/logo3d.jpg);
  background-size:50%;
  background-position:0 center}
.gm-style-iw{
  top:15px!important;
  height:195px;
  background-color:#fff;
  border:3px solid #fff;
  border-radius:0}
.map-img{
  float:left;
  height:auto;
  width:100px;
  background-size:cover;
  background-image:url(../img/map-img.jpg)}
.map-info{
  padding:1.2em;
  color:#c5a47e;
  float:right}
.map-title{
  margin-bottom:2em}
.map-title h3{
  margin:0;
  color:#c5a47e}
.map-address-row{
  margin-top:1em}
.map-address-row .fa{
  float:left;
  margin:.35em .6em 0 0;
  width:1.1em;
  text-align:center;
  color:#c5a47e;
  font-size:1.2em}
.map-address-row .text{
  display:block;
  overflow:hidden;
  font-size:1.15em}
.contact-info{
  color:#fff;
  padding:0;
  background:0 0}
.contact-info-content{
  padding:5.5em 5.6em;
  background-color:rgb(45 45 45)}
.contact-info-title{
  font-size:80px;
  letter-spacing:.32em;
  text-transform:uppercase;
  color:#fff;
  opacity:.1;
  position:absolute;
  top:100%;
  left:100%;
  margin-top:-.5em;
  margin-left:-2.3em;
  -webkit-transform:rotate(-90deg);
  transform:rotate(-90deg);
  -webkit-transform-origin:0 0;
  transform-origin:0 0}
.contact-row{
  position:relative;
  z-index:1;
  margin-bottom:2.3em}
.contact-row:last-child{
  margin-bottom:0}
.contact-row h4{
  margin:0 0 .8em;
  color:#fff}
.contact-row .fa{
  float:left;
  width:1.1em;
  margin-top:-.15em;
  padding:1px;
  text-align:center;
  font-size:1.3em;
  line-height:1.25}
.contact-body{
  padding-left:2.6em}
.contact-content{
  font-size:1.3em}
.phone-row{
  font-size:1.3em;
  letter-spacing:.2em;
  margin-top:.5em}
.partnerWrapper{
  text-align:center;
  margin-top:50px;
  min-width:263px;
  margin-left:auto;
  margin-right:auto}
.partnerLogo{
  max-height:150px;
  padding:40px;
  filter:brightness(16) grayscale(3) contrast(3.5)}
.footer{
  text-align: center;
    margin: 0;
    font-size: 12px;
    color: #000000;
    border-top: solid 1px gray;
    padding-top: 30px;
    background: black;
    padding-bottom: 30px;}
.footer .brand{
  margin-top:-.45em;
  font-size:3.4em}
.author-link{
  font-family: 'Source Code Pro', monospace;
  color:#d0d0d0}
.author-link:hover{
  text-decoration:none}
footer a{
  color:#fff}
.impressum a{
  color:#fff}
.impressum a img{
  filter:grayscale(1) brightness(5.5)}
#sliderFrame-team{
  position:relative;
  width:700px;
  margin:100px auto 40px}
#slider-team{
  width:700px;
  height:306px;
  background:#fff url(loading.gif) no-repeat 50% 50%;
  position:relative;
  margin:0 auto;
  box-shadow:0 1px 5px #999}
#slider-team img{
  position:absolute;
  border:none;
  display:none}
#slider-team a.imgLink{
  z-index:2;
  display:none;
  position:absolute;
  top:0;
  left:0;
  border:0;
  padding:0;
  margin:0;
  width:100%;
  height:100%}
div.mc-caption-bg,div.mc-caption-bg2{
  position:absolute;
  width:100%;
  height:auto;
  padding:0;
  left:0;
  bottom:15px;
  z-index:3;
  overflow:hidden;
  font-size:0}
div.mc-caption-bg{
  background-color:#000}
div.mc-caption{
  font:bold 14px/20px Arial;
  color:#eee;
  z-index:4;
  padding:10px 0;
  text-align:center}
div.mc-caption a{
  color:#fb0}
div.mc-caption a:hover{
  color:#da0}
#slider-team{
  transform:translate3d(0,0,0);
  -ms-transform:translate3d(0,0,0);
  -moz-transform:translate3d(0,0,0);
  -o-transform:translate3d(0,0,0)}
img#img-team{
  opacity:.3;
  transition:all .3s ease}
img#img-team:hover{
  opacity:.8}
/* hacks */
.d-none {
  display: none !important;
}
.d-block {
  display: block !important;
}
@media (max-width:1607px){
  .slide-title{
    max-width:700px}
  body{
    font-size:.9em}
}
@media (max-width:1471px){
  .projectPannelRight{
    padding:20px}
}
@media (max-width:1300px){
  p{
    margin-bottom:0}
  .projectPannelRight{
    padding:30px}
  body{
    font-size:.9em}
}
@media (max-width:1199px){
  body{
    font-size:1em}
    .tp-parallax-wrap {
    left: 78px!important;
}
}
@media (max-width:768px){
  .projectPannelRight{
    padding:45px}
  .col-base{
    margin-left:30px;
    margin-right:30px}
  .team{
    display:none}
  .team-mobile{
    display:block}
  .team-details-info-mobile{
    width:100%!important;
    min-height:380px;
    margin-left:0;
    margin-bottom:80px}
  .team-details-info{
    background-color:#c5a47e;
    padding:4.8em 3.1em 4.8em;
    color:#fff;
    width:275px!important;
    min-height:380px;
    margin-left:-50px}
  .team-details-info2{
    background-color:#212121;
    padding:4.8em 3.1em 4.8em;
    color:#fff;
    width:275px!important;
    min-height:380px;
    margin-left:-50px}
  .team-details-info3{
    background-color:#212121;
    padding:4.8em 3.1em 4.8em;
    color:#fff;
    width:44%;
    min-height:380px;
    margin-left:-50px;
    right:0;
    position:absolute;
    z-index:1;
    top:13%}
  img.team-mobile{
    width:100%!important}
  .team-details-title{
    font-size:2.9em}
  .project-details-descr{
    font-size:2.1em;
    line-height:1.62}
  .slide-title{
    font-size:20px!important;
    line-height:50px!important;
    letter-spacing:5px!important;
    min-width:300px!important;
    max-width:300px!important;
    margin-left:-65px!important;
    padding-right:15px!important;
    margin-top:125px!important}
  .brand-panel{
    width:180px}
}
@media (max-width:992px){
  .team-details-info-mobile{
    width:44%;
    min-height:380px;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:80px}
  .team{
    padding-left:1%;
    padding-right:1%}
  .team-details-info-mobile{
    background-color:#c5a47e;
    padding:4.8em 3.1em 4.8em;
    color:#fff;
    width:40%;
    min-height:unset;
    margin-left:auto;
    margin-bottom:80px;
    margin-right:auto;
    margin-top:-20px}
  img.team-mobile{
    width:44%}
}
@media (min-width:768px){
  html{
    font-size:85%}
  .arrow-left{
    top:43.5vmin;
    bottom:auto}
  .arrow-right{
    left:30vmin;
    right:auto;
    margin-left:5em;
    top:43.5vmin;
    bottom:auto}
  .entry{
    padding:0 7.5em}
  .col-about-spec{
    padding:0 4.4em}
  .owl-prev{
    left:3.6em}
  .owl-next{
    right:3.6em}
  .project-details{
    margin-top:7.1em}
  .project-details-item{
    margin-bottom:7.1em}
  .project-details-info{
    position:absolute;
    z-index:1;
    left:0;
    top:13%;
    bottom:13%;
    width:55%}
  .project-details-item:nth-child(odd) .project-details-img{
    padding-left:15px;
    padding-right:15px}
  .project-details-item:nth-child(even) .project-details-img{
    padding-right:15px;
    padding-left:15px}
}
@media (max-width:992px){
  .team-details-info,.team-details-info2{
    margin-left:0}
  footer .brand img{
    right:15px}
  .contact-info{
    background:url(/img/logo3d.jpg) 50% no-repeat;
    background-size:cover;
    background-color:rgba(43,43,46,.95)}
}
@media (min-width:992px){
  html{
    font-size:92%}
  .text-center-md{
    text-align:center}
  .text-right-md{
    text-align:right}
  .text-left-md{
    text-align:left}
  .navbar-mobile{
    position:absolute;
    left:-50000px;
    top:-50000px}
  .col-about-img{
    padding-left:0;
    left:-5px}
  .col-about-img img{
    max-width:calc(100% + 5px)}
  .project-details-item:nth-child(odd) .project-details-img{
    padding-left:5px;
    padding-right:15px}
  .project-details-item:nth-child(even) .project-details-img{
    padding-right:5px;
    padding-left:15px}
  .col-primary{
    padding-right:2.2em}
  .col-secondary{
    margin-top:10.62em;
    margin-left:-5px;
    padding:0 10px 0 0}
  .row-field{
    margin-left:-15px}
  .col-map{
    position:static;
    height:100%}
}
@media (min-width:1200px){
  html{
    font-size:100%}
  .main-header{
    padding-left:0}
  .project-details-info{
    width:44%}
  div#team-1-2.team.team-light.col-sm-4.col-md-4.col-lg-4.wf-collection-item.wow.fadeInDown,div#team-2-2.team.team-light.col-sm-4.col-md-4.col-lg-4.wf-collection-item.wow.fadeInUp,div#team-3-2.team.team-light.col-sm-4.col-md-4.col-lg-4.wf-collection-item.wow.fadeInDown{
    overflow:hidden;
    min-height:600px}
}
@media (max-width:480px){
  .team-details-title{
    font-size:1.9em}
  .smallLogo{
    position: absolute;
    max-height: 30px !important;
    max-width: 156px;
    margin-left: -15px;
    margin-top: 18px;}
  .brand-panel{
    width:43.47vmin;
    top:0!important;
    left:0!important}
  .project-details-descr{
    font-size:1.1em;
    line-height:1.62}
  .project-title{
    font-size:1em}
  .project-category{
    font-size:8px}
}
@media (max-height:480px){
  .team-details-title{
    font-size:1.9em}
  .project-details-descr{
    font-size:1.1em;
    line-height:1.62}
  .arrow-left{
    top:43.5vmin;
    bottom:auto}
  .arrow-right{
    left:28vmin;
    right:auto;
    margin-left:5em;
    top:43.5vmin;
    bottom:auto}
}
.main-header{
  padding-left:0}
.main-inner{
  z-index:5}
.header-phone,.navbar-desctop{
  z-index:6}
.animated{
  -webkit-animation-duration:1s;
  animation-duration:1s;
  -webkit-animation-fill-mode:both;
  animation-fill-mode:both}
.animated.infinite{
  -webkit-animation-iteration-count:infinite;
  animation-iteration-count:infinite}
.animated.hinge{
  -webkit-animation-duration:2s;
  animation-duration:2s}
.animated.bounceIn,.animated.bounceOut{
  -webkit-animation-duration:.75s;
  animation-duration:.75s}
.animated.flipOutX,.animated.flipOutY{
  -webkit-animation-duration:.75s;
  animation-duration:.75s}
@-webkit-keyframes wobble{
  from{
    -webkit-transform:none;
    transform:none}
  15%{
    -webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);
    transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}
  30%{
    -webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);
    transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}
  45%{
    -webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);
    transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}
  60%{
    -webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);
    transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}
  75%{
    -webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);
    transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}
  to{
    -webkit-transform:none;
    transform:none}
}
@keyframes wobble{
  from{
    -webkit-transform:none;
    transform:none}
  15%{
    -webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);
    transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}
  30%{
    -webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);
    transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}
  45%{
    -webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);
    transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}
  60%{
    -webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);
    transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}
  75%{
    -webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);
    transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}
  to{
    -webkit-transform:none;
    transform:none}
}
.wobble{
  -webkit-animation-name:wobble;
  animation-name:wobble}
@keyframes fadeInDown{
  from{
    opacity:0;
    -webkit-transform:translate3d(0,-100%,0);
    transform:translate3d(0,-100%,0)}
  to{
    opacity:1;
    -webkit-transform:none;
    transform:none}
}
.fadeInDown{
  -webkit-animation-name:fadeInDown;
  animation-name:fadeInDown}
@-webkit-keyframes fadeInLeft{
  from{
    opacity:0;
    -webkit-transform:translate3d(-100%,0,0);
    transform:translate3d(-100%,0,0)}
  to{
    opacity:1;
    -webkit-transform:none;
    transform:none}
}
@keyframes fadeInLeft{
  from{
    opacity:0;
    -webkit-transform:translate3d(-100%,0,0);
    transform:translate3d(-100%,0,0)}
  to{
    opacity:1;
    -webkit-transform:none;
    transform:none}
}
.fadeInLeft{
  -webkit-animation-name:fadeInLeft;
  animation-name:fadeInLeft}
@-webkit-keyframes fadeInRight{
  from{
    opacity:0;
    -webkit-transform:translate3d(10%,0,0);
    transform:translate3d(10%,0,0)}
  to{
    opacity:1;
    -webkit-transform:none;
    transform:none}
}
@keyframes fadeInRight{
  from{
    opacity:0;
    -webkit-transform:translate3d(10%,0,0);
    transform:translate3d(10%,0,0)}
  to{
    opacity:1;
    -webkit-transform:none;
    transform:none}
}
.fadeInRight{
  -webkit-animation-name:fadeInRight;
  animation-name:fadeInRight}
button,button:active,button:focus,button:hover{
  border:none}
.modal-content{
  border:none;
  border-radius:0;
  top:65px;
  background:#272725}
.modal-header .close{
  position:absolute;
  top:15px;
  right:15px;
  color:#c5a47e;
  font-size:35px;
  opacity:1;
  text-shadow:none;
  border:1px solid #c5a47e;
  height:43px;
  width:43px}
.modal-header{
  border-bottom:1px solid #c5a47e}
.modal-title{
  color:#c5a47e;
  margin-right:50px;
  min-height:73px}
/*
.greenShadow {
    text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #91ff00, 0 0 30px #91ff00, 0 0 40px #91ff00, 0 0 55px #91ff00, 0 0 75px #91ff00, 2px 2px 2px rgb(206 145 64 / 0%);
}
.blueShadow {
text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #00f3ff, 0 0 30px #00f3ff, 0 0 40px #00f3ff, 0 0 55px #00f3ff, 0 0 75px #00f3ff, 2px 2px 2px rgb(206 145 64 / 0%);
}
.purpleShadow {
text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #ff00a5, 0 0 30px #ff00a5, 0 0 40px #ff00a5, 0 0 55px #ff00a5, 0 0 75px #ff00a5, 2px 2px 2px rgb(206 145 64 / 0%);  
}
.yellowShadow {
text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #fff700, 0 0 30px #fff700, 0 0 40px #fff700, 0 0 55px #fff700, 0 0 75px #fff700, 2px 2px 2px rgb(206 145 64 / 0%);  
}
.orangeShadow {
    text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #ff7600, 0 0 30px #ff7600, 0 0 40px #ff7600, 0 0 55px #ff7600, 0 0 75px #ff7600, 2px 2px 2px rgb(206 145 64 / 0%);  
}
*/
.smallLogo {
    text-align: center;
    width: 100%;
}
.smallLogo img {
    height: 70px;
    margin-top: -12px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}
#screenshots img {
  padding-bottom: 25px;
}
a.buttonExt {
    border: solid 1px white;
    padding: 5px;
    padding-left: 10px;
   margin-left: auto;
   margin-right: auto;
    margin-top: -8px;
    -webkit-box-shadow: inset 0px 1px 6px 0px #00f3ff, 0px 3px 10px -5px #00f3ff, 5px 5px 15px 0 rgb(0 243 255 / 0%);
    box-shadow: inset 0px 1px 6px 0px #00f3ff, 0px 3px 10px -5px #00f3ff, 5px 5px 15px 0 rgb(0 243 255 / 0%);
    text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #00f3ff, 0 0 30px #00f3ff, 0 0 40px #00f3ff, 0 0 55px #00f3ff, 0 0 75px #00f3ff, 2px 2px 2px rgb(206 145 64 / 0%);
}
.extBox {
  padding: 30px 0;
      background-color: rgba(50,50,50,.95);
}
select {
    background: #323232;
}