/*
Theme Name: Kodbiro 2018
Author: Kodbiro
Version: 1.0
*/

@font-face {
  font-family: Gilroy;
  src: url(./fonts/Gilroy-Medium.ttf);  
  font-weight: normal;
}
@font-face {
  font-family: Gilroy;  
  src: url(./fonts/Gilroy-Heavy.ttf);  
  font-weight: 900;
}
@font-face {
  font-family: Rustico;  
  src: url(./fonts/RUSTICO-REGULAR_0.OTF);  
  font-weight: 900;
}

html,
body {
  margin: 0;
  padding: 0;
  min-height: 100%;
  height: 100%;
  width: 100%;
  background-color: #000;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

body {
  font-family: 'Quicksand', sans-serif;
}

div, section, footer,
h1, h2, h3, h4, h5, h6, p, img  {
  box-sizing: border-box;
}

h1, h2, h3, h4, h5, h6, p {
  margin: 0;
}

#kb-web {
  margin: 0;
  padding: 0;
  min-height: 100%;
  height: auto;
  width: 100%;
  background-color: #000;
  position: relative;
}

/* Header btns */
.kb-main-logo {
  top: 50px;
  height: 55px;
  z-index: 10;
  position: relative;
  left: 100px;
  float: left;
}
.kb-main-logo .black {
  position: absolute;
  top: 0;
  display: none;
}
.kb-main-logo .yellow {
  position: absolute;
  top: 0;
  display: block;
}
.kb-menu-trigger {
  top: 40px;
  height: 65px;
  z-index: 10;
  position: fixed;
  padding: 10px 25px;
  right: 90px;
  float: right;
  font-family: 'Gilroy';
  font-size: 42px;
  font-weight: 900;
  color: #f7dd6c;
  text-transform: uppercase;
  background-color: transparent;
  transition: all 300ms;
  cursor: pointer;
}
.kb-menu-trigger.dark {
  color: #1a1907;
  background-color: transparent;
}
.kb-menu-trigger.blue {
  color: #1a1907;
  background-color: #a7e1e9;
}
.page-template-kb-work .kb-menu-trigger {
  background-color: #000;
}

.kb-day-night {
  top: 100px;
  z-index: 10;
  position: fixed;
  right: 115px;
  clear: both;
  float: right;
  width: 112px;
  padding: 0px 5px;
  display: none;
  justify-content: space-between;
  align-items: center;
}
body.single-post .kb-day-night,
body.blog .kb-day-night {
  display: flex;
}
.kb-day-night .d-icon,
.kb-day-night .n-icon {
  display: none;
}
.light .kb-day-night .d-icon {
  display: block;
}
.dark .kb-day-night .n-icon {
  display: block;
}

.single-post #kb-web.light .kb-menu-trigger,
.blog #kb-web.light .kb-menu-trigger {
  color: #1a1907
}
.single-post #kb-web.light .kb-main-logo .yellow,
.blog #kb-web.light .kb-main-logo .yellow {
  display: none;
}
.single-post #kb-web.light .kb-main-logo .black,
.blog #kb-web.light .kb-main-logo .black {
  display: block;
}


/* Navigation */
nav.kb-main-nav {
  width: 100%;
  height: 100vh;
  background-color: #a7e1e9;
  position: fixed;
  z-index: 12;
  display: flex;
  align-items: center;
  justify-content: center;

  display: none;
}
nav.kb-main-nav .kb-menu-close {
  position: absolute;
  right: 100px;
  top: 50px;
  color: #1a1907;
  font-family: 'Gilroy';
  font-size: 42px;
  font-weight: 900;
  text-transform: uppercase;
  cursor: url(./img/cursor.png) 42 42, auto;
}
nav.kb-main-nav .menu {
  height: 100vh;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  cursor: url(./img/cursor.png) 42 42, auto;
}
nav.kb-main-nav ul {
  margin: 0;
  padding: 0;
}
nav.kb-main-nav ul li {
  list-style: none;
  text-align: center;
}
nav.kb-main-nav ul li a {
  color: #fff;
  text-decoration: none;
  font-size: 92px;
  font-family: 'Gilroy';
  font-weight: 900;
  text-transform: uppercase;
  line-height: 1;
  padding: 0 50px;
  cursor: inherit;

  background: url("./img/menu-fill.png");
  background-repeat-x: repeat;
  background-repeat-y: no-repeat;
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  background-position-y:0%;
  transition: all 1.2s;
}
nav.kb-main-nav ul li a:hover {
  background-position-y: 90%;

  -webkit-animation-name: wave;
  -webkit-animation-duration: 30s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;

}
@-webkit-keyframes wave {
  0% {
    background-position-x: 0%
  }
  100% {
    background-position-x: 1000%
  }
}


.kb-home-header {
  width: 100%;
  min-height: 100vh;
  background-color: #000;
  position: relative;
  background-size: 100% 300%;
  background-repeat: no-repeat;
  background-position: 0% 100%;
  transition: background-position 1s cubic-bezier(0,0,0.01,1.0);
  display: flex;
  align-items: flex-end;
}
@media (max-width: 767px) {
  .kb-home-header {
   background-image: url('./img/yellow-overlay-mob.png');
   align-items: center;
  }
}
@media (min-width: 768px) {
  .kb-home-header {
    background-image: url('./img/yellow-overlay.png');
  }
}

.ice-cream {
  background-position: 0% 0%;
}
header.kb-home-header .kb-home-intro {
  width: 100%;
  margin: 0 auto;
  padding: 200px 100px 50px;
  text-align: center;
}
header.kb-home-header .kb-home-intro h1 {
  max-width: 1200px;
}
header.kb-home-header.ice-cream .kb-home-intro h1 {
  color: #fff;
}
.kb-home-intro img {
  opacity: 0;
  transition: opacity 1s;
}
.ice-cream img {
  opacity: 1;
}

#kb-web > #kb-content {
  min-height: 100vh;
}


/* Colors */
.rose {
  color: #e79dc9;
}
.blue {
  color: #a7e1e9;
}
.yellow {
  color: #f7dd6c;
}
.white {
  color: #fff;
}
.black {
  color: #000000
}
.rose-bg {
  background-color: #e79dc9;
}
.blue-bg {
  background-color: #a7e1e9;
}
.yellow-bg {
  background-color: #f7dd6c;
}

.big-title {
  text-transform: uppercase;
  font-size: 98px;
  font-weight: 900;
  font-family: 'Gilroy';
  text-align: left;
  transition: color 2s;
}
.big-title.yellow{
  font-size: 86px;	
}
.small-title {
  font-size: 60px;
  font-family: 'Gilroy';
  font-weight: 900;
  text-transform: uppercase;
}
.rustico-p {
  text-transform: uppercase;
  font-size: 67px;
  font-family: 'Rustico';
  padding-top: 50px;
  opacity: 0;
  transition: opacity 1s;
  line-height: 1.2;
}
.ice-cream .rustico-p {
  opacity: 1;
}

/* Home Animation 1 */
section.kb-home-section-1 {
  width: 100%;
  padding: 200px 100px 100px;
  display: flex;
  flex-direction: row;
  align-items: center;
  max-width: 1350px;
  position: relative;
  margin: 0 auto;
}
.animation1-container {
  max-width: 789px;
  position: relative;
  width: 80%;
}
#girl-animation {
  width: 100%;
  padding-bottom: 73.25%;
  position: relative;
}
#image_preloader_girl {
  width: 100%;
  height: 100%;
  position: relative;
}
.image-frame {
  position: absolute;
  top: 0;
  left: 0;
  visibility: hidden;
  width: 100%;
}
#image_preloader_girl._1 img._1{ visibility: visible; }
#image_preloader_girl._2 img._2{ visibility: visible; }
#image_preloader_girl._2 img._1{ visibility: visible; }
#image_preloader_girl._3 img._3{ visibility: visible; }
#image_preloader_girl._3 img._2{ visibility: visible; }
#image_preloader_girl._4 img._4{ visibility: visible; }
#image_preloader_girl._4 img._3{ visibility: visible; }
#image_preloader_girl._5 img._5{ visibility: visible; }
#image_preloader_girl._5 img._4{ visibility: visible; }
#image_preloader_girl._6 img._6{ visibility: visible; }
#image_preloader_girl._6 img._5{ visibility: visible; }
#image_preloader_girl._7 img._7{ visibility: visible; }
#image_preloader_girl._7 img._6{ visibility: visible; }
#image_preloader_girl._8 img._8{ visibility: visible; }
#image_preloader_girl._8 img._7{ visibility: visible; }
#image_preloader_girl._9 img._9{ visibility: visible; }
#image_preloader_girl._9 img._8{ visibility: visible; }
#image_preloader_girl._10 img._10{ visibility: visible; }
#image_preloader_girl._10 img._9{ visibility: visible; }
#image_preloader_girl._11 img._11{ visibility: visible; }
#image_preloader_girl._11 img._10{ visibility: visible; }
#image_preloader_girl._12 img._12{ visibility: visible; }
#image_preloader_girl._12 img._11{ visibility: visible; }
#image_preloader_girl._13 img._13{ visibility: visible; }
#image_preloader_girl._13 img._12{ visibility: visible; }
#image_preloader_girl._14 img._14{ visibility: visible; }
#image_preloader_girl._14 img._13{ visibility: visible; }
#image_preloader_girl._15 img._15{ visibility: visible; }
#image_preloader_girl._15 img._14{ visibility: visible; }
#image_preloader_girl._16 img._16{ visibility: visible; }
#image_preloader_girl._16 img._15{ visibility: visible; }
#image_preloader_girl._17 img._17{ visibility: visible; }
#image_preloader_girl._17 img._16{ visibility: visible; }
#image_preloader_girl._18 img._18{ visibility: visible; }
#image_preloader_girl._18 img._17{ visibility: visible; }
#image_preloader_girl._19 img._19{ visibility: visible; }
#image_preloader_girl._19 img._18{ visibility: visible; }
#image_preloader_girl._20 img._20{ visibility: visible; }
#image_preloader_girl._20 img._19{ visibility: visible; }
#image_preloader_girl._21 img._21{ visibility: visible; }
#image_preloader_girl._21 img._20{ visibility: visible; }
#image_preloader_girl._22 img._22{ visibility: visible; }
#image_preloader_girl._22 img._21{ visibility: visible; }
#image_preloader_girl._23 img._23{ visibility: visible; }
#image_preloader_girl._23 img._22{ visibility: visible; }
#image_preloader_girl._24 img._24{ visibility: visible; }
#image_preloader_girl._24 img._23{ visibility: visible; }
#image_preloader_girl._25 img._25{ visibility: visible; }
#image_preloader_girl._25 img._24{ visibility: visible; }
#image_preloader_girl._26 img._26{ visibility: visible; }
#image_preloader_girl._26 img._25{ visibility: visible; }
#image_preloader_girl._27 img._27{ visibility: visible; }
#image_preloader_girl._27 img._26{ visibility: visible; }

section.kb-home-section-1 .small-title {
  position: absolute;
  left: auto;
  right: 100px;
  z-index: 1;
}


/* Home Animation 2 */
section.kb-home-section-2 {
  width: 100%;
  max-width: 1700px;
  display: flex;
  flex-direction: row;
  align-items: center;
  position: relative;
  padding-top: 80px;
}
.animation2-container {
  position: relative;
  width: 90%;
}
#hair-animation {
  width: 100%;
  padding-bottom: 50%;
  position: relative;
}
#image_preloader_hair{
  width: 100%;
  height: 100%;
  position: relative;
}

#image_preloader_hair._1 img._1{ visibility: visible; }
#image_preloader_hair._2 img._2{ visibility: visible; }
#image_preloader_hair._2 img._1{ visibility: visible; }
#image_preloader_hair._3 img._3{ visibility: visible; }
#image_preloader_hair._3 img._2{ visibility: visible; }
#image_preloader_hair._4 img._4{ visibility: visible; }
#image_preloader_hair._4 img._3{ visibility: visible; }
#image_preloader_hair._5 img._5{ visibility: visible; }
#image_preloader_hair._5 img._4{ visibility: visible; }
#image_preloader_hair._6 img._6{ visibility: visible; }
#image_preloader_hair._6 img._5{ visibility: visible; }
#image_preloader_hair._7 img._7{ visibility: visible; }
#image_preloader_hair._7 img._6{ visibility: visible; }
#image_preloader_hair._8 img._8{ visibility: visible; }
#image_preloader_hair._8 img._7{ visibility: visible; }
#image_preloader_hair._9 img._9{ visibility: visible; }
#image_preloader_hair._9 img._8{ visibility: visible; }
#image_preloader_hair._10 img._10{ visibility: visible; }
#image_preloader_hair._10 img._9{ visibility: visible; }
#image_preloader_hair._11 img._11{ visibility: visible; }
#image_preloader_hair._11 img._10{ visibility: visible; }
#image_preloader_hair._12 img._12{ visibility: visible; }
#image_preloader_hair._12 img._11{ visibility: visible; }
#image_preloader_hair._13 img._13{ visibility: visible; }
#image_preloader_hair._13 img._12{ visibility: visible; }
#image_preloader_hair._14 img._14{ visibility: visible; }
#image_preloader_hair._14 img._13{ visibility: visible; }
#image_preloader_hair._15 img._15{ visibility: visible; }
#image_preloader_hair._15 img._14{ visibility: visible; }
#image_preloader_hair._16 img._16{ visibility: visible; }
#image_preloader_hair._16 img._15{ visibility: visible; }
#image_preloader_hair._17 img._17{ visibility: visible; }
#image_preloader_hair._17 img._16{ visibility: visible; }
#image_preloader_hair._18 img._18{ visibility: visible; }
#image_preloader_hair._18 img._17{ visibility: visible; }
#image_preloader_hair._19 img._19{ visibility: visible; }
#image_preloader_hair._19 img._18{ visibility: visible; }
#image_preloader_hair._20 img._20{ visibility: visible; }
#image_preloader_hair._20 img._19{ visibility: visible; }
#image_preloader_hair._21 img._21{ visibility: visible; }
#image_preloader_hair._21 img._20{ visibility: visible; }
#image_preloader_hair._22 img._22{ visibility: visible; }
#image_preloader_hair._22 img._21{ visibility: visible; }
#image_preloader_hair._23 img._23{ visibility: visible; }
#image_preloader_hair._23 img._22{ visibility: visible; }
#image_preloader_hair._24 img._24{ visibility: visible; }
#image_preloader_hair._24 img._23{ visibility: visible; }
#image_preloader_hair._25 img._25{ visibility: visible; }
#image_preloader_hair._25 img._24{ visibility: visible; }
#image_preloader_hair._26 img._26{ visibility: visible; }
#image_preloader_hair._26 img._25{ visibility: visible; }
#image_preloader_hair._27 img._27{ visibility: visible; }
#image_preloader_hair._27 img._26{ visibility: visible; }
#image_preloader_hair._28 img._28{ visibility: visible; }
#image_preloader_hair._28 img._27{ visibility: visible; }
#image_preloader_hair._29 img._29{ visibility: visible; }
#image_preloader_hair._29 img._28{ visibility: visible; }
#image_preloader_hair._30 img._30{ visibility: visible; }
#image_preloader_hair._30 img._29{ visibility: visible; }
#image_preloader_hair._31 img._31{ visibility: visible; }
#image_preloader_hair._31 img._30{ visibility: visible; }
#image_preloader_hair._32 img._32{ visibility: visible; }
#image_preloader_hair._32 img._31{ visibility: visible; }
#image_preloader_hair._33 img._33{ visibility: visible; }
#image_preloader_hair._33 img._32{ visibility: visible; }
#image_preloader_hair._34 img._34{ visibility: visible; }
#image_preloader_hair._34 img._33{ visibility: visible; }

section.kb-home-section-2 .small-title {
  position: absolute;
  left: 100px;
  z-index: 1;
}


/* Home Animation 3 */
section.kb-home-section-3 {
  padding: 100px 0;
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.animation3-container {
  width: 100%;
  padding: 100px 0;
}
#dino-animation {
  width: 100%;
  padding-bottom: 34%;
  position: relative;
}
.animation3-container img.dino-bg {
  width: 100%;
  position: absolute;
  top: 0;
}
.animation3-container .hand-img-container {
  position: absolute;
  width: 84%;
  top: -15%;
  transform: translateX(-50%);
  opacity: 0;
}
.animation3-container .hand-img-container .screen {
  overflow: hidden;
  width: 28%;
  padding-bottom: 49%;
  position: absolute;
  top: 0;
  margin-top: 3%;
  right: 12%;
  transform: rotate(39deg);
  border-radius: 8%;
}
.animation3-container .hand-img-container .screen img {
  transform: rotate(-39deg) translateX(-20.5%);
  height: 83.416%;
  width: auto;
  top: 0;
  position: absolute;
  margin: 0;
  margin-top: -122%;
}
.animation3-container .hand-img-container img {
  width: 100%;
  position: absolute;
  top: 0;
}

section.kb-home-section-3 .small-title.big-screen {
  position: absolute;
  left: auto;
  right: 100px;
  width: auto;
  height: 100%;
  display: flex;
  align-items: center;
  text-align: right;
}
section.kb-home-section-3 .small-title.mob-screen {
  display: none;
}

/* Home title section */
.kb-home-title-section {
  width: 100%;
  min-height: 100vh;
  position: relative;
  background-size: 100% 300%;
  background-repeat: no-repeat;
  background-position: 0% 100%;
  transition: background-position 1s cubic-bezier(0,0,0.01,1.0);
  display: flex;
  align-items: flex-end;
}
.ice-cream {
  background-position: 0% 0%;
}
section.kb-home-title-section .kb-title-section-intro {
  width: 100%;
  margin: 0 auto;
  padding: 200px 100px 50px;
  text-align: center;
}

.kb-title-section-intro .big-title {
  max-width: 900px;
}
.ice-cream .kb-title-section-intro .big-title {
  color: #e79dc9;
}
.kb-title-section-intro img {
  opacity: 0;
  transition: opacity 1s;
}
.ice-cream .kb-title-section-intro img {
  opacity: 1;
}



/* Home work section */
section.kb-home-work {
  max-width: 1300px;
  display: flex;
  justify-content: center;
}
section.kb-home-work .work-box {
  width: 100%;
  max-width: 400px;
  height: 549px;
  margin: 0px 20px;
  text-align: center;
  padding-top: 20px;
  position: relative;
  cursor: pointer;
}
section.kb-home-work #work-1,
section.kb-home-work .landing-work-1 {
  background-color: #a7e1e9;
}
section.kb-home-work #work-2,
section.kb-home-work .landing-work-2 {
  background-color: #fed96b;
}
section.kb-home-work #work-3,
section.kb-home-work .landing-work-3 {
  background-color: #e79dc9;
}
section.kb-home-work .work-box h3 {
  font-family: 'Gilroy';
  font-weight: 900;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  padding: 20px;
  line-height: 1;
}
section.kb-home-work .work-box p {
  font-family: 'Gilroy';
  font-weight: 500;
  color: #fff;
  padding: 0px 20px;
}
section.kb-home-work .work-box .work-img {
  max-width: 100%;
}
section.kb-home-work .work-box img {
  max-width: 100%;
}
section.kb-home-work #work-3 .work-img {
  padding-top: 50px;
}
section.kb-home-work #work-1 .work-img {
  padding-top: 50px;
}


/* Home companies section */
section.kb-home-companies {
  background-color: #fed96b;
  padding: 100px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
section.kb-home-companies h2 {
  width: 480px;
  padding-right: 100px;
  display: flex;
  height: 100%;
  align-items: center;
  flex-shrink: 0;
  color: #e79dc9;
}
section.kb-home-companies .companies-logos {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
section.kb-home-companies .companies-logos .company-logo {
  padding: 30px;
  min-width: 32%;
  width: 32%;
  text-align: center;
}
section.kb-home-companies .companies-logos .company-logo img {
  max-width: 100%;
}

a {
  word-break: break-all;
}

/* 
*
* Work page 
*
*/

.kb-work {
  padding: 100px 0px 0px;
}
.kbwc-container {
}
.kbwc {
  width: calc(100% - 200px);
  margin: 100px;
  display: flex;
  justify-content: space-between;
}
.kbwc-content-box,
.kbwc-images {
  width: 50%;
}
.max-1199 {
  display: none;
}
.kbwc-content-box {
  padding: 80px 60px 40px 60px;
}
.kbwc-title {
  color: rgba(0, 0, 0, 0.25);
  font-size: 40px;
  margin-bottom: 50px;
}
.kbwc-content {
  color: rgba(0, 0, 0, 0.65);
  font-size: 18px;
  line-height: 1.5;
}
.kbwc-more {
  font-size: 24px;
  font-family: 'Gilroy';
  text-decoration: underline;
  color: rgba(0, 0, 0);
  cursor: pointer;
  margin-top: 50px;
}
.kbwc-more:hover {
  opacity: 0.6;
}
.kbwc-images {
  align-self: flex-end;
}

/* work modal (background) */
.kbwc-modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: 100%;
  width: 100%;
  z-index: 13;
  overflow-y: scroll;
  pointer-events: none;
}
.kbwc-modal.overflow {
  overflow-y: hidden;
}
.kbwc-modal.active {
  display: block;
}
.kbwc-modal-content {
  position: relative;
  padding-right: 15px;
  overflow-y: hidden;
}
.kbwc-modal.overflow .kbwc-modal-content {
  overflow-y: scroll;
  pointer-events: auto;
}
.kbwc-modal-inner-content {
  display: flex;
  justify-content: space-between;
}
.kbwc-modal .kbwc-modal-close {
  z-index: 12;
  position: absolute;
  right: 100px;
  top: 50px;
  font-size: 42px;
  display: none;
  cursor: pointer;
  pointer-events: auto;
}

.kbwc-single-container {
  padding: 100px;
}
.kbwc-single {
  margin-top: 100px;
}



/* Case slider */
.kbwc-content-box {
}
.kbwc-images {
  display: flex;
  width: 500px;
  overflow: hidden;
  margin-right: 100px;
}
.case-slider {
  width: 100%;
  position: relative;
  padding-top: 120%;
}
.case-slider>div {
  max-width: 55%;
  position: absolute;
  transition: top 0.5s, left 0.5s;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
.case-slider>div img {
  max-width: 100%;
}
.case-slider>div:first-child {
  top: 0%;
  left: 0%;
  z-index: 4;
  opacity: 0;
}

.case-slider>div:nth-child(2) {
  top: 10%;
  left: 15%;
  z-index: 3;
  z-index: 4;
}
.case-slider>div.active {
  animation: zoomslimg 1s;
}
@keyframes zoomslimg {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.05);
  }
  100% {
    transform: scale(1);
  }
}
.case-slider>div:nth-child(3) {
  top: 20%;
  left: 30%;
  z-index: 2;
}
.case-slider>div:nth-child(3) img {
  opacity: 0.6;
}
.case-slider>div:nth-child(4) {
  top: 30%;
  left: 45%;
  z-index: 1;
}
.case-slider>div:nth-child(4) img {
  opacity: 0.2;
}

.kbwc-modal.active .kbwc-images {
  align-self: flex-start;
  overflow: visible;
  transition: align-self 300s, overflow 100s 200s;
}
.kbwc-modal-content a.case-link {
  color: '#000';
  text-decoration: underline;
}
.kbwc-modal-content a.case-link:hover {
  opacity: 0.5;
}


/* Meet us */
.kb-meet-us {
  min-height: 100vh;
  width: 100%;
  padding: 100px;
}
.kb-meet-us-header h1 {
  font-family: 'Gilroy';
  font-size: 72px;
  font-weight: 900;
  color: #a7e1e9;
  text-transform: uppercase;
  padding-top: 170px;
}
.kb-meet-us-images {
  display: flex;
  flex-direction: row;
  margin: 100px auto 0px;
  flex-wrap: wrap;
  max-width: 1100px;
}
.kb-meet-us-person {
  flex-direction: column;
  padding: 30px;    
  min-width: 33.33%;
  max-width: 33.33%;
  cursor: pointer;
}
.kb-meet-us-person:hover h2 {
  color: #e79dc9;
}
.kb-meet-us-person:hover p {
  color: #fed96b;
}
.kb-meet-us-person h2 {
  color: #ffffff;
  text-transform: uppercase;
  font-family: 'Gilroy';
  font-size: 18px;
  font-weight: 900;
  letter-spacing: 1.8px;
  padding-top: 15px;
  padding-left: 15px;
}
.kb-meet-us-person p {
  color: #ffffff;
  font-size: 13px;
  font-weight: 300;
  padding-left: 15px;
}
.person {
  width: 100%;
  max-width: 330px;
  height: auto;
  text-align: center;
  position: relative;
}
.person img {
  max-width: 100%;
}
.person img.grayscaled {
  
}
.person img.colored {
  position: absolute;
  top: 0px;
  right: 0px;
  visibility: hidden;
}
.kb-meet-us-person._01 img.colored._01 {
  visibility: visible;
}
.kb-meet-us-person._02 img.colored._02 {
  visibility: visible;
}
.kb-meet-us-person._03 img.colored._03 {
  visibility: visible;
}
.kb-meet-us-person._04 img.colored._04 {
  visibility: visible;
}

.kb-meet-us-join {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 90px 30px 30px;
}
.kb-meet-us-join h2 {
  font-family: 'Gilroy';
  font-size: 60px;
  font-weight: 900;
  color: #fed96b;
  max-width: 420px;
  padding-bottom: 20px;
}
.kb-meet-us-join a {
  font-family: 'Gilroy';
  font-size: 41px;
  font-weight: 900;
  color: #1a1907;
  text-align: center;
  max-width: 230px;
  background-color: #a7e1e9;
  padding-top: 7px;
  text-decoration: none;
}
/* Meet us end */


/* Blog */
.dark .kb-blog {
  background-color: #000;
}
.light .kb-blog{
  background-color: #fff;
}
.kb-blog {
  min-height: 100vh;
  width: 100%;
  padding: 100px;
}

.kb-blog-header h1 {
  font-family: 'Gilroy';
  font-size: 72px;
  font-weight: 900;
  color: #a7e1e9;
  text-transform: uppercase;
  max-width: 1150px;
  padding-top: 170px;
  padding-bottom: 100px;
}
.kb-post-author {
  display: flex;
}
.kb-post-author-name {
  font-family: 'Gilroy';
  font-size: 18px;
  font-weight: 900;
  letter-spacing: 1.8px;
  color: #ffffff;
  background-color: #a7e1e9;
  text-transform: uppercase;
  width: 180px;
  height: 25px;
  padding-left: 8px;
  padding-top: 3px;
}
.kb-post-author-date {
  font-size: 14px;
  padding-left: 31px;
  padding-top: 3px;
  color: #fff;
}
.dark .kb-blog .kb-post-author-date {
  color: #ffffff;
}
.light .kb-blog .kb-post-author-date {
  color: #1a1907;
}
.kb-post-sample {
  padding-top: 30px;
  padding-bottom: 65px;
}
.kb-post-sample h2 {
  font-family: 'Gilroy';
  font-size: 24px;
  font-weight: 500;
  padding-bottom: 20px;
  color: #fff;
}
.dark .kb-blog .kb-post-sample h2 {
  color: #fff;
}
.light .kb-blog .kb-post-sample h2 {
  color: #1a1907;
}
.kb-post-sample div.post-content {
  max-width: 590px;
  font-size: 18px;
  font-weight: 300;
  color: #fff;
  line-height: 1.5;
}
.dark .kb-blog .kb-post-sample div.post-content {
  color: #ffffff;
}
.light .kb-blog .kb-post-sample div.post-content {
  color: #1a1907;
}
.kb-post-sample a {
  text-decoration: none;
}
/* Blog End */


/* Single post */
.dark .kb-single-post {
  background-color: #000;
}
.light .kb-single-post {
  background-color: #fff;
}
.kb-single-post {
  min-height: 100vh;
  width: 100%;
  padding-top: 180px;
}
.kb-post-header {
  background-color: #a7e1e9;
  padding: 0px 100px;
}
.kb-post-header h1 {
  font-family: 'Gilroy';
  font-size: 48px;
  font-weight: 900;
  color: #ffffff;
  text-transform: uppercase;
  max-width: 760px;
  padding-top: 100px;
  padding-bottom: 5px;
}
.kb-single-post-author {
  display: flex;
  padding: 0 100px;
}
.kb-single-post-author-name {
  font-family: 'Gilroy';
  font-size: 18px;
  font-weight: 900;
  letter-spacing: 1.8px;
  color: #a7e1e9;
  padding-top: 20px;
  text-transform: uppercase;
}
.kb-single-post-author-date {
  font-size: 14px;
  font-weight: 300;
  padding-left: 26px;
  padding-top: 20px;
  color: #fff;
}
.dark .kb-single-post .kb-single-post-author-date{
  color: #fff;
}
.light .kb-single-post .kb-single-post-author-date{
  color: #1a1907;
}
.single-post-content {
  max-width: 1000px;
  font-size: 18px;
  font-weight: 300;
  color: #fff;
  padding: 50px 100px 100px;
  line-height: 1.5;
}
.dark .kb-single-post div.single-post-content {
  color: #fff;
}
.light .kb-single-post div.single-post-content {
  color: #1a1907;
}

.single-post-content h1,
.single-post-content h2,
.single-post-content h3,
.single-post-content h4,
.single-post-content h5,
.single-post-content h6 {
  padding-top: 20px;
  padding-bottom: 20px;
  font-family: 'Gilroy';
  font-weight: 500;
}
.single-post-content h1 {
  font-size: 40px;
}
.single-post-content h2 {
  font-size: 34px;
}
.single-post-content h3{
  font-size: 30px;
}
.single-post-content h4{
  font-size: 26px;
}
.single-post-content h5{
  font-size: 22px;
}
.single-post-content h6{
  font-size: 18px;
}
.kb-single-post a {
  color: #a7e1e9;
  outline: none;
}
/* Single post End */


/* Comments */
.kb-comments-hr {
  margin: 100px 0 80px;
}
.single-post-content .comments-title,
.single-post-content .comment-reply-title {
  padding: 0px;
}
.kb-comments ol {
  list-style: none;
  padding-top: 30px;
}
.kb-comments>ol {
  padding: 0;
  margin: 0;
  padding-bottom: 70px;
}
.kb-comments>ol>li {
  padding: 30px 0;
}
.kb-comments cite {
  font-style: normal;
  font-size: 20px;
}
.kb-comments cite:after {
  content: ':';
}
.kb-comments .says {
  display: none;
}
.kb-comments .comment-meta a {
  font-size: 14px;
  text-decoration: none;
}
.kb-comments.cc-rose a {
  color: #e79dc9;
}
.kb-comments.cc-yellow a {
  color: #f7dd6c;
}
.kb-comments.cc-blue a {
  color: #a7e1e9;
}
.kb-comment-navigation {
  padding-bottom: 100px;
  display: flex;
}
.kb-comment-navigation .nav-previous a {
  padding-right: 30px;
}
.kb-comment-navigation a {
  text-decoration: none;
}
.kb-comment-navigation a:hover {
  opacity: 0.7;
}
.kb-comments form {
  padding-top: 30px;
}
.comment-form textarea,
.comment-form input {
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  padding: 10px;
  font-size: 18px;
  margin-bottom: 20px;
  background-color: transparent;
  border: 1px solid #a7e1e9;
  outline: 0;
  font-family: 'Quicksand', sans-serif;
}

.kb-comments.cc-rose textarea,
.kb-comments.cc-rose input {
  border-color: #e79dc9;
}
.kb-comments.cc-yellow textarea,
.kb-comments.cc-yellow input  {
  border-color: #f7dd6c;
}
.kb-comments.cc-blue textarea,
.kb-comments.cc-blue input  {
  border-color: #a7e1e9;
}
.comment-form textarea {
  min-height: 100px;
}
#kb-web.dark .comment-form textarea,
#kb-web.dark .comment-form input {
  color: #fff;
}
.comment-form input.submit {
  width: auto;
  min-width: auto;
  max-width: auto;
  display: block;
  background: #a7e1e9;
  border-radius: 0;
  padding: 13px 20px 7px;
  color: #000;
  font-family: 'Gilroy';
  font-weight: 900;
  font-size: 30px;
  outline: none;
  margin-top: 20px;
  text-transform: uppercase;
  border-width: 0px;
}
#kb-web.dark .comment-form input.submit {
  color: #000;
}
.kb-comments.cc-rose input.submit {
  background: #e79dc9;
}
.kb-comments.cc-yellow input.submit {
  background: #f7dd6c;
}
.kb-comments.cc-blue input.submit {
  background: #a7e1e9;
}
.kb-comments input[type="submit"] {
  -webkit-appearance: none!important;
  border-radius: 0!important;
}
.comment-form textarea {
  min-height: 100px;
}
#kb-web.dark .comment-form input.submit:hover {
  opacity: 0.7;
}
/* Comments End */


/* Mail us */
.kb-contact {
  min-height: 100vh;
  width: 100%;
  padding: 100px;
}
.kb-contact .kb-contact-header h1 {
  font-family: 'Gilroy';
  font-size: 98px;
  font-weight: 900;
  color: #fed96b;
  text-transform: uppercase;
  padding-top: 170px;
  padding-bottom: 150px;
}
.kb-contact .kb-contact-intro {
  max-width: 900px;
}
.kb-contact .kb-contact-intro p {
  color: #fff;
  font-family: 'Gilroy';
  font-weight: 500;
  font-size: 24px;
}
.kb-contact form.contact-form {
  max-width: 630px;
  margin-top: 100px;
  box-sizing: border-box;
}
.kb-contact form.contact-form input,
.kb-contact form.contact-form textarea {
  width: 100%;
  margin-top: 20px;
  padding: 10px;
  border: 2px solid #a7e1e9;
  background-color: transparent;
  font-size: 18px;
  font-family: 'Quicksand', sans-serif;
  font-weight: 300;
  color: #fff;
  box-sizing: border-box;
  outline: none;
}
.kb-contact form.contact-form button {
  background-color: #a7e1e9;
  padding: 13px 20px 7px;
  color: #000;
  font-family: 'Gilroy';
  font-weight: 900;
  font-size: 30px;
  outline: none;
  margin-top: 20px;
  text-transform: uppercase;
  border-width: 0px;
}
.kb-contact form.contact-form button:hover {
  opacity: 0.7;
}
.kb-contact form.contact-form .kb-cf-error {
  color: #e79dc9;
  font-family: 'Gilroy';
  padding-top: 10px;
  display: none;
}
.kb-contact form.contact-form #kb-cf-success-msg {
  color: #a7e1e9;
  font-family: 'Gilroy';
  padding-top: 10px;
  display: none;
}
.kb-ci {
  padding-top: 100px;
}
.kb-ci-p,
.kb-ci-label {
  font-family: 'Gilroy';
  font-size: 24px;
  font-weight: 500;
}
.kb-ci-p {
  color: #fff;
  padding-bottom: 15px;
}
.kb-ci-label {
  color: #e79dc9;
  font-weight: 900;
  text-transform: uppercase;
  padding-right: 15px;
}

.kb-cf-sending-loading {
  color: #a7e1e9;
  padding: 10px;
  display: none;
  font-size: 18px;
}
.kb-cf-sending-loading.active {
  display: inline-block;
}
.kb-landing .kb-cf-sending-loading.active {
  display: block;
}

@keyframes blink {
  0% {
    opacity: .2;
  }
  20% {
    opacity: 1;
  }
  100% {
    opacity: .2;
  }
}
.kb-cf-sending-loading.active span {
  font-size: 26px;
  letter-spacing: 1px;
  animation-name: blink;
  animation-duration: 1.4s;
  animation-iteration-count: infinite;
  animation-fill-mode: both;
}
.kb-cf-sending-loading.active span:nth-child(2) {
  animation-delay: .2s;
}
.kb-cf-sending-loading.active span:nth-child(3) {
  animation-delay: .4s;
}
/* Mail us end */


/* 404 */
.kb-404 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  width: 100%;
  padding: 30px;
}
.kb-404 h1 {
  color: #fff;
  padding-bottom: 30px;
  font-family: 'Gilroy';
  font-weight: 900;
  font-size: 60px;
  text-transform: uppercase;
  text-align: center;
}
.kb-404 a {
  text-decoration: none;
  text-transform: uppercase;
  background-color: #a7e1e9;
  padding: 13px 20px 7px;
  color: #000;
  font-family: 'Gilroy';
  font-weight: 900;
  font-size: 30px;
}
.kb-404 a:hover {
  opacity: 0.7;
}


.cta {
  padding: 200px 15px 130px 15px;
  text-align: left;
  margin-left: 100px;
  margin-right: 100px;
}
.cta .small-title {
  display: block;
}
.cta a {
  padding: 15px 25px 10px;
  font-family: 'Gilroy';
  font-size: 42px;
  line-height: 1;
  font-weight: 900;
  text-transform: uppercase;
  text-decoration: none;
  color: #1a1907;
  background-color: #e79dc9;
  display: inline-block;
  width: fit-content;
  margin-top: 30px;
}

footer {
  display: flex;
  padding: 15px 100px;
  align-items: center;
  width: 100%;
  color: #ffffff69;
  min-height: 50px;
}
footer ul#menu-footer {
  padding: 10px;
  margin: 0px;
  min-width: 150px;
}
footer #menu-footer li {
  list-style: none;
}
footer #menu-footer li a {
  color: #ffffff69;
  text-decoration: none;
}
footer #menu-footer li a:hover {
  color: #fff;
}
footer .copy {
  text-align: center;
  padding: 10px;
  flex-grow: 1;
}
footer .soc-nav a {
  display: inline-block;
  padding: 10px;
  color: #ffffff69;
  font-size: 24px;
}
footer .soc-nav a:hover {
  color: #fff;
}
#kb-web.light footer {
  background-color: #fff;
  color: #000;
}
#kb-web.light footer #menu-footer li a,
#kb-web.light footer .soc-nav a {
  color: #000;
}
#kb-web.light footer #menu-footer li a:hover,
#kb-web.light footer .soc-nav a:hover {
  opacity: 0.6;
}


.kb-privacy {
  min-height: 100vh;
  width: 100%;
  padding: 100px;
  color: #fff;
  line-height: 1.5;
}
.kb-privacy-header {
  padding-top: 100px;
  padding-bottom: 50px;
}
.kb-privacy-content {
  max-width: 800px;
}
.kb-privacy-content p{
  margin-bottom: 15px;
}
.kb-privacy-content h1 {
  margin-top: 45px;
}
.kb-privacy-content h2 {
  margin-top: 30px;
}
.kb-privacy-content h3 {
  margin-top: 15px;
}


.kb-landing {
	min-height: 100vh;
    width: 100%;
}
.kb-landing-content {
 	padding-top: 170px;
}
.kb-landing-header {
	padding: 0px 100px;
}
.kb-landing-header h1 {
	font-size: 72px;
    font-weight: 900;
}
.kb-landing-box {
    margin-top: 100px;
	align-items: center;
    justify-content: center;
}
.kb-landing-box-title {
	text-align: center;
	padding-top: 60px;
	padding-bottom: 60px;
}
.kb-landing-box-title h1{
    color: #000000;
    font-size: 40px;
    margin-bottom: 10px;
    font-family: 'Gilroy';
    font-weight: 900;
    text-transform: uppercase;
}
.kb-landing-box-icon {
	padding: 0px 200px;
	display: flex;
    text-align: center;
    align-content: center;
}
.kb-lading-box-icon-services {
    width: 500px;
    margin: 50px;
}
.kb-landing-box-steps-title {
	text-align: center;
	padding-bottom: 40px;
}
.kb-landing-box-steps-title h1{
    color: rgba(0, 0, 0, 0.25);
    font-size: 40px;
    margin-bottom: 10px;
    font-family: 'Gilroy';
    font-weight: 900;
    text-transform: uppercase;
}
.kb-landing-box-steps {
	width: 800px;
    margin: auto;
}
.kb-landing-box-steps-left {
	margin-top: 20px;
	display: flex;
}
.kb-landing-box-steps-right {
	margin-top: 20px;
	display: flex;
	
}
.kb-landing-steps-text {
	margin-top: 5px;
	color: white;
	margin-left: 50px;
}
.kb-landing-cta {
	padding: 50px 0px 30px 0px;
	text-align: center;
	background-color: #a7e1e9;
}
.kb-landing-cta .small-title {
	display: block;
	color: black;
	font-size: 40px;
	margin: 0px 300px;
}
.kb-landing-cta a {
	  padding: 15px 25px 10px;
	  font-family: 'Gilroy';
	  font-size: 30px;
	  line-height: 1;
	  font-weight: 900;
	  text-transform: uppercase;
	  text-decoration: none;
	  color: #1a1907;
	  background-color: #e79dc9;
	  display: inline-block;
	  width: fit-content;
	  margin-top: 30px;
}
.kb-contact-landing {
	text-align: center;
}
.kb-contact-landing form.contact-form {
  margin: 100px 500px;
  box-sizing: border-box;
}
.kb-contact-landing form.contact-form input,
.kb-contact-landing form.contact-form textarea {
  width: 100%;
  margin-top: 20px;
  padding: 10px;
  border: 2px solid #f7dd6c;
  background-color: transparent;
  font-size: 18px;
  font-family: 'Quicksand', sans-serif;
  font-weight: 300;
  color: #fff;
  box-sizing: border-box;
  outline: none;
}
.kb-contact-landing form.contact-form button {
  background-color: #f7dd6c;
  padding: 13px 20px 7px;
  color: #000;
  font-family: 'Gilroy';
  font-weight: 900;
  font-size: 30px;
  outline: none;
  margin-top: 20px;
  text-transform: uppercase;
  border-width: 0px;
}
.kb-contact-landing form.contact-form button:hover {
  opacity: 0.7;
}
.kb-contact-landing form.contact-form .kb-cf-error {
  color: #f7dd6c;
  font-family: 'Gilroy';
  padding-top: 10px;
  display: none;
}
.kb-contact-landing form.contact-form #kb-cf-success-msg {
  color: #f7dd6c;
  font-family: 'Gilroy';
  padding-top: 10px;
  display: none;
}




/* Legal info */
.legal-info {
	color: #ffffff69;
    background-color: #1b1b1b;
    padding: 20px 100px;
}
.legal-title {
	color: #ffffff69;
    font-weight: 900;
    text-transform: uppercase;
    font-size: 24px;
	font-family: 'Gilroy';
}
.legal-subtitle {
	margin: 10px 0px;
    font-family: 'Gilroy';
    font-size: 12px;
}


/**
*
*  MEDIA QUERIES
*
**/

@media (max-width: 1299px) {
  section.kb-home-work .work-box p {
    height: 100px;
    align-items: center;
  }
  section.kb-home-work .work-box img {
    max-height: 340px;
  }
  section.kb-home-companies h2 {
    width: 410px;
    padding-right: 30px;
  }

  .kbwc,
  .kbwc-modal-inner-content {
    flex-wrap: wrap;
  }
  .max-1199 {
    display: block;
    min-width: 100%;
    margin-bottom: 0px;
    padding: 60px 60px 0px;
  }
  .kbwc-content-box {
    width: 50%;
    padding: 60px;
  }
  .kbwc-content-box .kbwc-title {
    display: none;
  }
  .kbwc-images {
    width: calc(50% - 60px);
    margin-right: 60px;
  }
}

@media (max-width: 1199px) {
  section.kb-home-work .work-box img {
    max-height: 290px;
  }
  section.kb-home-companies .companies-logos .company-logo {
    width: 50%;
    align-self: flex-end;
  }
  .kb-contact-landing form.contact-form {
    margin: 100px 300px;
  }
  .kb-landing-box-icon {
    padding: 0px;
  }
  .kb-landing-cta .small-title {
	margin: 0 100px;
  }

}

@media (min-width: 1200px) {
  section.kb-home-work .work-box {
    height: 559px;
  }
  section.kb-home-work .work-box p {
    font-size: 27px;
  }

}


@media (min-width: 1200px) and (max-width: 1299px) {
  section.kb-home-work .work-box {
    height: 500px;
  }
  section.kb-home-work .work-box p {
    font-size: 24px;
  }
  section.kb-home-work .work-box:hover .work-img {
    transform: translateY(53px);
  }
  /*section.kb-home-work .work-box#work-2:hover .work-img {
    transform: translateY(20px);
  }*/
  .kb-contact-landing form.contact-form {
    margin: 100px 300px;
  }
}

@media (max-width: 1099px) {
  .kbwc,
  .kbwc-modal-inner-content {
    justify-content: center;
  }
  .kbwc-content-box {
    width: 100%;
    order: 3;
    padding-top: 100px;
  }
  .kbwc-images {
    width: 100%;
    max-width: 300px;
    align-self: center;
    overflow: visible;
  }
  .kb-landing-box-icon {
    padding: 0px;
  }
  .kb-contact-landing form.contact-form {
    margin: 100px 300px;
	}
}

@media (max-width: 991px) {

  section.kb-home-section-1,
  section.kb-home-section-3 {
   flex-direction: column;
  }
  .animation1-container {
    width: 100%;
  }
  .small-title {
    font-size: 30px;
  }
  .kbwc-title {
    font-size: 40px;
  }
  section.kb-home-section-1 .small-title {
    position: static;
    width: 100%;
    padding-top: 50px;
  }
  section.kb-home-section-3 .small-title {
    max-width: 400px;
  }

  section.kb-home-section-1 .small-title br,
  section.kb-home-section-3 .small-title br {
    display: none;
  }

  .big-title {
    font-size: 80px;
  }
  .big-title.yellow{
	font-size: 70px;	
  }
	
  section.kb-home-work {
    flex-direction: column;
    align-items: center;
    padding: 0;
    margin: 0;
  }
  section.kb-home-work .work-box {
    margin: 0;
    width: 100%;
    max-width: 100%;
    height: auto;
  }
  section.kb-home-work .work-box h3{
    padding-top: 50px;
    font-size: 50px;
  }
  section.kb-home-work .work-box p {
    opacity: 1;
    font-size: 22px;
    height: auto;
    max-width: 500px;
    margin: 0 auto;
    padding-bottom: 30px;
  }
  .work-img {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .work-img img {
    width: auto;
    max-width: 100%;
  }

  section.kb-home-companies {
    flex-direction: column;
  }
  section.kb-home-companies .small-title {
    width: auto;
    padding: 0px 0px 50px;
    text-align: center;
  }
	

	.kb-contact-landing form.contact-form {
		margin: 100px 0;
	}
	.kb-landing-box-icon {
		display: block;
		padding: 0px 100px 40px 100px;

	}
	.kb-lading-box-icon-services {
		height: auto;
		width: auto;
		margin: 20px;
	}
	.kb-landing-box-steps {
		width: auto;
		margin: 0 50px;
	}
	.kb-landing-cta {
		margin-top: 100px;
	}
	.kb-landing-cta .small-title {
		font-size: 40px;
		margin: 0px 50px;
	}
	.kb-contact-landing form.contact-form input, .kb-contact-landing form.contact-form textarea {
    	width: 85%;
	}
}

@media (min-width: 992px) {
  section.kb-home-work {
    margin: 150px auto;
    max-width: 1300px;
    display: flex;
    flex-direction: row;
    justify-content: center;
  }
  section.kb-home-work .work-box {
    width: 100%;
    max-width: 400px;
    margin: 0px 20px;
    transition: all 500ms;
    -webkit-transition: all 500ms; /* Safari 3.1 to 6.0 */
    position: relative;
  }
  section.kb-home-work .work-box h3 {
    font-size: 50px;
    text-align: center;
    padding: 20px 20px 20px;
    -webkit-transition: all 500ms; /* Safari 3.1 to 6.0 */
    transition: all 500ms;
  }
  section.kb-home-work .work-box p {
    opacity: 0;
    overflow: hidden;
    height: 100px;
  }
  section.kb-home-work .work-box .work-img {
    max-width: 100%;
    height: 400px;
    -ms-transform: translateY(-100px); /* IE 9 */
    -webkit-transform: translateY(-100px); /* Safari 3-8 */
    -moz-transform: translateY(-100px);
    transform: translateY(-100px);
    -webkit-transition: all 500ms; /* Safari 3.1 to 6.0 */
    transition: all 500ms;
  }
  section.kb-home-work .work-box img {
    max-width: 100%;
    -webkit-transition: all 500ms; /* Safari 3.1 to 6.0 */
    transition: all 500ms;
  }
  /*section.kb-home-work #work-2 .work-img img {
    width: 100%;
  }*/
  section.kb-home-work > .work-box.grayscale {
    filter: grayscale(100%);
    opacity: 0.7;
  }
  section.kb-home-work .work-box#work-1:hover,
  section.kb-home-work .work-box#work-2:hover,
  section.kb-home-work .work-box#work-3:hover,
  section.kb-home-work .work-box.landing-work-1:hover,
  section.kb-home-work .work-box.landing-work-2:hover,
  section.kb-home-work .work-box.landing-work-3:hover {
    background-color: transparent;
  }
  section.kb-home-work .work-box:hover h3 {
    padding-top: 0px;
  }
  section.kb-home-work .work-box:hover p {
    opacity: 1;
    -webkit-transition: all 500ms 200ms; /* Safari 3.1 to 6.0 */
    transition: all 500ms 200ms;
  }
  section.kb-home-work .work-box:hover .work-img {
    -ms-transform: translateY(50px); /* IE 9 */
    -webkit-transform: translateY(50px); /* Safari 3-8 */
    -moz-transform: translateY(50px);
    transform: translateY(50px);
  }
  /*section.kb-home-work .work-box#work-2:hover .work-img {
    -ms-transform: translateY(12px);
    -webkit-transform: translateY(12px);
    -moz-transform: translateY(12px);
    transform: translateY(12px);
  }*/
  section.kb-home-work .work-box#work-1:hover .work-img img,
  section.kb-home-work .work-box#work-2:hover .work-img img,
  section.kb-home-work .work-box#work-3:hover .work-img img,
  section.kb-home-work .work-box.landing-work-1:hover .work-img img,
  section.kb-home-work .work-box.landing-work-2:hover .work-img img,
  section.kb-home-work .work-box.landing-work-3:hover .work-img img {
    -ms-transform: scale(1.1); /* IE 9 */
    -webkit-transform: scale(1.1); /* Safari 3-8 */
    -moz-transform: translateY(1.1);
    transform: scale(1.1);
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  section.kb-home-work .work-box {
    height: 440px;
  }
  section.kb-home-work .work-box p {
    font-size: 18px;
  }
   section.kb-home-work .work-box:hover .work-img {
    transform: translateY(56px);
  }
  /*section.kb-home-work .work-box#work-2:hover .work-img {
    transform: translateY(25px);
  }*/
	
   section.kb-home-work .work-box h3 {
    font-size: 45px;
  }
   section.kb-home-work #work-3 .work-img {
    padding-top: 45px;
  }
   section.kb-home-work #work-1 .work-img {
    padding-top: 45px;
  }
}


@media (min-width: 992px) and (max-width: 1102px) {
   section.kb-home-work .work-box h3 {
    font-size: 40px;
  }
   section.kb-home-work #work-3 .work-img {
    padding-top: 40px;
  }
   section.kb-home-work #work-1 .work-img {
    padding-top: 0px;
  }
   section.kb-home-work .work-box {
    height: 430px;
  }
}

@media (max-width: 767px) {
  .kb-main-logo {
    left: 30px;
    top: 20px;
  }
  .kb-main-logo img {
    height: 30px;
  }
  .kb-menu-trigger,
  .kbwc-modal .kbwc-modal-close {
    right: 10px;
    top: 10px;
    font-size: 30px;
    height: 52px;
    padding: 10px 20px;
  }
  .kb-day-night {
    right: 32px;
    top: 60px;
    width: 90px;
  }
  .kb-day-night img {
    transform: scale(0.7);
  }

  header.kb-home-header .kb-home-intro,
  section.kb-home-title-section .kb-title-section-intro {
    padding: 100px 30px 50px;
  }
  .big-title {
    font-size: 50px;
  }
  .big-title.yellow{
	font-size: 45px;	
  }
  .rustico-p {
    font-size: 30px;
    padding-top: 30px;
  }
  header.kb-home-header .kb-home-intro img,
  section.kb-home-title-section .kb-title-section-intro img {
    height: 30px;
  }

  nav.kb-main-nav .kb-menu-close {
    font-size: 30px;
    top: 20px;
    right: 30px;
  }
  nav.kb-main-nav ul li a {
    font-size: 50px;
    line-height: 1.2;
    background-size: 200%;
    padding: 0 30px;
  }

  section.kb-home-section-1 {
    padding: 100px 30px;
  }

  .small-title {
    font-size: 30px;
  }
  section.kb-home-section-1 .small-title {
    padding-top: 30px;
  }
  section.kb-home-section-2 {
    padding-top: 0px;
  }
  section.kb-home-section-2 .small-title {
    left: 30px;
  }
  .animation3-container {
    padding: 0;
  }
  section.kb-home-section-3 {
    padding-bottom: 0px;
  }
  section.kb-home-section-3 .small-title.big-screen {
    display: none;
  }
  section.kb-home-section-3 .small-title.mob-screen {
    display: block;
    text-align: right;
    align-self: flex-end;
    padding: 40px 30px 0px 30px;
  }

  #kb-home-title-section {
    background-image: url('./img/blue-overlay-mob.png');
    align-items: center;
  }

  section.kb-home-work .work-box h3 {
    font-size: 40px;
  }

  section.kb-home-companies {
    padding: 100px 30px;
    flex-direction: column;
  }
  section.kb-home-companies .small-title {
    max-width: 100%;
    font-size: 40px;
  }
  section.kb-home-companies .companies-logos .company-logo {
    padding: 15px;
  }

  .cta a {
    font-size: 30px;
  }


  /* blog */
  .kb-blog {
    padding: 30px;
  }
  .kb-blog-header h1 {
    font-size: 50px;
  }
  .kb-post-header {
    padding: 0 30px;
  }
  .kb-single-post-author {
    padding: 0 30px;
  }
  .single-post-content {
    padding: 50px 30px 100px; 
  }
  .single-post-content h1 {
    font-size: 32px;
  }
  .single-post-content h2 {
    font-size: 28px;
  }
  .single-post-content h3 {
    font-size: 26px;
  }
  .single-post-content h4 {
    font-size: 24px;
  }
  .single-post-content h5 {
    font-size: 22px;
  }
  .single-post-content h6 {
    font-size: 18px;
  }

  .kb-landing-header {
	padding: 0px;
  }
  .kb-contact {
    padding: 30px;
  }
  .kb-contact .kb-contact-header h1 {
    font-size: 50px;
  }
	
  .kb-landing {
	padding: 0px;
  }
  .kb-landing-header {
	padding: 0 30px;
	}
  .kb-landing-content h1 {
	font-size: 40px;
  }
  .kb-landing-box-title {
	padding: 60px 30px;	
  }
  .kb-landing-box-title h1 {
	font-size: 35px;
  }
  .kb-landing-box-icon {
	display: block;
	padding: 0px 30px 40px 30px;

  }
  .kb-lading-box-icon-services {
	height: auto;
    width: auto;
    margin: 40px 20px 20px 20px;
	
  }
  .kb-landing-box-steps-title {
	padding: 0px 30px 40px 30px;	
  }
  .kb-landing-box-steps-title h1 {
	font-size: 40px;
  }
  .kb-landing-box-steps {
	width: auto;
	margin: 0px;
	padding: 0px 30px;
  }
  .kb-landing-box-steps-left {
	display: block;
	text-align: center;
	margin-left: 0px;
  }
  .kb-landing-steps-text {
	margin-left: 0px;
	margin-top: 5px !important;
  }
  .kb-landing-cta {
	margin-top: 80px;
  }
  .kb-landing-cta .small-title {
	font-size: 25px;
	  margin: 20px;
  }
  .kb-landing-cta a {
	font-size: 25px;
  }
  .kb-contact-landing form.contact-form {
	margin: 100px 0 0 0;
  }
  .kb-contact-landing form.contact-form button {
    font-size: 25px;
  }

  /* Meet Us */
  .kb-meet-us-header h1 {
    font-size: 40px;
  }
  .kb-meet-us {
    padding: 30px;
  }
  .kb-meet-us-images {
    flex-direction: column;
    align-items: center;
  }
  .kb-meet-us-person {
    padding: 0;
    min-width: 100px;
    max-width: 300px;
    padding-top: 50px;
  }
  .kb-meet-us-join {
    padding: 90px 0px 30px;
  }
  .kb-meet-us-join h2 {
    font-size: 40px;
  }
  .kb-meet-us-join a {
    font-size: 30px;
  }

  /* 404 */
  .kb-404 h1 {
    font-size: 34px;
  }

  footer {
    padding: 10px 0px;
    flex-direction: column;
  }
  footer ul#menu-footer {
    min-width: auto;
  }
  footer .soc-nav {
    order: -1;
  }

  .kb-privacy {
    padding: 30px;
  }


  .kbwc {
    width: calc(100% - 60px);
    margin: 30px;
  }
  .kbwc-title {
    padding: 40px 30px 0px;
  }
  .kbwc-content-box {
    padding: 100px 30px 40px;
  }
  .kbwc-more {
    margin-top: 30px;
  }
  .kbwc-images {
    margin-right: 0px;
  }
  .kbwc-modal-inner-content .kbwc-title {
    padding: 40px 0px 0px;
  }
  .kbwc-modal-inner-content .kbwc-content-box {
    padding: 100px 0px 70px;
  }

  .cta {
    margin-left: 0px;
    margin-right: 0px;
  }
	
  /* Legal info */
  .legal-info {
    padding: 20px 30px;
  }

  /* Move hand to the end at mob screen */
  
  .animation3-container.animate .hand-img-container {
    -webkit-animation: movehandmob 5s infinite; /* Safari 4.0 - 8.0 */
    animation: movehandmob 5s infinite;
  }
  .animation3-container.animate .hand-img-container .screen img {
    -webkit-animation: movescreenimgmob 5s infinite; /* Safari 4.0 - 8.0 */
    animation: movescreenimgmob 5s infinite;
  }
  .animation3-container.animate .hand-img-container	{
	opacity: 1;
	transition: opacity 300ms;
  }
}
@-webkit-keyframes movehandmob {
      0% {
        transform: translateX(-50%);
      }
      50% {
        transform: translateX(18%);
      }
      100% {
        transform: translateX(-100%);
      }
}
@keyframes movehandmob {
      0% {
        transform: translateX(-50%);
      }
      50% {
        transform: translateX(18%);
      }
      100% {
        transform: translateX(-50%);
      }
}
@-webkit-keyframes movescreenimgmob {
    0% {
      transform: rotate(-39deg) translateX(-20.1%);
    }
    50% {
      transform: rotate(-39deg) translateX(-77.5%);
    }
    100% {
      transform: rotate(-39deg) translateX(-20.1%);
    }
}
@keyframes movescreenimgmob {
    0% {
      transform: rotate(-39deg) translateX(-20.1%);
    }
    50% {
      transform: rotate(-39deg) translateX(-77.5%);
    }
    100% {
      transform: rotate(-39deg) translateX(-20.1%);
    }
}
@media (min-width: 768px) {
  #kb-home-title-section {
    background-image: url('./img/blue-overlay.png');
  }

  .animation3-container.animate .hand-img-container {
	-webkit-animation: movehand 5s infinite; /* Safari 4.0 - 8.0 */
    animation: movehand 5s infinite;
  }
  .animation3-container.animate .hand-img-container .screen img {
	-webkit-animation: movescreenimg 5s infinite; /* Safari 4.0 - 8.0 */
    animation: movescreenimg 5s infinite;
  }
 .animation3-container.animate .hand-img-container	{
	opacity: 1;
	transition: opacity 300ms;
  }
}
@-webkit-keyframes movehand {
      0% {
        transform: translateX(-50%);
      }
      50% {
        transform: translateX(-15%);
      }
      100% {
        transform: translateX(-50%);
      }
}
@keyframes movehand {
      0% {
        transform: translateX(-50%);
      }
      50% {
        transform: translateX(-15%);
      }
      100% {
        transform: translateX(-50%);
      }
}
@-webkit-keyframes movescreenimg {
    0% {
      transform: rotate(-39deg) translateX(-20.1%);
    }
    50% {
      transform: rotate(-39deg) translateX(-49.5%);
    }
    100% {
      transform: rotate(-39deg) translateX(-20.1%);
    }
}
@keyframes movescreenimg {
    0% {
      transform: rotate(-39deg) translateX(-20.1%);
    }
    50% {
      transform: rotate(-39deg) translateX(-49.5%);
    }
    100% {
      transform: rotate(-39deg) translateX(-20.1%);
    }
}


@media (max-width: 575px) {
  section.kb-home-section-1 h2 {
    font-size: 25px;
  }
  .animation2-container {
    width: 100%;
  }
  section.kb-home-section-2 h2 {
    font-size: 18px;
  }
  section.kb-home-section-3 {
    flex-direction: column;
  }
  section.kb-home-section-3 h2 {
    font-size: 25px;
    position: static;
    padding-top: 100px;
    padding-right: 30px;
    padding-left: 30px;
    width: 100%;
    text-align: right;
  }
  section.kb-home-section-3 h2 br {
    display: none;
  }

  /* Blog */
  .kb-post-header h1 {
    font-size: 40px;
  }
  .kb-post-author {
    flex-direction: column;
  }
  .kb-post-author-date {
    padding-left: 0px;
    padding-top: 5px;
  }
}


@media (max-width: 350px) {
  header.kb-home-header .kb-home-intro h1,
  section.kb-home-title-section .kb-title-section-intro h2 {
    font-size: 40px;
  }

  section.kb-home-title-section h2 {
    font-size: 40px;
  }

  .kb-post-header h1 {
    font-size: 36px;
  }

  div.kb-our-stuff .tabs-container .tabs button {
    font-size: 20px;
    padding: 10px;
  }
}

@media (max-width: 320px) {
  section.kb-home-section-2 {
    display: block;
  }
  section.kb-home-section-2 h2 {
    font-size: 15px;
    position: absolute;
    top: 55px;
  }
  .kb-contact-landing form.contact-form button {
    font-size: 20px;
  }
}

@media only screen and (max-width: 680px) and (orientation: landscape) {
  header.kb-home-header,
  section.kb-home-title-section {
    min-height: 450px;
  }
}

pre.wp-block-code {
	background-color: #f7f7f7;
	border: none;
	max-height: 400px;
	overflow: scroll;
}

.wp-block-table td {
	word-break: break-all;
}

#kb-web.dark .wp-block-table.is-style-stripes tr:nth-child(odd) {
    background-color: #2f2f2f;
}