/**
 * Vars
 */
/**
 * transition
 */
@keyframes strike {
  0% {
    width: 0; }
  100% {
    width: 100%; } }

/**
 * Includes
 */
/*

@import 'css/components/mixin';
@import 'css/components/main';
@import 'css/components/header';
@import 'css/components/footer';
@import 'css/components/home';
@import 'css/components/projects';
@import 'css/components/contact';
@import 'css/components/process';
@import 'css/components/about';
@import 'css/components/slider_page';
@import 'css/components/scroll_magic';
@import 'css/components/hamburger';
*/
/**
 * Vars
 */
/**
 * transition
 */
@-webkit-keyframes strike {
  0% {
    width: 0; }
  100% {
    width: 100%; } }

@keyframes strike {
  0% {
    width: 0; }
  100% {
    width: 100%; } }

/**
 * Includes
 */
/*
Theme Name: Landau
Theme URI: http://mozinteractive.co.il
Author: Mozi
Author URI: http://mozinteractive.co.il
Description: Wordpress Theme for Landu
Version: 1.0.2
Text Domain: landau
*/
/** Main **/
/** Main **/
@font-face {
  font-family: 'Gilroy';
  src: url("fonts/Gilroy-ExtraBold.woff2") format("woff2"), url("fonts/Gilroy-ExtraBold.woff") format("woff");
  font-weight: 800;
  font-style: normal; }

@font-face {
  font-family: 'Gilroy';
  src: url("fonts/Gilroy-Light.woff2") format("woff2"), url("fonts/Gilroy-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal; }

body, html {
  font-family: 'Gilroy';
  font-weight: 300;
  color: #000;
  font-size: 16px;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  background-color: #fff;
  height: 100vh;
  /* -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s; */ }

body.rtl, html.rtl {
  text-align: right; }

body div#page_content, html div#page_content {
  background: white;
  color: black;
  -webkit-transition: all 1.5s;
  transition: all 1.5s; }

@media only screen and (min-width: 1023px) {
  body {
    padding-left: 140px; } }

p {
  line-height: 27px; }

::-moz-selection {
  background: #b3d4fc;
  text-shadow: none; }

::selection {
  background: #b3d4fc;
  text-shadow: none; }

img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto; }

.screen-reader-text {
  position: absolute;
  top: -1000em; }

.screen-reader-text:focus {
  left: 6px;
  top: 7px;
  height: auto;
  width: auto;
  display: block;
  font-size: 14px;
  font-weight: 600;
  padding: 15px 23px 14px;
  background: #f1f1f1;
  color: #0073aa;
  z-index: 100000;
  line-height: normal;
  text-decoration: none;
  -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); }

a, a:focus, a:active, a:hover {
  color: inherit;
  text-decoration: none; }

.fade-in {
  position: fixed;
  height: 100%;
  width: 100%;
  background: white;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 1;
  z-index: 9999999999;
  -webkit-transition: all 2.5s;
  transition: all 2.5s; }

.fade-in.fade-out {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 2.5s;
  transition: all 2.5s; }

/*
div#page_content {
    height: 200vh;
    padding: 500px 330px;
}


.black {
    background-color: #000000;
}

.box2 {
    min-width: 50px;
    height: 50px;
    margin: 25px auto 25px auto;
}
.box1, .box2, .box3 {
    display: inline-block;
    position: relative;
    border-radius: 8px;
    border: 0px solid white;
    text-align: center;
    vertical-align: middle;
    padding: 0 5px;
}*/
@-webkit-keyframes scroll {
  0% {
    opacity: 0; }
  10% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; }
  100% {
    -webkit-transform: translateY(15px);
    transform: translateY(15px);
    opacity: 0; } }

@keyframes scroll {
  0% {
    opacity: 0; }
  10% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; }
  100% {
    -webkit-transform: translateY(15px);
    transform: translateY(15px);
    opacity: 0; } }

span.mouse {
  position: relative;
  display: block;
  width: 20px;
  height: 30px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 2px solid #ccc;
  border-radius: 30px;
  -webkit-transition: all 1000ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 1000ms cubic-bezier(0.645, 0.045, 0.355, 1); }

span.mouse > * {
  z-index: 999;
  position: absolute;
  display: block;
  top: 10px;
  left: 50%;
  width: 2px;
  height: 8px;
  margin: -2px 0 0 -1px;
  background: #ccc;
  border-radius: 50%;
  -webkit-animation-name: scroll;
  animation-name: scroll;
  -webkit-animation-duration: 2.2s;
  animation-duration: 2.2s;
  -webkit-animation-timing-function: cubic-bezier(0.15, 0.41, 0.69, 0.94);
  animation-timing-function: cubic-bezier(0.15, 0.41, 0.69, 0.94);
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%); }

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.the-arrow > .shaft.black {
  background-color: #828282; }

.the-arrow > .shaft.black:before, .the-arrow > .shaft.black:after {
  background-color: #828282; }

.the-arrow > .shaft.black:before, .the-arrow > .shaft.black:after {
  background-color: #828282; }

@-webkit-keyframes Arrow_short {
  0% {
    width: 20px;
    opacity: 0; }
  80% {
    width: 100px;
    opacity: 1; }
  100% {
    width: 100px;
    opacity: 0; } }

@keyframes Arrow_short {
  0% {
    width: 20px;
    opacity: 0; }
  80% {
    width: 100px;
    opacity: 1; }
  100% {
    width: 100px;
    opacity: 0; } }

@-webkit-keyframes Arrow_long {
  0% {
    width: 20px;
    opacity: 0; }
  80% {
    width: 300px;
    opacity: 1; }
  100% {
    width: 300px;
    opacity: 0; } }

@keyframes Arrow_long {
  0% {
    width: 20px;
    opacity: 0; }
  80% {
    width: 300px;
    opacity: 1; }
  100% {
    width: 300px;
    opacity: 0; } }

@-webkit-keyframes Arrow_long_about {
  0% {
    width: 20px;
    opacity: 0; }
  80% {
    width: 150px;
    opacity: 1; }
  100% {
    width: 150px;
    opacity: 0; } }

@keyframes Arrow_long_about {
  0% {
    width: 20px;
    opacity: 0; }
  80% {
    width: 150px;
    opacity: 1; }
  100% {
    width: 150px;
    opacity: 0; } }

.single-projects #link_to_next .the-arrow.-right > .shaft {
  -webkit-animation-name: Arrow_short;
  animation-name: Arrow_short;
  -webkit-animation-duration: 2.2s;
  animation-duration: 2.2s;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite; }

@media only screen and (min-width: 750px) {
  .single-projects #link_to_next .the-arrow.-right > .shaft {
    -webkit-animation-name: Arrow_long;
    animation-name: Arrow_long; } }

.page-template-page-about #return .the-arrow.-right > .shaft {
  -webkit-animation-name: Arrow_short;
  animation-name: Arrow_short;
  max-width: 150px !important;
  -webkit-animation-duration: 2.2s;
  animation-duration: 2.2s;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite; }

@media only screen and (min-width: 750px) {
  .page-template-page-about #return .the-arrow.-right > .shaft {
    -webkit-animation-name: Arrow_long_about;
    animation-name: Arrow_long_about;
    max-width: 150px !important; } }

/*

@keyframes pink_smoke {
  0% {
       background-position:50%;
  }

  100% {
  background-position:inherit;

  }
}

#header .landau_nav div#we_like{
    background-repeat: no-repeat;
   background-color: #121212;
}
#header .landau_nav div#we_like.move_a_bit{

    animation-name: pink_smoke;
    animation-duration: 1.5s;
    animation-timing-function: ease;

}
*/
.menu-toggle {
  border: 0;
  padding: 0;
  margin: 0;
  z-index: 999;
  position: absolute;
  right: 20px;
  top: 30px;
  background: transparent;
  cursor: pointer; }

@media only screen and (min-width: 750px) {
  .menu-toggle {
    right: 50px;
    top: 65px; } }

.menu-toggle:focus {
  outline: none; }

.menu-toggle span.icon-bar {
  display: block;
  width: 26px;
  height: 1.16px;
  border-radius: 0;
  background: #828282;
  margin: 5px 0px;
  margin-right: 0;
  margin-left: auto;
  -webkit-transition: 0.5s ease;
  transition: 0.5s ease; }

.menu-toggle span.middle-bar {
  width: 20px; }

.menu-toggle span.bottom-bar {
  width: 12.5px; }

#header {
  padding: 20px;
  position: fixed;
  z-index: 9;
  left: 0;
  right: 0;
  background: transparent;
  -webkit-transition: 0.5s ease;
  transition: 0.5s ease; }

#header .logo {
  -webkit-transition: all 0.7s;
  transition: all 0.7s; }

@media only screen and (min-width: 750px) {
  #header {
    padding-left: 43px;
    padding-top: 37px; } }

#header .landau_nav {
  position: fixed;
  top: 0;
  bottom: 0;
  right: -100%;
  left: auto;
  width: 100%;
  background: #121212;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  z-index: -1;
  visibility: hidden;
  -webkit-transition: all 0.5s;
  transition: all 0.5s; }

@media only screen and (min-width: 1023px) {
  #header .landau_nav {
    -webkit-transition: all 3.5s;
    transition: all 3.5s;
    right: 0;
    left: 0; } }

#header .landau_nav #menu_footer {
  margin-top: auto;
  padding: 0px 30px;
  z-index: 2; }

@media only screen and (min-width: 1023px) {
  #header .landau_nav #menu_footer {
    padding: 0px 50px 20px; } }

#header .landau_nav #menu_footer #bootom_text {
  color: white;
  font-size: 10px;
  margin-bottom: 15px; }

@media only screen and (max-width: 750px) {
  #header .landau_nav #menu_footer #bootom_text p {
    line-height: 19px; } }

@media only screen and (min-width: 750px) {
  #header .landau_nav #menu_footer #bootom_text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end; } }

#header .landau_nav #menu_footer #bootom_text a {
  color: #D6328A; }

#header .landau_nav #menu_footer #bootom_text p {
  margin-bottom: 0; }

@media only screen and (min-width: 1400px) {
  #header .landau_nav #menu_footer #bootom_text {
    font-size: 14px; } }

#header .landau_nav #menu_footer .icons {
  margin-bottom: 15px;
  line-height: 1; }

@media only screen and (min-width: 750px) {
  #header .landau_nav #menu_footer .icons {
    margin-bottom: 28px; } }

#header .landau_nav #menu_footer .icons .icon {
  display: inline-block;
  margin-right: 20px; }

#header .landau_nav #menu_footer .icons .icon svg {
  width: 20px;
  height: 20px; }

#header .landau_nav #menu_footer .icons .icon svg path {
  fill: #D6328A !important; }

#header .landau_nav div#we_like {
  position: absolute;
  left: -100%;
  top: 0;
  bottom: 0;
  width: 60%;
  background-size: cover;
  background-position: bottom right; }

#header .landau_nav div#we_like .caption {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 43px;
  line-height: 50px;
  color: white; }

@media only screen and (min-width: 1023px) {
  #header .landau_nav div#we_like {
    display: block !important; } }

#header .landau_menu_con {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }

@media only screen and (min-width: 1023px) {
  #header .landau_menu_con {
    right: 0;
    left: auto;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    width: 40%; } }

#header ul.site_menu {
  list-style: none;
  padding: 0;
  margin: 0; }

#header ul.site_menu li {
  text-align: center;
  line-height: 1;
  margin-bottom: 30px; }

#header ul.site_menu li a {
  color: white;
  font-size: 26px;
  position: relative;
  text-decoration: none; }

@media only screen and (min-width: 1023px) {
  #header ul.site_menu li a {
    font-size: 30px; } }

#header ul.site_menu li a:after {
  content: ' ';
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translate(0%, -50%);
  transform: translate(0%, -50%);
  max-width: 0px;
  height: 2px;
  background: white;
  -webkit-animation-name: strike;
  animation-name: strike;
  -webkit-animation-duration: 4s;
  animation-duration: 4s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-transition: max-width 0.5s;
  transition: max-width 0.5s; }

#header ul.site_menu li:hover a:after {
  max-width: 100%;
  -webkit-transition: max-width 0.5s;
  transition: max-width 0.5s; }

#header .logo svg {
  height: 43px; }

@media only screen and (min-width: 1023px) {
  #header .logo svg {
    height: 53px; } }

.menu-toggle span.icon-bar {
  position: relative; }

.menu-toggle span.middle-bar {
  -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  -webkit-transition-duration: .22s;
  transition-duration: .22s;
  /* width: 0;
        opacity: 0;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;*/ }

.menu-toggle span.top-bar {
  -webkit-transition: top .1s ease-in .25s,opacity .1s ease-in;
  transition: top .1s ease-in .25s,opacity .1s ease-in;
  /*   transform: rotate(45deg);
        transform-origin: 10% 10%;
        -webkit-transform: rotate(45deg);
        -webkit-transform-origin: 10% 10%;
        -webkit-transition: all 1s ease;
        -moz-transition: all 1s ease;
        -ms-transition: all 1s ease;
        -o-transition: all 1s ease;
        transition: all 1s ease;*/ }

.menu-toggle span.bottom-bar {
  -webkit-transition: bottom 0.1s ease-in 0.25s, -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 0.1s ease-in 0.25s, -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 0.1s ease-in 0.25s, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 0.1s ease-in 0.25s, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  /* width: 26px;
       -webkit-transform: rotate(-45deg);
        -webkit-transform-origin: 10% 90%;
        transform: rotate(-45deg);
        transform-origin: 10% 90%;
        -webkit-transition: all 1s ease;
        -moz-transition: all 1s ease;
        -ms-transition: all 1s ease;
        -o-transition: all 1s ease;
        transition: all 1s ease;*/ }

.menu-toggle.animate span.middle-bar {
  /* width: 0;
        opacity: 0;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;*/
  -webkit-transition-delay: .12s;
  transition-delay: .12s;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg); }

.menu-toggle.animate span.top-bar {
  top: 0;
  -webkit-transition: top .1s ease-out,opacity .1s ease-out .12s;
  transition: top .1s ease-out,opacity .1s ease-out .12s;
  opacity: 0;
  /*   transform: rotate(45deg);
        transform-origin: 10% 10%;
        -webkit-transform: rotate(45deg);
        -webkit-transform-origin: 10% 10%;
        -webkit-transition: all 1s ease;
        -moz-transition: all 1s ease;
        -ms-transition: all 1s ease;
        -o-transition: all 1s ease;
        transition: all 1s ease;*/ }

.menu-toggle.animate span.bottom-bar {
  bottom: 0;
  -webkit-transition: bottom 0.1s ease-out, -webkit-transform 0.22s cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s;
  transition: bottom 0.1s ease-out, -webkit-transform 0.22s cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s;
  transition: bottom 0.1s ease-out, transform 0.22s cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s;
  transition: bottom 0.1s ease-out, transform 0.22s cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s, -webkit-transform 0.22s cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  /* width: 26px;
       -webkit-transform: rotate(-45deg);
        -webkit-transform-origin: 10% 90%;
        transform: rotate(-45deg);
        transform-origin: 10% 90%;
        -webkit-transition: all 1s ease;
        -moz-transition: all 1s ease;
        -ms-transition: all 1s ease;
        -o-transition: all 1s ease;
        transition: all 1s ease;*/ }

body.mobile_menu_open #header .landau_nav {
  z-index: 20;
  right: 0;
  visibility: visible;
  -webkit-transition: all 0.5s;
  transition: all 0.5s; }

@media only screen and (min-width: 1023px) {
  body.mobile_menu_open #header .landau_nav {
    -webkit-transition: all 3.5s;
    transition: all 3.5s; } }

body.mobile_menu_open .menu-toggle span.icon-bar {
  background: #D6328A; }

/*left sidebar*/
#left_sidebar {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  z-index: 4;
  width: 140px;
  padding-top: 120px;
  background: white;
  text-align: center;
  -webkit-transition: all 1.5s ease;
  transition: all 1.5s ease; }

#left_sidebar:after {
  content: '';
  position: absolute;
  right: 0;
  background: #ececec;
  height: 100%;
  width: 3px;
  -webkit-transition: all 1.5s ease;
  transition: all 1.5s ease; }

#left_sidebar div#scroll_spy {
  content: '';
  position: absolute;
  right: 0;
  background: #ff0089;
  height: 5px;
  width: 3px;
  z-index: 9;
  margin-top: 5px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease; }

#left_sidebar div#scroll_spy_holder {
  content: '';
  position: absolute;
  right: 0;
  background: #ff0089;
  height: 5px;
  width: 3px;
  z-index: 9;
  border-top-right-radius: 50%;
  border-top-left-radius: 50%;
  -webkit-transition: all 0.1s ease;
  transition: all 0.1s ease; }

@media only screen and (min-width: 1023px) {
  #left_sidebar {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important; } }

#left_sidebar .rotate {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }

#left_sidebar img.grid_switcher {
  width: 24px;
  cursor: pointer; }

#left_sidebar .icons .icon {
  line-height: 1;
  margin-bottom: 20px; }

#left_sidebar .icons .icon:last-child {
  margin: 0; }

#left_sidebar .icons svg {
  width: 15px;
  height: 15px;
  fill: #B7B7B7 !important; }

#left_sidebar .icons svg path {
  fill: #B7B7B7 !important; }

#left_sidebar .bottom_div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly;
  margin-top: auto;
  width: 100%;
  padding-bottom: 22px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

#left_sidebar .bottom_div .home_slider_link {
  -webkit-transform: rotate(-90deg) translate(-100%, -100%);
  transform: rotate(-90deg) translate(-100%, -100%);
  line-height: 20px;
  height: 20px;
  font-size: 12px;
  color: #888; }

/*menu animation*/
@media only screen and (min-width: 1023px) {
  #header .landau_nav {
    background: transparent; }
  #menu_footer {
    opacity: 0;
    -webkit-transition-duration: 0.1s;
    transition-duration: 0.1s; }
  div#we_like {
    left: -100%;
    -webkit-transition: all 1s linear;
    transition: all 1s linear; }
  .landau_menu_con {
    right: -100% !important;
    background: #121212;
    -webkit-transform: none !important;
    transform: none !important;
    bottom: 0;
    top: 0 !important;
    -webkit-transition: all 2s ease;
    transition: all 2s ease; }
  ul.site_menu {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
  .mobile_menu_open div#we_like {
    left: 0 !important;
    -webkit-transition: all 1s ease;
    transition: all 1s ease; }
  .mobile_menu_open #menu_footer {
    opacity: 1;
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    -webkit-transition-delay: 1s;
    transition-delay: 1s; }
  .mobile_menu_open .landau_menu_con {
    right: 0 !important;
    -webkit-transition: all 1s ease;
    transition: all 1s ease; } }

#footer div#switches {
  position: fixed;
  top: auto;
  bottom: 77px;
  right: 0;
  -webkit-transform: rotate(-90deg) translate(0%, 270%);
  transform: rotate(-90deg) translate(0%, 270%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  z-index: 8; }

@media only screen and (min-width: 1023px) {
  #footer div#switches {
    bottom: 80px; } }

#footer div#switches div#color_switch {
  font-size: 12px;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

#footer div#switches .switcher {
  height: 2px;
  width: 8.5px;
  background: #B7B7B7;
  position: relative;
  margin: 0px 10px; }

#footer div#switches .switcher:after {
  content: '';
  position: absolute;
  left: 0;
  width: 5px;
  height: 5px;
  background: #B7B7B7;
  border-radius: 100%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: 0.5s;
  transition: 0.5s; }

#footer div#switches span.switch_color {
  color: #bdbdbd; }

#footer div#switches span.switch_color.active {
  color: #535252 !important; }

#footer div#switches img.grid_switcher_mobile {
  max-height: 12px;
  margin-left: 20px; }

@media only screen and (min-width: 1023px) {
  #footer div#switches img.grid_switcher_mobile {
    opacity: 0;
    pointer-events: none; } }

.home img.grid_switcher_mobile {
  opacity: 1 !important;
  visibility: visible !important; }

@media only screen and (min-width: 1023px) {
  .home img.grid_switcher_mobile {
    visibility: hidden !important; } }

.home #header .logo svg .cls-3 {
  fill: #4f4e4f; }

.home div#page_content {
  padding: 0px 45px 0px 20px; }

@media only screen and (min-width: 1023px) {
  .home div#page_content {
    padding: 0; }
  .home div#page_content .top_section {
    padding-left: 140px; } }

.home section.top_section {
  height: 100vh;
  position: relative; }

.home section.top_section .caption {
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%) translateZ(0) scale(1, 1);
  transform: translate(0, -50%) translateZ(0); }

.home section.top_section .caption h1 {
  font-size: 26px;
  line-height: 32px; }

@media only screen and (min-width: 350px) {
  .home section.top_section .caption h1 {
    font-size: 28px; } }

@media only screen and (max-width: 1023px) {
  .home section.top_section .caption {
    width: 100%;
    text-align: center; }
  .home section.top_section .caption .m_align_help {
    text-align: left;
    display: inline-block; } }

@media only screen and (min-width: 1023px) {
  .home section.top_section .caption h1 {
    font-size: 41px;
    line-height: 47px; } }

.home section.top_section .caption strong {
  font-weight: 900;
  position: relative; }

.home section.top_section .caption strong:after {
  content: '';
  position: absolute;
  width: 4px;
  height: 4px;
  background: #D6328A;
  bottom: 4px;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  border-radius: 100%; }

@media only screen and (min-width: 1023px) {
  .home section.top_section .caption strong:after {
    width: 5px;
    height: 5px;
    bottom: 8px; } }

.home section.top_section div#slider_link {
  position: absolute;
  bottom: 0px;
  -webkit-transform: rotate(90deg) translate(-100%, 0%);
  transform: rotate(90deg) translate(-100%, 0%);
  line-height: 1;
  font-size: 13px; }

@media only screen and (min-width: 1023px) {
  .home section.top_section div#slider_link {
    display: none; } }

.home section.top_section div#scroll_down {
  position: absolute;
  left: 50%;
  bottom: 20px;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  max-width: 20px;
  cursor: pointer;
  z-index: 3; }

.home.admin-bar section.top_section {
  height: calc(100vh - 32px); }

@media only screen and (min-width: 1023px) {
  .home .hide_on_grid {
    padding-left: 10px; } }

.home section.projects {
  margin-top: 110px;
  margin-bottom: 100px; }

@media only screen and (min-width: 1023px) {
  .home section.projects {
    margin-bottom: 135px; } }

.home section.projects .project {
  margin-bottom: 85px;
  position: relative;
  -webkit-transition: all 0.1s linear;
  transition: all 0.1s linear; }

.home section.projects .project a {
  cursor: url(/landau/images/discover1.png), auto; }

.home section.projects .project a.read_more {
  cursor: pointer;
  border-bottom: 1px solid transparent;
  position: relative; }

.home section.projects .project a.read_more:after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: 0;
  height: 1px;
  width: 0;
  background-color: transparent;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease; }

.home section.projects .project a.read_more:hover:after {
  left: 0;
  width: 100%;
  background-color: black;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease; }

.home section.projects .project:last-child {
  margin-bottom: 0px; }

.home section.projects .project .project_title {
  margin-bottom: 13px;
  font-size: 32px;
  line-height: 32px; }

@media only screen and (min-width: 1023px) {
  .home section.projects .project .project_title {
    margin-bottom: 50px;
    font-size: 40px; } }

.home section.projects .project #project_image {
  background-size: cover;
  background-position: center;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  position: relative; }

.home section.projects .project #project_image img.img_holder {
  width: 100%;
  opacity: 0; }

.home section.projects .project #project_image span.discover {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0) scale(1, 1);
  transform: translate(-50%, -50%) translateZ(0);
  font-size: 29px;
  color: white;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
  opacity: 0;
  font-weight: 900; }

.home section.projects .project #project_image.color_on {
  -webkit-filter: none;
  filter: none;
  -webkit-transition: all .5s;
  transition: all .5s; }

.home section.projects .project div#excrept {
  font-size: 14px;
  line-height: 1.6;
  margin-bottom: 20px; }

@media only screen and (min-width: 1023px) {
  .home section.projects .project div#excrept {
    margin-bottom: 50px;
    max-width: 70%; } }

.home section.projects .project div#excrept p {
  margin-bottom: 0; }

@media only screen and (min-width: 1023px) {
  .home section.projects .project div#excrept p {
    line-height: 25px; } }

.home section.projects .project #project_image:hover {
  -webkit-filter: none;
  filter: none;
  -webkit-transition: all 0.5s;
  transition: all 0.5s; }

@media only screen and (min-width: 1023px) {
  .home section.projects {
    margin-left: 250px; }
  .home section.projects .project:nth-child(even) #project_image {
    margin-left: -250px;
    margin-right: 250px; } }

.home section.projects_list_mode {
  position: absolute;
  /* left: -100%;*/
  padding-top: 40%;
  padding-bottom: 10%;
  overflow: hidden;
  background: white;
  opacity: 0;
  z-index: -1;
  visibility: hidden;
  -webkit-transition: all 1s;
  transition: all 1s; }

@media only screen and (min-width: 1023px) {
  .home section.projects_list_mode {
    padding-top: 20%; } }

.home section.projects_list_mode .caption {
  position: absolute;
  top: 50%;
  width: 100%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  font-size: 28px;
  line-height: 32px;
  overflow-y: scroll;
  max-height: 50vh; }

.home section.projects_list_mode .project {
  position: relative;
  left: 0;
  margin-bottom: 15px;
  -webkit-transition: 0.5s;
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease; }

.home section.projects_list_mode .project:last-child {
  margin-bottom: 0; }

.home section.projects_list_mode .caption::-webkit-scrollbar {
  width: 0; }

.home section.projects_list_mode .caption::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); }

.home section.projects_list_mode .caption::-webkit-scrollbar-thumb {
  background-color: transparent;
  outline: 1px solid slategrey; }

.home section.projects_list_mode h2.project_title {
  display: inline-block;
  position: relative;
  margin-bottom: 0px;
  font-size: 23px; }

.home section.projects_list_mode h2.project_title:after {
  content: ' ';
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translate(0%, -50%);
  transform: translate(0%, -50%);
  max-width: 0px;
  height: 1px;
  background: black;
  -webkit-animation-name: strike;
  animation-name: strike;
  -webkit-animation-duration: 4s;
  animation-duration: 4s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-transition: max-width 0.5s;
  transition: max-width 0.5s; }

.home section.projects_list_mode h2.project_title:hover:after {
  max-width: 100%; }

.home.project_grid_mode section.projects_list_mode {
  opacity: 1;
  z-index: 2;
  visibility: visible;
  position: relative;
  left: 0;
  -webkit-transition: all 1.5s;
  transition: all 1.5s; }

.home.project_grid_mode div#scroll_spy {
  height: 100% !important;
  opacity: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s; }

.home.project_grid_mode div#scroll_spy_holder {
  opacity: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s; }

.home.project_grid_mode .hide_on_grid {
  display: none; }

.theme_black .home.loader_stage5 section.top_section .caption {
  margin-top: 0px;
  color: white;
  z-index: 1;
  -webkit-transition: all 1s;
  transition: all 1s; }

.admin-bar div#page_content .breadcrumb {
  top: 70px !important; }

.admin-bar.single-projects .project_feat_img {
  height: calc(100vh - 107px); }

@media only screen and (min-width: 1023px) {
  .admin-bar.single-projects .project_feat_img {
    height: 100vh; } }

.admin-bar.single-projects #header {
  top: 46px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s; }

@media only screen and (min-width: 1023px) {
  .admin-bar.single-projects #header {
    top: 32px; } }

.admin-bar.sticky_header #header {
  top: 0px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s; }

.single-projects #link_to_next {
  padding-bottom: 90px;
  padding-top: 100px;
  position: relative; }

.single-projects #link_to_next > a {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0; }

.single-projects #link_to_next h3.link_to {
  margin-top: 15px;
  font-size: 31px;
  line-height: 36px;
  letter-spacing: 7px; }

.single-projects #link_to_next #next_project {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-size: 12px;
  line-height: 12px;
  letter-spacing: 2.77px; }

.single-projects #link_to_next .the-arrow.-right > .shaft {
  width: 100px; }

@media only screen and (min-width: 750px) {
  .single-projects #link_to_next .the-arrow.-right > .shaft {
    width: 300px; } }

.single-projects #link_to_next .the-arrow {
  width: 100px; }

@media only screen and (min-width: 750px) {
  .single-projects #link_to_next .the-arrow {
    width: 300px; } }

.single-projects div#color_switch {
  display: none !important; }

.single-projects .menu-toggle {
  top: 16px;
  right: 20px; }

.single-projects #header {
  background: white;
  top: 0px; }

.single-projects #header.trans {
  background: transparent; }

@media only screen and (min-width: 750px) {
  .single-projects #header {
    padding: 20px; } }

@media only screen and (min-width: 1023px) {
  .single-projects #header {
    background: transparent; }
  .single-projects #header .menu-toggle {
    right: 50px;
    top: 65px; } }

.single-projects #header .breadcrumb {
  display: block !important;
  color: #828282;
  font-size: 13px;
  line-height: 15px; }

@media only screen and (min-width: 1023px) {
  .single-projects #header .breadcrumb {
    position: fixed;
    bottom: 30px;
    left: 50px;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    color: #888;
    opacity: 1 !important; } }

.single-projects div#left_sidebar {
  display: none !important; }

@media only screen and (min-width: 1023px) {
  .single-projects {
    padding-left: 0; } }

.single-projects .logo {
  display: none; }

.single-projects div#page_content {
  margin-top: 55px; }

@media only screen and (min-width: 1023px) {
  .single-projects div#page_content {
    margin-top: 0px; } }

.single-projects div#page_content .breadcrumb {
  position: fixed;
  left: 15px;
  top: 20px;
  opacity: 1;
  -webkit-transition: all 0.3s;
  transition: all 0.3s; }

.single-projects .project_feat_img {
  height: calc(100vh - 55px);
  background-size: cover;
  background-position: center;
  position: relative; }

@media only screen and (min-width: 1023px) {
  .single-projects .project_feat_img {
    height: 100vh;
    background-attachment: fixed; } }

.single-projects .project_feat_img div#scroll_down {
  position: absolute;
  left: 50%;
  bottom: 20px;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  max-width: 20px;
  cursor: pointer; }

.single-projects #project_desc {
  padding: 60px 40px;
  background: #121212;
  color: white; }

.single-projects #project_desc p {
  margin-bottom: 0;
  max-width: 500px;
  font-size: 14px;
  line-height: 23px; }

@media only screen and (min-width: 1023px) {
  .single-projects #project_desc {
    padding-top: 100px;
    padding-bottom: 100px;
    padding-left: 50%;
    padding-right: 90px;
    font-size: 13px;
    line-height: 15px; } }

@media only screen and (min-width: 1200px) {
  .single-projects #project_desc {
    padding-top: 155px;
    padding-bottom: 155px;
    padding-right: 270px; } }

.single-projects section#project_gallery {
  width: 95%;
  margin: 0 auto;
  margin-right: 13px;
  padding-left: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 110px; }

.single-projects section#project_gallery:last-child {
  margin-bottom: 0px; }

.single-projects section#project_gallery div#gallery_item {
  margin-top: 125px;
  position: relative;
  background-size: cover;
  background-position: center;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  -webkit-transition: all 0.1s linear;
  transition: all 0.1s linear; }

.single-projects section#project_gallery div#gallery_item img {
  width: 100%; }

@media only screen and (min-width: 1200px) {
  .single-projects section#project_gallery div#gallery_item {
    margin-top: 170px; } }

.single-projects section#project_gallery div#gallery_item .gallery_item_title {
  -webkit-transform: rotate(-90deg) translate(0, -100%);
  transform: rotate(-90deg) translate(0, -100%);
  -webkit-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  font-size: 11px;
  padding-bottom: 8px;
  letter-spacing: 2.7px;
  margin-bottom: 0;
  display: inline-block;
  background: white;
  padding-left: 5px;
  padding-right: 10px;
  z-index: 1;
  position: relative; }

@media only screen and (min-width: 1024px) {
  .single-projects section#project_gallery div#gallery_item .gallery_item_title {
    font-size: 12px; } }

@media only screen and (min-width: 1600px) {
  .single-projects section#project_gallery div#gallery_item .gallery_item_title {
    /*font-size: 21px;
          padding-left: 0; */ } }

.single-projects section#project_gallery div#gallery_item #wrap_help:after {
  content: '';
  position: absolute;
  left: -15px;
  width: 1px;
  height: 90%;
  background: #ccc;
  top: 0px; }

@media only screen and (min-width: 1600px) {
  .single-projects section#project_gallery div#gallery_item #wrap_help:after {
    left: -21px; } }

.single-projects section#project_gallery div#gallery_item:nth-child(even) #wrap_help {
  margin-left: auto; }

@media only screen and (min-width: 700px) {
  .single-projects section#project_gallery {
    margin: 0 auto;
    margin-bottom: 110px;
    width: 80%; }
  .single-projects section#project_gallery div#gallery_item:nth-child(1) {
    margin-top: 0; }
  .single-projects section#project_gallery #wrap_help {
    position: relative;
    width: 64%; }
  .single-projects section#project_gallery #wrap_help.tall_pic {
    width: 40%; } }

@media only screen and (max-width: 700px) {
  .single-projects section#project_gallery div#gallery_item {
    margin-top: 70px !important; }
  .single-projects section#project_gallery div#gallery_item:first-child {
    margin-top: 0px !important; } }

.single-projects section#full_width_pic {
  min-height: 340px;
  background-size: cover;
  background-position: center; }
  @media only screen and (min-width: 1024px) {
    .single-projects section#full_width_pic {
      background-attachment: fixed; } }

.single-projects section#full_width_pic .img_holder {
  opacity: 0;
  width: 100%; }

.single-projects .full_width_pic_contained .rel_help {
  position: relative; }

.single-projects .full_width_pic_contained .rel_help:after {
  content: '';
  position: absolute;
  left: -15px;
  width: 1px;
  height: 90%;
  background: #ccc;
  top: 0px; }

.single-projects .full_width_pic_contained .rel_help img {
  width: 100%; }

.single-projects .full_width_pic_contained h3.gallery_item_title {
  -webkit-transform: rotate(-90deg) translate(0, -100%);
  transform: rotate(-90deg) translate(0, -100%);
  -webkit-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  font-size: 12px;
  padding-bottom: 8px;
  letter-spacing: 2.7px;
  margin-bottom: 0;
  display: inline-block;
  background: white;
  padding-left: 5px;
  padding-right: 10px;
  z-index: 1;
  position: relative; }

@media only screen and (min-width: 1600px) {
  .single-projects .full_width_pic_contained h3.gallery_item_title {
    font-size: 21px;
    padding-left: 0; } }

@media only screen and (min-width: 1023px) {
  .single-projects .full_width_pic_contained {
    display: block !important;
    max-width: 950px;
    margin: 200px auto; }
  .single-projects .full_width_pic_contained img.carusel_slide_image {
    height: 590px;
    padding: 20px; } }

@-webkit-keyframes filler_width {
  0% {
    width: 0%;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    opacity: 1; }
  100% {
    width: 100%;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    opacity: 1; } }

@keyframes filler_width {
  0% {
    width: 0%;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    opacity: 1; }
  100% {
    width: 100%;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    opacity: 1; } }

.single-projects .carosel_nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: 1;
  max-width: 950px;
  margin: 0 auto; }

@media only screen and (max-width: 1023px) {
  .single-projects .carosel_nav {
    margin-top: 60px; } }

.single-projects .carosel_nav .arrows {
  display: none; }

.single-projects .carosel_nav .p_name {
  font-size: 12px;
  letter-spacing: 1px; }

@media only screen and (min-width: 1600px) {
  .single-projects .carosel_nav .p_name {
    font-size: 17px; } }

.single-projects .carosel_nav .buffer {
  padding-left: 15px;
  content: '';
  position: relative;
  right: 0;
  background: #b5b5b5;
  height: 2px;
  width: 40%;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  border-radius: 8px;
  transition: 0.2s; }

@media only screen and (min-width: 370px) {
  .single-projects .carosel_nav .buffer {
    width: 40%; } }

@media only screen and (min-width: 500px) {
  .single-projects .carosel_nav .buffer {
    width: 65%; } }

.single-projects .carosel_nav .buffer .filler {
  content: '';
  position: absolute;
  left: 0;
  background: #ff0089;
  height: 2px;
  opacity: 0; }

.single-projects .carosel_nav .buffer .filler.animate {
  -webkit-animation: filler_width 3s forwards;
  animation: filler_width 3s forwards; }

@media only screen and (min-width: 1023px) {
  .single-projects .carosel_nav .buffer {
    width: 75%; }
  .single-projects .carosel_nav .buffer .filler {
    background: #D6328A; } }

@media only screen and (min-width: 1023px) {
  .single-projects .carosel_nav .arrows .next {
    margin-left: 10px; } }

@media only screen and (min-width: 1023px) {
  .single-projects section.bottom_carusel {
    margin-bottom: 105px; } }

.single-projects section.bottom_carusel .slick-dots li.slick-active button:before {
  color: #D6328A; }

.single-projects section.bottom_carusel img.carusel_slide_image {
  opacity: 0;
  width: 100%;
  margin: 0 auto; }

.single-projects section.bottom_carusel .slick-slide {
  background-size: cover;
  background-position: center;
  height: 300px;
  margin: 20px 5px;
  max-width: 100%; }

@media only screen and (min-width: 500px) {
  .single-projects section.bottom_carusel .slick-slide {
    height: auto; } }

@media only screen and (min-width: 1023px) {
  .single-projects section.bottom_carusel .slick-slide {
    width: 950px;
    height: 590px;
    margin: 20px; } }

.single-projects .img_filler {
  position: absolute;
  left: 0;
  bottom: 0;
  background: white;
  width: 0px;
  height: 100%;
  max-width: 100%;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out; }

.single-projects .projects_wrap {
  position: relative;
  background: white;
  padding-top: 75px;
  padding-bottom: 75px; }

@media only screen and (min-width: 1100px) {
  .single-projects .projects_wrap {
    padding-top: 200px;
    padding-bottom: 200px; } }

.single-projects .projects_wrap.with_shadow:after {
  content: '';
  left: 0;
  position: absolute;
  top: -7.5vw;
  bottom: 0;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, transparent), to(#000));
  background: linear-gradient(180deg, transparent 0, #000);
  height: 7.5vw;
  width: 100%;
  z-index: 1; }

.single-projects .car_nav_help {
  position: relative; }

@media only screen and (max-width: 992px) {
  .single-projects .car_nav_help {
    margin: 0 -15px; } }

.single-projects .car_nav_help > .slide_left {
  position: absolute;
  left: 0;
  right: 50%;
  top: 0;
  height: 100%;
  background: transparent;
  z-index: 2; }

@media only screen and (max-width: 992px) {
  .single-projects .car_nav_help > .slide_left {
    display: none !important; } }

.single-projects .car_nav_help > .slide_left:hover {
  cursor: url("/landau/images/carusel-left-arrow.png"), auto; }

.single-projects .car_nav_help > .slide_right {
  position: absolute;
  right: 0;
  left: 50%;
  top: 0;
  height: 100%;
  background: transparent;
  z-index: 2; }

@media only screen and (max-width: 992px) {
  .single-projects .car_nav_help > .slide_right {
    display: none !important; } }

.single-projects .car_nav_help > .slide_right:hover {
  cursor: url("/landau/images/carusel-right-arrow.png"), auto; }

.single-projects .bottom_carusel.left {
  cursor: url("/landau/images/carusel-left-arrow.png"), auto; }

.single-projects .bottom_carusel.right {
  cursor: url("/landau/images/carusel-right-arrow.png"), auto; }

.single-projects #link_to_next {
  padding-bottom: 180px;
  padding-top: 200px; }

@media only screen and (max-width: 992px) {
  .single-projects #link_to_next {
    padding-left: 40px;
    padding-right: 40px; } }

.page-template-page-contact #page_content {
  padding: 0px 40px;
  padding-top: 123px;
  height: 100vh; }

.page-template-page-contact div#switches {
  display: none !important; }

.page-template-page-contact img.grid_switcher {
  display: none; }

.page-template-page-contact .bottom_div .icons {
  width: 0;
  opacity: 0;
  visibility: hidden; }

.page-template-page-contact h1.page_title {
  margin-bottom: 5px;
  line-height: 1; }

.page-template-page-contact .under_ti {
  margin-bottom: 39px;
  line-height: 1; }

.page-template-page-contact h3 {
  font-size: 24px;
  line-height: 1;
  margin-bottom: 20px; }

.page-template-page-contact #content p {
  margin-bottom: 40px; }

.page-template-page-contact #content .icon {
  line-height: 1;
  display: inline;
  margin-right: 15px; }

.page-template-page-contact #content .icon svg {
  max-width: 16px;
  max-height: 16px; }

.page-template-page-contact #content .icon svg path {
  fill: black; }

.page-template-page-contact div#scroll_spy, .page-template-page-contact div#scroll_spy_holder {
  background: transparent !important; }

@media only screen and (min-width: 1023px) {
  .page-template-page-contact div#page_content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .page-template-page-contact div#page_content #content h1.page_title {
    margin-bottom: 0;
    font-size: 41px;
    line-height: 47px; }
  .page-template-page-contact div#page_content #content p {
    margin-bottom: 50px; } }

.page-template-page-process {
  padding: 0;
  /*keyframes*/
  /*keyframes END*/ }

.page-template-page-process .slick-dots > * {
  pointer-events: none; }

.page-template-page-process #process_slider .slick-slide {
  opacity: 0;
  -webkit-transition: opacity 0.5s ease-out !important;
  transition: opacity 0.5s ease-out !important; }

.page-template-page-process #process_slider .slick-active {
  opacity: 1 !important;
  -webkit-transition: opacity 0.5s ease-in !important;
  transition: opacity 0.5s ease-in !important; }

.page-template-page-process #process_slider .slick-cloned {
  opacity: 0.3; }

.page-template-page-process div#switches {
  display: none !important; }

.page-template-page-process .slick-dotted.slick-slider {
  margin-bottom: 0px; }

.page-template-page-process div#left_sidebar {
  display: none !important; }

.page-template-page-process #header {
  background: transparent; }

.page-template-page-process .logo {
  visibility: hidden; }

.page-template-page-process .menu-toggle span.icon-bar {
  background: white; }

.page-template-page-process div#process_slide {
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-size: cover;
  background-position: center; }

.page-template-page-process div#process_slide h1.stage_title {
  color: white;
  font-size: 26px;
  margin-bottom: 0;
  line-height: 1; }

@media only screen and (min-width: 1023px) {
  .page-template-page-process div#process_slide h1.stage_title {
    font-size: 50px; } }

.page-template-page-process div#process_slide .slide {
  z-index: 2; }

.page-template-page-process div#process_slide .stage_text {
  position: absolute;
  right: 0;
  color: white;
  top: 50%;
  -webkit-transform: translate(100%, -50%);
  transform: translate(100%, -50%);
  padding-left: 40px;
  text-align: left; }

.page-template-page-process div#process_slide .stage_text p {
  line-height: 20px;
  font-size: 14px; }

@media only screen and (min-width: 1023px) {
  .page-template-page-process div#process_slide .stage_text {
    display: block !important;
    width: 190px; }
  .page-template-page-process div#process_slide .slide {
    width: 600px;
    text-align: center;
    position: relative; } }

@media only screen and (min-width: 1100px) {
  .page-template-page-process div#process_slide .stage_text {
    width: 250px; } }

@media only screen and (min-width: 1200px) {
  .page-template-page-process div#process_slide .stage_text {
    width: 300px; } }

@media only screen and (min-width: 1400px) {
  .page-template-page-process div#process_slide .stage_text {
    width: 365px; } }

.page-template-page-process div#process_slide div#overlay {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: rgba(0, 0, 0, 0.5); }

.page-template-page-process ul.slick-dots {
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 100%;
  border: 2px solid transparent;
  width: 350px;
  height: 350px; }

@media only screen and (min-width: 1023px) {
  .page-template-page-process ul.slick-dots {
    width: 600px;
    height: 600px; } }

.page-template-page-process .slick-dots {
  position: relative;
  width: 265px;
  height: 265px;
  padding: 0;
  border-radius: 50%;
  list-style: none;
  border: solid 5px tomato;
  -webkit-transform: translate(-50%, -50%) rotate(-90deg);
  transform: translate(-50%, -50%) rotate(-90deg);
  margin: 0; }

.page-template-page-process .slick-dots > * {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 8.5px;
  height: 8.5px;
  margin: -4.25px; }

.page-template-page-process .slick-dots > *:nth-of-type(1) {
  -webkit-transform: rotate(0deg) translate(132.5px) rotate(0deg);
  transform: rotate(0deg) translate(132.5px) rotate(0deg); }

.page-template-page-process .slick-dots > *:nth-of-type(2) {
  -webkit-transform: rotate(120deg) translate(132.5px) rotate(-120deg);
  transform: rotate(120deg) translate(132.5px) rotate(-120deg); }

.page-template-page-process .slick-dots > *:nth-of-type(3) {
  -webkit-transform: rotate(240deg) translate(132.5px) rotate(-240deg);
  transform: rotate(240deg) translate(132.5px) rotate(-240deg); }

@media only screen and (min-width: 420px) {
  .page-template-page-process .slick-dots {
    position: relative;
    width: 350px;
    height: 350px;
    padding: 0;
    border-radius: 50%;
    list-style: none; }
  .page-template-page-process .slick-dots > * {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 8.5px;
    height: 8.5px;
    margin: -4.25px; }
  .page-template-page-process .slick-dots > *:nth-of-type(1) {
    -webkit-transform: rotate(0deg) translate(175px) rotate(0deg);
    transform: rotate(0deg) translate(175px) rotate(0deg); }
  .page-template-page-process .slick-dots > *:nth-of-type(2) {
    -webkit-transform: rotate(120deg) translate(175px) rotate(-120deg);
    transform: rotate(120deg) translate(175px) rotate(-120deg); }
  .page-template-page-process .slick-dots > *:nth-of-type(3) {
    -webkit-transform: rotate(240deg) translate(175px) rotate(-240deg);
    transform: rotate(240deg) translate(175px) rotate(-240deg); } }

@media only screen and (min-width: 1023px) {
  .page-template-page-process .slick-dots {
    position: relative;
    width: 600px;
    height: 600px;
    padding: 0;
    border-radius: 50%;
    list-style: none; }
  .page-template-page-process .slick-dots > * {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 8.5px;
    height: 8.5px;
    margin: -4.25px; }
  .page-template-page-process .slick-dots > *:nth-of-type(1) {
    -webkit-transform: rotate(0deg) translate(300px) rotate(0deg);
    transform: rotate(0deg) translate(300px) rotate(0deg); }
  .page-template-page-process .slick-dots > *:nth-of-type(2) {
    -webkit-transform: rotate(120deg) translate(300px) rotate(-120deg);
    transform: rotate(120deg) translate(300px) rotate(-120deg); }
  .page-template-page-process .slick-dots > *:nth-of-type(3) {
    -webkit-transform: rotate(240deg) translate(300px) rotate(-240deg);
    transform: rotate(240deg) translate(300px) rotate(-240deg); } }

.page-template-page-process .slick-dots button {
  display: block;
  max-width: 100%;
  border-radius: 50%;
  border: solid 5px white;
  -webkit-transition: .15s;
  transition: .15s;
  padding: 0;
  height: 0;
  -webkit-transition: all .5s;
  transition: all .5s; }

.page-template-page-process .slick-dots button:hover, .page-template-page-process .slick-dots button:active {
  border: solid 5px #D6328A !important;
  -webkit-transition: all .5s;
  transition: all .5s; }

.page-template-page-process .slick-dots li button:before {
  display: none; }

.page-template-page-process .slick-dots li.slick-active button {
  border: solid 5px #D6328A !important;
  -webkit-transition: all .5s;
  transition: all .5s; }

.page-template-page-process ul.buffer {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 350px;
  height: 350px;
  padding: 0;
  margin: 0; }

.page-template-page-process ul.buffer svg {
  width: 300px;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }

@media only screen and (min-width: 420px) {
  .page-template-page-process ul.buffer svg {
    width: 400px; } }

@media only screen and (min-width: 1023px) {
  .page-template-page-process ul.buffer svg {
    width: 678px;
    height: 678px; } }

.page-template-page-process ul.buffer_holder {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 350px;
  height: 350px;
  padding: 0;
  margin: 0; }

.page-template-page-process ul.buffer_holder svg {
  width: 300px;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }

@media only screen and (min-width: 420px) {
  .page-template-page-process ul.buffer_holder svg {
    width: 400px; } }

@media only screen and (min-width: 1023px) {
  .page-template-page-process ul.buffer_holder svg {
    width: 678px;
    height: 678px; } }

.page-template-page-process .circular-chart {
  display: block;
  margin: 0 auto;
  max-height: 300px; }

@media only screen and (min-width: 420px) {
  .page-template-page-process .circular-chart {
    max-height: 395px; } }

@media only screen and (min-width: 1023px) {
  .page-template-page-process .circular-chart {
    max-height: 680px; } }

.page-template-page-process .circle {
  stroke: #D6328A;
  fill: none;
  stroke-width: 0.2px;
  stroke-linecap: round;
  stroke-dasharray: 0 100; }

.page-template-page-process .circle_track {
  stroke: white;
  fill: none;
  stroke-width: 0.06px;
  stroke-linecap: round;
  stroke-dasharray: 100 100; }

@-webkit-keyframes progress {
  0% {
    stroke-dasharray: 0 100; }
  100% {
    stroke-dasharray: 33.333333 100; } }

@keyframes progress {
  0% {
    stroke-dasharray: 0 100; }
  100% {
    stroke-dasharray: 33.333333 100; } }

@-webkit-keyframes progress2 {
  0% {
    stroke-dasharray: 33 100; }
  100% {
    stroke-dasharray: 66.66666 100; } }

@keyframes progress2 {
  0% {
    stroke-dasharray: 33 100; }
  100% {
    stroke-dasharray: 66.66666 100; } }

@-webkit-keyframes progress3 {
  0% {
    stroke-dasharray: 66.66666 100; }
  100% {
    stroke-dasharray: 100 100; } }

@keyframes progress3 {
  0% {
    stroke-dasharray: 66.66666 100; }
  100% {
    stroke-dasharray: 100 100; } }

.page-template-page-process ul.buffer.slide1 .circle {
  -webkit-animation: progress 13.5s ease-out forwards;
  animation: progress 13.5s ease-out forwards; }

.page-template-page-process ul.buffer.slide2 .circle {
  -webkit-animation: progress2 13.5s ease-out forwards;
  animation: progress2 13.5s ease-out forwards; }

.page-template-page-process ul.buffer.slide3 .circle {
  -webkit-animation: progress3 13.5s ease-out backwards;
  animation: progress3 13.5s ease-out backwards; }

.page-template-page-process .slick-dots li:first-child button {
  border: solid 5px #D6328A !important;
  -webkit-transition: all .5s;
  transition: all .5s; }

.page-template-page-process .slick-dots.slide2 li:nth-of-type(1) button, .page-template-page-process .slick-dots.slide2 li:nth-of-type(2) button {
  border: solid 5px #D6328A !important;
  -webkit-transition: all .5s;
  transition: all .5s; }

.page-template-page-process .slick-dots.slide3 li:nth-of-type(1) button, .page-template-page-process .slick-dots.slide3 li:nth-of-type(2) button, .page-template-page-process .slick-dots.slide3 li:nth-of-type(3) button {
  border: solid 5px #D6328A !important;
  -webkit-transition: all .5s;
  transition: all .5s; }

.page-template-page-process div#counter {
  position: fixed;
  color: white;
  font-size: 12px;
  left: 33px;
  bottom: 27px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline; }

.page-template-page-process div#counter div.counter {
  position: relative;
  width: 14px; }

.page-template-page-process div#counter .font_big {
  font-size: 25px; }

@media only screen and (min-width: 1023px) {
  .page-template-page-process div#counter {
    left: 70px;
    bottom: 45px; } }

.page-template-page-process div#counter span:first-child {
  position: absolute;
  left: 0; }

.page-template-page-process div#counter span:last-child {
  position: absolute;
  right: 0; }

.page-template-page-process div#counter span.current_slide {
  position: absolute;
  left: 0;
  width: 28px; }

.page-template-page-process div#counter span.slesh {
  font-size: 12px !important;
  position: absolute;
  left: 60%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }

.page-template-page-process .slick-dots > *:nth-of-type(1) {
  margin-left: -5px; }

.page-template-page-about {
  padding-left: 0; }

.page-template-page-about.admin-bar .main_img {
  height: calc(100vh - 46px); }

.page-template-page-about div#left_sidebar {
  display: none !important; }

.page-template-page-about #header {
  background: transparent; }

.page-template-page-about #header .logo {
  visibility: hidden; }

.page-template-page-about div#scroll_down {
  position: absolute;
  left: 50%;
  bottom: 0;
  -webkit-transform: translate(-50%, -30px);
  transform: translate(-50%, -30px);
  width: 20px;
  cursor: pointer;
  z-index: 2; }

.page-template-page-about div#page_content {
  background: #121212;
  color: white; }

.page-template-page-about .about_con {
  padding: 0px 33px; }

.page-template-page-about .about_con .content {
  margin-bottom: 120px;
  padding-top: 60px; }

@media only screen and (min-width: 1023px) {
  .page-template-page-about .about_con .content {
    padding-top: 110px;
    margin-bottom: 290px; } }

.page-template-page-about .about_con .content p {
  font-size: 15px;
  margin-bottom: 10px;
  line-height: 21px; }

@media only screen and (min-width: 1023px) {
  .page-template-page-about .about_con .content p {
    line-height: 30px; } }

.page-template-page-about .about_con div#title {
  max-width: 560px; }

.page-template-page-about .about_con div#title p {
  margin-bottom: 0;
  font-size: 43px !important;
  line-height: 50px; }

.page-template-page-about .about_con div#title strong {
  font-weight: 900;
  position: relative; }

.page-template-page-about .about_con div#title strong:after {
  content: '';
  position: absolute;
  width: 5px;
  height: 5px;
  background: #D6328A;
  bottom: 10px;
  right: -10px;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  border-radius: 100%; }

.page-template-page-about .about_con .costumers .logos {
  padding-top: 100px;
  padding-bottom: 150px; }

@media only screen and (min-width: 750px) {
  .page-template-page-about .about_con .costumers .logos {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; } }

@media only screen and (min-width: 1023px) {
  .page-template-page-about .about_con .costumers .logos {
    padding-top: 130px; } }

.page-template-page-about .about_con .costumers .logos .logo {
  margin-bottom: 95px;
  text-align: center; }

.page-template-page-about .about_con .costumers .logos .logo img {
  max-width: 135px; }

.page-template-page-about div#switches {
  visibility: hidden; }

.page-template-page-about .main_img {
  height: 100vh;
  background-size: cover;
  background-position: center;
  position: relative; }

.page-template-page-about .main_img .caption {
  color: white;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
  font-size: 43px;
  line-height: 50px; }

.page-template-page-about #link {
  padding-bottom: 90px; }

.page-template-page-about #link h3.link_to {
  margin-bottom: 0px;
  margin-top: 10px;
  font-size: 31px;
  letter-spacing: 7.15px;
  line-height: 1; }

.page-template-page-about #return {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-size: 12px;
  line-height: 12px;
  letter-spacing: 2.77px; }

.page-template-page-about .fixed_help {
  position: relative;
  display: block;
  width: 100%;
  height: 100vh;
  margin-right: auto;
  margin-left: auto;
  background-color: #121212; }

.page-template-page-about .fixed_help .main_img {
  position: fixed;
  width: 100%; }

.page-template-page-about .overlap_help {
  background: #121212;
  position: relative; }

.page-template-page-about .overlap_help:before {
  content: '';
  left: 0;
  position: absolute;
  top: -24vh;
  bottom: 0;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, transparent), to(#121212));
  background: linear-gradient(180deg, transparent 0, #121212);
  height: 24.5vh;
  width: 100%;
  z-index: 1; }

.the-arrow {
  width: 100px;
  -webkit-transition: all 0.2s;
  transition: all 0.2s; }

.the-arrow.-left {
  position: absolute;
  top: 60%;
  left: 0; }

.the-arrow.-left > .shaft {
  width: 0;
  background-color: white; }

.the-arrow.-left > .shaft:before, .the-arrow.-left > .shaft:after {
  width: 0;
  background-color: white; }

.the-arrow.-left > .shaft:before {
  -webkit-transform: rotate(0);
  transform: rotate(0); }

.the-arrow.-left > .shaft:after {
  -webkit-transform: rotate(0);
  transform: rotate(0); }

.the-arrow.-right {
  top: 3px; }

.the-arrow.-right > .shaft {
  width: 100px;
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s; }

.the-arrow.-right > .shaft:before, .the-arrow.-right > .shaft:after {
  width: 8px;
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
  -webkit-transition: all 0.5s;
  transition: all 0.5s; }

.the-arrow.-right > .shaft:before {
  -webkit-transform: rotate(40deg);
  transform: rotate(40deg); }

.the-arrow.-right > .shaft:after {
  -webkit-transform: rotate(-40deg);
  transform: rotate(-40deg); }

.the-arrow > .shaft {
  background-color: white;
  display: block;
  height: 1px;
  position: relative;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  -webkit-transition-delay: 0;
  transition-delay: 0;
  will-change: transform; }

.the-arrow > .shaft:before, .the-arrow > .shaft:after {
  background-color: white;
  content: '';
  display: block;
  height: 1px;
  position: absolute;
  top: 0;
  right: 0;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  -webkit-transition-delay: 0;
  transition-delay: 0; }

.the-arrow > .shaft:before {
  -webkit-transform-origin: top right;
  transform-origin: top right; }

.the-arrow > .shaft:after {
  -webkit-transform-origin: bottom right;
  transform-origin: bottom right; }

.page-template-page-slider {
  padding-left: 0; }

.page-template-page-slider #header {
  background: transparent; }

.page-template-page-slider #left_sidebar {
  display: none !important; }

.page-template-page-slider .logo {
  display: none; }

.page-template-page-slider .slide {
  height: 100vh;
  background-size: cover; }

.page-template-page-slider.admin-bar .slide {
  height: calc(100vh - 46px); }

.page-template-page-slider div#switches {
  display: none !important; }

.page-template-page-slider .slides .slick-slide {
  opacity: 0;
  -webkit-transition: opacity 0.7s ease-out !important;
  transition: opacity 0.7s ease-out !important; }

.page-template-page-slider .slides .slick-active {
  opacity: 1 !important;
  -webkit-transition: opacity 1s ease-in !important;
  transition: opacity 1s ease-in !important; }

.page-template-page-slider .slides .slick-cloned {
  opacity: 0.3; }

.page-template-page-slider .slide .slide_footer {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  color: white;
  background: -webkit-gradient(linear, left bottom, left top, from(#2F2F2F), to(#fff0));
  background: linear-gradient(0deg, #2F2F2F 0%, #fff0 100%);
  padding: 35px 25px;
  padding-right: 35px; }

@media only screen and (min-width: 750px) {
  .page-template-page-slider .slide .slide_footer {
    width: 100%; }
  .page-template-page-slider .slide .slide_footer .wrap_help {
    text-align: right;
    max-width: 400px;
    margin-right: 0;
    margin-left: auto; } }

.page-template-page-slider .slide .slide_footer .excerpt p {
  margin-bottom: 0;
  font-size: 13px; }

@media only screen and (min-width: 1023px) {
  .page-template-page-slider .slide .slide_footer .wrap_help h3 {
    font-size: 40px;
    margin-bottom: 20px; } }

@media only screen and (min-width: 992px) {
  .page-template-page-slider .slide .slide_footer div#link {
    float: right; } }

@media only screen and (min-width: 1023px) {
  .page-template-page-slider .slide .slide_footer {
    padding: 40px 105px; } }

.page-template-page-slider .slide .slide_footer .slide_title {
  font-size: 52px; }

.page-template-page-slider .slide .slide_footer a.link {
  position: relative;
  bottom: 0;
  width: 100%;
  z-index: 9999;
  top: 0;
  left: 0;
  right: 0; }

.page-template-page-slider .slide #go_to_project {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: 1;
  margin-top: 0px;
  margin-bottom: 10px; }

.page-template-page-slider .slide #go_to_project span#view {
  padding-left: 15px;
  font-size: 14px; }

@media only screen and (min-width: 750px) {
  .page-template-page-slider .slide #go_to_project {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end; } }

@keyframes filler_width {
  0% {
    width: 0%;
    opacity: 1;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear; }
  100% {
    width: 100%;
    opacity: 1;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear; } }

.page-template-page-slider .slide .buffer_counter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative; }

@media only screen and (min-width: 750px) {
  .page-template-page-slider .slide .buffer_counter {
    max-width: 315px; } }

.page-template-page-slider .slide .buffer_counter div#counter {
  font-size: 12px;
  letter-spacing: 3px;
  line-height: 1; }

.page-template-page-slider .slide .buffer_counter .buffer {
  padding-left: 15px;
  content: '';
  position: absolute;
  right: 0;
  background: white;
  height: 2px;
  width: 70%;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  border-radius: 8px;
  transition: 0.2s; }

@media only screen and (min-width: 750px) {
  .page-template-page-slider .slide .buffer_counter .buffer {
    width: 75%; } }

.page-template-page-slider .slide .buffer_counter .buffer .filler {
  content: '';
  position: absolute;
  left: 0;
  background: #ff0089;
  height: 2px;
  width: 0%; }

.page-template-page-slider .slide .buffer_counter .buffer .filler.animate {
  -webkit-animation: filler_width 7s;
  animation: filler_width 7s; }

.page-template-page-slider .slide .buffer_counter span.big {
  font-size: 25px; }

.page-template-page-slider .the-arrow {
  width: 75px; }

.page-template-page-slider .the-arrow.-right > .shaft {
  width: 75px; }

/*global animations*/
.animate-into-view, .animate-into-view-bottom {
  opacity: 0;
  -webkit-transform: translate(0px, 120px);
  transform: translate(0px, 120px); }

.animate-into-view.animation-active, .animate-into-view-bottom.animation-active {
  opacity: 1;
  transform: translateX(0px) translateY(0px) translateZ(0px);
  -webkit-transform: translateX(0px) translateY(0px) translateZ(0px);
  -ms-transform: translateX(0px) translateY(0px) translateZ(0px);
  -webkit-transition: opacity 200ms ease 0s, -webkit-transform 800ms ease 0s;
  transition: opacity 200ms ease 0s, -webkit-transform 800ms ease 0s;
  transition: opacity 200ms ease 0s, transform 800ms ease 0s;
  transition: opacity 200ms ease 0s, transform 800ms ease 0s, -webkit-transform 800ms ease 0s; }

.home .animate_bg_help {
  position: relative;
  background-color: white;
  padding: 0.1px;
  z-index: 2; }

.animate_bg_help {
  position: relative;
  background-color: white;
  padding: 0.1px; }

.hamburger {
  font: inherit;
  display: inline-block;
  overflow: visible;
  margin: 0;
  cursor: pointer;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
  -webkit-transition-duration: .15s;
  transition-duration: .15s;
  -webkit-transition-property: opacity,-webkit-filter;
  transition-property: opacity,-webkit-filter;
  transition-property: opacity,filter;
  transition-property: opacity,filter,-webkit-filter;
  text-transform: none;
  color: inherit;
  border: 0;
  background-color: transparent; }

.hamburger-box {
  position: relative;
  display: inline-block;
  width: 32px;
  height: 24px;
  line-height: 1; }

.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {
  position: absolute;
  width: 32px;
  height: 1px;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-transition-duration: .15s;
  transition-duration: .15s;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  border-radius: 4px;
  background-color: #828282; }

.mobile_menu_open .hamburger-inner, .mobile_menu_open .hamburger-inner:after, .mobile_menu_open .hamburger-inner:before {
  background-color: #D6328A !important; }

.hamburger-inner {
  top: 50%;
  display: block;
  margin-top: -2px; }

.hamburger--spin .hamburger-inner {
  -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  -webkit-transition-duration: .5s;
  transition-duration: .5s; }

.hamburger--spin .hamburger-inner:before {
  -webkit-transition: top .1s ease-in .25s,opacity .1s ease-in;
  transition: top .1s ease-in .25s,opacity .1s ease-in; }

.hamburger-inner:before {
  top: -8px; }

.hamburger-inner:after, .hamburger-inner:before {
  display: block;
  content: ""; }

.hamburger--spin .hamburger-inner:after {
  -webkit-transition: bottom 0.1s ease-in 0.25s, -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 0.1s ease-in 0.25s, -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 0.1s ease-in 0.25s, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 0.1s ease-in 0.25s, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger-inner:after {
  bottom: -8px; }

.hamburger.is-active:hover, .hamburger:hover {
  opacity: .7; }

.hamburger--spin.is-active .hamburger-inner {
  -webkit-transition-delay: .12s;
  transition-delay: .12s;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg); }

.hamburger--spin.is-active .hamburger-inner:before {
  top: 0;
  -webkit-transition: top .1s ease-out,opacity .1s ease-out .12s;
  transition: top .1s ease-out,opacity .1s ease-out .12s;
  opacity: 0; }

.hamburger--spin.is-active .hamburger-inner:after {
  bottom: 0;
  -webkit-transition: bottom 0.1s ease-out, -webkit-transform 0.22s cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s;
  transition: bottom 0.1s ease-out, -webkit-transform 0.22s cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s;
  transition: bottom 0.1s ease-out, transform 0.22s cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s;
  transition: bottom 0.1s ease-out, transform 0.22s cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s, -webkit-transform 0.22s cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg); }

html.theme_black {
  background-color: #121212; }

html.theme_black #header {
  background: transparent;
  -webkit-transition: 1.5s;
  transition: 1.5s; }

html.theme_black .animate_bg_help {
  background-color: #121212;
  -webkit-transition: 1.5s;
  transition: 1.5s; }

@media only screen and (min-width: 1023px) {
  html.theme_black .animate_bg_help:after {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, transparent), to(#121212));
    background: linear-gradient(180deg, transparent 0, #121212); } }

html.theme_black body div#page_content {
  background: #121212;
  color: white;
  -webkit-transition: 1.5s;
  transition: 1.5s; }

html.theme_black body div#left_sidebar {
  background: #121212;
  color: white;
  -webkit-transition: 1.5s;
  transition: 1.5s; }

html.theme_black body .switcher:after {
  left: 100% !important;
  -webkit-transition: 1.5s;
  transition: 1.5s; }

html.theme_black body section.projects_list_mode {
  background: #121212; }

html.theme_black body #left_sidebar:after {
  background: #2B2B2B;
  -webkit-transition: 1.5s;
  transition: 1.5s; }

html.theme_black body .logo svg path.cls-3, html.theme_black body .logo svg path.cls-4, html.theme_black body .logo svg path.cls-5, html.theme_black body .logo svg path.cls-6, html.theme_black body .logo svg path.cls-7 {
  fill: white; }

html.theme_black body .menu-toggle span.icon-bar {
  background: white; }

html.theme_black .page-template-page-contact #content .icon svg path {
  fill: white !important; }

html.theme_black .single-projects #project_desc {
  color: #121212;
  background: white;
  -webkit-transition: 1.5s;
  transition: 1.5s; }

html.theme_black .home #header .logo svg .cls-3 {
  fill: white; }

html.theme_black .hamburger-inner, html.theme_black .hamburger-inner:after, html.theme_black .hamburger-inner:before {
  background: white; }

body.sticky_header #header .logo {
  -webkit-transform: translateY(-100px);
  transform: translateY(-100px);
  -webkit-transition: 1.5s;
  transition: 1.5s; }

body.sticky_header #header .breadcrumb {
  opacity: 0;
  -webkit-transition: 1.5s;
  transition: 1.5s; }

.home {
  /*keyframes*/
  /*keyframes END*/ }

.home .logo svg .cls-3 {
  fill: #ffffff; }

.home .loader_con {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: #121212;
  z-index: 9; }

.home .loader_con .caption {
  position: absolute;
  left: 50%;
  top: 50%;
  background: transparent;
  z-index: 9999999;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }

.home .loader_con .logo {
  opacity: 0;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0) scale(1, 1);
  transform: translateZ(0); }

.home .loader_con .logo svg {
  height: 135px;
  margin-top: 30px; }

.home .loader_con.loader_stage2 .buffer {
  opacity: 0;
  -webkit-transition: opacity 1.5s ease;
  transition: opacity 1.5s ease; }

.home .loader_con.loader_stage2 .logo {
  opacity: 1;
  -webkit-transition: opacity 1.5s ease;
  transition: opacity 1.5s ease; }

.home ul.buffer {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 122px;
  height: 122px;
  padding: 0;
  margin: 0; }

.home ul.buffer svg {
  width: 122px;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }

@media only screen and (min-width: 1023px) {
  .home ul.buffer svg {
    width: 122px;
    height: 122px; } }

.home .circular-chart {
  display: block;
  margin: 0 auto;
  max-height: 395px; }

@media only screen and (min-width: 1023px) {
  .home .circular-chart {
    max-height: 680px; } }

.home .circle {
  stroke: #D6328A;
  fill: none;
  stroke-width: .55px;
  stroke-linecap: round;
  stroke-dasharray: 0 100; }

.home .circle_track {
  stroke: white;
  fill: none;
  stroke-width: 0.2px;
  stroke-linecap: round;
  stroke-dasharray: 100 100; }

@-webkit-keyframes hey {
  0% {
    stroke-dasharray: 0 100;
    fill: transparent;
    opacity: 1; }
  70% {
    stroke-dasharray: 100 100;
    fill: transparent;
    opacity: 1; }
  80% {
    stroke-dasharray: 100 100;
    fill: #D6328A;
    opacity: 1; }
  100% {
    stroke-dasharray: 100 100;
    fill: #D6328A; } }

@keyframes hey {
  0% {
    stroke-dasharray: 0 100;
    fill: transparent;
    opacity: 1; }
  70% {
    stroke-dasharray: 100 100;
    fill: transparent;
    opacity: 1; }
  80% {
    stroke-dasharray: 100 100;
    fill: #D6328A;
    opacity: 1; }
  100% {
    stroke-dasharray: 100 100;
    fill: #D6328A; } }

.home ul.buffer .circle {
  -webkit-animation: hey 7s forwards;
  animation: hey 7s forwards; }

.home.loader_stage3 .loader_con .logo {
  opacity: 0;
  -webkit-transition: all 2.5s ease;
  transition: all 2.5s ease; }

.home.loader_stage3 section.top_section .caption {
  z-index: 999;
  color: white;
  opacity: 0; }

.home.loader_stage4 section.top_section .caption {
  z-index: 999;
  color: white;
  opacity: 1;
  -webkit-transition: all 1.5s ease;
  transition: all 1.5s ease; }

.home.loader_stage5 .loader_con {
  opacity: 0;
  -webkit-transition: all 1.5s;
  transition: all 1.5s;
  visibility: hidden; }

.home.loader_stage5 section.top_section .caption {
  margin-top: 0px;
  color: #121212;
  z-index: 1;
  -webkit-transition: all 1.5s ease;
  transition: all 1.5s ease;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translate(0, -50%) translateZ(0) scale(1, 1);
  transform: translate(0, -50%) translateZ(0); }

/*# sourceMappingURL=style.css.map */
.home section.projects_list_mode .project {
  /*  -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: opacity 0.5s ease;*/ }

.home div#page_content {
  position: relative; }

.home.project_grid_mode section.projects_list_mode {
  z-index: 5; }

.home .fade_help.show_it {
  z-index: 4;
  -webkit-transition: all 0.5s linear;
  transition: all 0.5s linear;
  opacity: 1; }

.home .fade_help {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background: white;
  opacity: 0;
  z-index: -4;
  -webkit-transition: all 0.5s linear;
  transition: all 0.5s linear; }

.home img.grid_switcher {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease; }

.home img.grid_switcher.list_mode {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease; }

.hide_on_grid.fade_it {
  opacity: 0;
  -webkit-transition: opacity 1s ease;
  transition: opacity 1s ease; }

.home section.projects_list_mode .project {
  opacity: 0;
  -webkit-transform: translateX(-100px);
  transform: translateX(-100px);
  -webkit-transition: all 1s ease;
  transition: all 1s ease; }

.home section.projects_list_mode .project.move-in {
  opacity: 1;
  -webkit-transform: translateX(20px);
  transform: translateX(20px);
  -webkit-transition: all 1s ease;
  transition: all 1s ease; }
  @media only screen and (min-width: 992px) {
    .home section.projects_list_mode .project.move-in {
      -webkit-transform: translateX(100px);
      transform: translateX(100px); } }

#header ul.site_menu li {
  -webkit-transform: translateX(300px);
  transform: translateX(300px);
  opacity: 0;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out; }

#header ul.site_menu li.move-in {
  -webkit-transform: translateX(0px);
  transform: translateX(0px);
  opacity: 1;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out; }

@media only screen and (min-width: 1023px) {
  .home section.projects_list_mode h2.project_title {
    font-size: 30px;
    margin-bottom: 30px; } }

.fade_help_load {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background: white;
  z-index: 9;
  opacity: 1;
  -webkit-transition: all 1s ease;
  transition: all 1s ease; }
  .fade_help_load.fade-in {
    opacity: 0;
    z-index: -1;
    -webkit-transition: all 1s ease;
    transition: all 1s ease; }

@media only screen and (max-width: 750px) {
  .hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {
    width: 28px; }
  .hamburger-box {
    width: 28px; }
  .home .menu-toggle {
    right: 10px;
    top: 25px; }
  .hamburger-inner:before {
    top: -7px; }
  .hamburger-inner:after {
    bottom: -7px; } }

.loader_con.hide {
  display: none; }

.home section.projects .project {
  -webkit-transition: all 0.1s linear;
  transition: all 0.1s linear; }

@media only screen and (min-width: 1023px) {
  #footer div#switches {
    right: 50px; } }

.theme_black .home .fade_help {
  background: #121212; }

@media only screen and (max-width: 750px) {
  .home section.projects {
    margin-bottom: 200px; } }

@media only screen and (max-width: 992px) {
  .single-projects section.bottom_carusel .slick-slide {
    margin: 20px 5px 5px; }
  .single-projects .carosel_nav .buffer {
    display: none; } }

#fader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999999;
  pointer-events: none;
  background: white;
  -webkit-animation-duration: 300ms;
  animation-duration: 300ms;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out; }

@-webkit-keyframes fade-out {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

@keyframes fade-out {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

@-webkit-keyframes fade-in {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes fade-in {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

#fader.fade-out {
  opacity: 0;
  -webkit-animation-name: fade-out;
  animation-name: fade-out; }

#fader.fade-in {
  opacity: 1;
  -webkit-animation-name: fade-in;
  animation-name: fade-in; }

html.theme_black .single-projects .img_filler {
  background: #121212; }

html.theme_black .single-projects .projects_wrap {
  background: #121212; }

html.theme_black .single-projects section#project_gallery div#gallery_item .gallery_item_title {
  background: #121212; }

html.theme_black .single-projects .projects_wrap.with_shadow:after {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, transparent), to(#fff));
  background: linear-gradient(180deg, transparent 0, #fff); }

html.theme_black .single-projects .full_width_pic_contained h3.gallery_item_title {
  background: #121212; }

html.theme_black body {
  color: white; }

.page-template-page-process video {
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }

.page-template-page-process div#process_slide div#overlay {
  background: transparent; }

div#we_like {
  background-color: #121212; }

html.theme_black .single-projects .projects_wrap.with_shadow:after {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, transparent), to(#fff));
  background-image: -webkit-linear-gradient(bottom, white, #ffffff00 40%);
  background: linear-gradient(180deg, transparent 0, #fff); }

@media only screen and (min-width: 1600px) {
  .single-projects section#project_gallery div#gallery_item #wrap_help:after {
    left: -16px; }
  .single-projects .full_width_pic_contained h3.gallery_item_title {
    font-size: 12px;
    padding-left: 7px; }
  .single-projects .carosel_nav .p_name {
    font-size: 12px; } }

html.theme_black body div#page_content .project_title {
  color: white;
  -webkit-transition: all 0.5s ease; }

body div#page_content .project_title {
  color: black;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease; }

@media only screen and (max-width: 1024px) {
  .home.project_grid_mode section.projects_list_mode {
    background: transparent; }
  .home section.top_section {
    margin: 0px -45px 0px -20px; }
  .home section.top_section div#slider_link {
    left: 8px; } }

.home section.projects .project a {
  cursor: none; }

.single-projects .car_nav_help > .slide_left:hover {
  cursor: url(/landau/images/carusel-left-arrow.cur), auto; }

.single-projects .car_nav_help > .slide_right:hover {
  cursor: url(/landau/images/carusel-right-arrow.cur), auto; }

.follow_mouse_right {
  position: absolute; }

.follow_mouse_left {
  position: absolute; }

.follow_mouse {
  left: -60px;
  pointer-events: none;
  color: white;
  position: fixed;
  z-index: 99999;
  cursor: none;
  font-size: 30px;
  font-weight: bold;
  mix-blend-mode: difference;
  -webkit-transition: all 0.1s linear;
  transition: all 0.1s linear; }

@media only screen and (max-width: 1024px) {
  .follow_mouse {
    display: none !important; } }

img.follow_mouse_left {
  position: fixed;
  top: 0; }

img.follow_mouse_right {
  position: fixed;
  top: 0; }

.single-projects .car_nav_help > .slide_left:hover {
  cursor: none; }

.single-projects .car_nav_help > .slide_right:hover {
  cursor: none; }

.drag {
  position: fixed;
  z-index: 999999;
  background: white;
  border-radius: 100%;
  height: 80px;
  width: 80px;
  line-height: 80px;
  text-align: center;
  font-size: 13px;
  color: black;
  mix-blend-mode: difference; }

.single-projects .car_nav_help {
  cursor: none; }

@media only screen and (min-width: 1024px) {
  .desk_slider {
    display: block !important; }
  .mob_slider {
    display: none !important; } }



@media only screen and (min-width: 767px) {
.page-template-page-about .about_con .costumers .logos .logo {

    width: 25%;
}

.page-template-page-about .about_con .costumers .logos {

    -webkit-box-pack: start;
    justify-content: flex-start;
}

}
/*# sourceMappingURL=style.css.map */