body{
    background-color: #f9f9f9;
    cursor: default;
}

.kd-proj-desc p::selection{
  background: yellow;
}

::-moz-selection { /* Code for Firefox */
    background: yellow;
}
  
::selection {
    background: yellow;
}

*:focus {outline:none !important;}

button:focus {
  outline:none !important;
  box-shadow: none !important;
}


/* NAVIGATION START */
/* NAVIGATION START */
/* NAVIGATION START */

.navbar{
  background-color: #f9f9f9;
}

.kd-nav-bg-light{
  background-color: #f9f9f9 !important;
}

#kd-nav{
  background-color: #f9f9f9;
	transition: opacity 0.3s;
}

#kd-nav-brand, #kd-nav-home, #kd-nav-about, #kd-nav-work, #kd-nav-assorted{
  text-decoration: none;
  letter-spacing: 0;
  font-size: 1.2rem;
  color: #000;
}

#kd-nav-brand:hover, #kd-nav-home:hover, #kd-nav-about:hover, #kd-nav-work:hover, #kd-nav-assorted:hover{
  letter-spacing: 1.8px;
}

.kd-nav-link{
  box-sizing: border-box;
  transition: all 0.5s;
}

.kd-active{
  border-bottom: 2px solid #000;
}


/* NAVIGATION END */
/* NAVIGATION END */
/* NAVIGATION END */


.kd-WorkSans-300{
  font-family:'Work Sans', sans-serif;
  font-weight: 300;
}

.kd-WorkSans-400{
  font-family:'Work Sans', sans-serif;
  font-weight: 400;
}

.kd-WorkSans-600{
  font-family:'Work Sans', sans-serif;
  font-weight: 600;
}

.kd-indi-card-box{
	position: relative;
	height: 100%;
	cursor: pointer;
}

.kd-img-holder{
	/*position: relative;*/	
	min-width: 100%;
	height: auto;
	overflow: hidden;
	/*border: 1px solid red;*/
}

.kd-img-holder{
	transition: all 0.5s;
}

.close{
	font-size: 2rem;
}


/* css for scroll progress indicator on assorted */
.scroll-progress-container{
  height: 3px;
  background: #dfdfdf;
  position: fixed;
  /* top: 0; */
  z-index: 1;
  padding: 0;
}

.kd-scroll-progress {
  height: 3px;
  background: #111;
  width: 0%;
}

.kd-mb-8{
	margin-bottom: 8rem;
}

.kd-mt-8{
  margin-top: 8rem;
}

.kd-mt-6{
  margin-top: 6rem;
}

.kd-mt-5{
  margin-top: 5rem;
}

.kd-mt-4{
  margin-top: 4rem;
}

.kd-mt-3{
  margin-top: 3rem;
}

.kd-mt-2{
  margin-top: 2rem;
}

.kd-mb-6{
	margin-bottom: 6rem;
}

.kd-mb-5{
	margin-bottom: 5rem;
}


 .kd-container-fluid-3{
 	position: relative;
 	height: 100vh;
 	/*top: -70rem;*/
 }


.kd-btn{
  border-radius: 50px;
  border-width: 2px;
  border-color: #111;
  background-color: transparent;
  transition: all 0.2s ease-in-out;
  text-decoration: none;
  color: #000;
}


button:focus {
    outline:0 !important;
}

.kd-container-fluid-last{
	position: relative;
	background-color: #f9f9f9;
	opacity: 1;
	border-top: 1px solid #e9e9e9;
	z-index: 50;
}

.kd-text-muted{
	color: #bbb;
}

.kdGridImg{
	width: 100%;
	height: auto;
	padding: 0.25rem; 
}

.kdGridImg2{
	width: 100%;
	height: auto;
	padding: 0.1rem; 
}

.kdGridImgBg{
	width: 100%;
	height: auto;
	padding: 0.4rem; 
}

.kd-container-fluid-50{
	height: 50vh;
    cursor: pointer;
}


.kd-external-link{
	color: #000;
}

.kd-display-4{
  font-size: 2.3rem;
}

.kd-display-5{
  font-size: 1.8rem;
}

.kd-display-6{
  font-size: 1.5rem;
}

.kd-btn-mobiles{
  border-radius: 25px;
  border-width: 2px;
  text-decoration: none;
  border-color: #f9f9f9;
  color: #fff;
  background: linear-gradient(90deg, rgba(255,224,0,1) 0%, rgba(252,44,124,1) 100%) !important;
  background: -webkit-linear-gradient(to right, rgba(255,224,0,1) 0%, rgba(252,44,124,1) 100%) !important;
  padding-top: .5rem;
  padding-bottom: .5rem;
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
  font-size: 1.25rem;
  line-height: 1.5;
  /*padding-left: 1.5rem!important;
  padding-right: 1.5rem!important;*/
}

.link-black-underline{
  text-decoration: underline;
  color: #111;
}

@media screen and (max-width: 480px){

    html {
        font-size: 1.1rem;
    }

    .grid-sizer { 
        width: 100%;
    }	

    .grid-item {
        float: left; 
        width: 100%;
    }

    #kd-main-big-1{
        display: none;
    }

    .kd-projs-grid{
        position: relative;
        top: 5rem;
        z-index: 1;
    }
    
    /* NAVIGATION HAMBURGER START */
    
  #kd-nav-brand{
    font-weight: 500;
  }
  
  .kd-nav-link2{
    font-size: 3rem;
    font-weight: 400;
    margin: 1rem 0;
  }

  #kd-nav-about, #kd-nav-work, #kd-nav-assorted, #kd-nav-home{
    text-decoration: none;
    letter-spacing: 0;
    font-size: 3rem;
    color: #000;
  }
  
  .nav .kd-nav-link{
    text-decoration: none;
    color: #000;
  }
  
  .navbar .navbar-toggler{
    height: 40px;
    background-color: transparent;
    border: none;
  }
  
  .navbar-toggler:focus {
    outline: none;
  }
  
  .icon-bar, .icon-bar::before, .icon-bar::after{
    width: 25px;
    height: 3px;
    margin: 1px 0;
  }
  
  .icon-bar {
    position: relative;
    background: rgba(0,0,0, 1);
    transition: all 0ms 300ms;
  }
  
  .icon-bar.animate {
    background: rgba(0, 0, 0, 0);
  }
  
  .icon-bar::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 5px;
    background: rgba(0, 0, 0, 1);
    transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
  }
  
  .icon-bar::after {
    content: "";
    position: absolute;
    left: 0;
    top: 5px;
    background: rgba(0, 0, 0, 1);
    transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
  }
  
  .icon-bar.animate::after {
    top: -1px;
    transform: rotate(45deg);
    transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
  }
  
  .icon-bar.animate::before {
    bottom: -1px;
    transform: rotate(-45deg);
    transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
  }

  .nav .kd-active{
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-color: #000;
    border-bottom: 2px solid #000;
  
    -webkit-text-decoration-line: underline;
    -webkit-text-decoration-style: solid;
    -webkit-text-decoration-color: #000;
  
    -moz-text-decoration-line: underline;
    -moz-text-decoration-style: solid;
    -moz-text-decoration-color: #000;
  
    font-weight: 400;
    }
  /* NAVIGATION HAMBURGER END */

}

@media screen and (min-width: 481px) and (max-width: 768px) {
	
  .grid-sizer { 
	width: 50%;
	}	

	.grid-item {
	float: left; 
	width: 50%;
	}

	#kd-main-big-1{
	display: none;
	}

	.kd-projs-grid{
	position: relative;
	top: 5rem;
	z-index: 1;
	}

  /* NAVIGATION HAMBURGER START */
    
  #kd-nav-brand{
    font-weight: 500;
  }
  
  .kd-nav-link2{
    font-size: 3rem;
    font-weight: 400;
    margin: 1rem 0;
  }

  #kd-nav-about, #kd-nav-work, #kd-nav-assorted, #kd-nav-home{
    text-decoration: none;
    letter-spacing: 0;
    font-size: 3rem;
    color: #000;
  }
  
  .nav .kd-nav-link{
    text-decoration: none;
    color: #000;
  }
  
  .navbar .navbar-toggler{
    height: 40px;
    background-color: transparent;
    border: none;
  }
  
  .navbar-toggler:focus {
    outline: none;
  }
  
  .icon-bar, .icon-bar::before, .icon-bar::after{
    width: 25px;
    height: 3px;
    margin: 1px 0;
  }
  
  .icon-bar {
    position: relative;
    background: rgba(0,0,0, 1);
    transition: all 0ms 300ms;
  }
  
  .icon-bar.animate {
    background: rgba(0, 0, 0, 0);
  }
  
  .icon-bar::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 5px;
    background: rgba(0, 0, 0, 1);
    transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
  }
  
  .icon-bar::after {
    content: "";
    position: absolute;
    left: 0;
    top: 5px;
    background: rgba(0, 0, 0, 1);
    transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
  }
  
  .icon-bar.animate::after {
    top: -1px;
    transform: rotate(45deg);
    transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
  }
  
  .icon-bar.animate::before {
    bottom: -1px;
    transform: rotate(-45deg);
    transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
  }

  .nav .kd-active{
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-color: #000;
    border-bottom: 2px solid #000;
  
    -webkit-text-decoration-line: underline;
    -webkit-text-decoration-style: solid;
    -webkit-text-decoration-color: #000;
  
    -moz-text-decoration-line: underline;
    -moz-text-decoration-style: solid;
    -moz-text-decoration-color: #000;
  
    font-weight: 400;
    }
  /* NAVIGATION HAMBURGER END */

}

@media screen and (min-width: 769px) and (max-width: 991px) {

	.grid-sizer { 
	width: 33.333%;
	}	

	.grid-item {
	float: left; 
	width: 33.333%;
	}

	#kd-main-big-1{
	display: none;
	}

	#kd-prj1-main-1{
	position: relative;
	top: 0;
	z-index: 1;
	background-color: #f9f9f9;
	padding-top: 2rem; 
	}

	.kd-projs-grid{
	position: relative;
	top: 5rem;
	z-index: 1;
	}

  /* NAVIGATION HAMBURGER START */
    
  #kd-nav-brand{
    font-weight: 500;
  }
  
  .kd-nav-link2{
    font-size: 3rem;
    font-weight: 400;
    margin: 1rem 0;
  }

  #kd-nav-about, #kd-nav-work, #kd-nav-assorted, #kd-nav-home{
    text-decoration: none;
    letter-spacing: 0;
    font-size: 3rem;
    color: #000;
  }
  
  .nav .kd-nav-link{
    text-decoration: none;
    color: #000;
  }
  
  .navbar .navbar-toggler{
    height: 40px;
    background-color: transparent;
    border: none;
  }
  
  .navbar-toggler:focus {
    outline: none;
  }
  
  .icon-bar, .icon-bar::before, .icon-bar::after{
    width: 25px;
    height: 3px;
    margin: 1px 0;
  }
  
  .icon-bar {
    position: relative;
    background: rgba(0,0,0, 1);
    transition: all 0ms 300ms;
  }
  
  .icon-bar.animate {
    background: rgba(0, 0, 0, 0);
  }
  
  .icon-bar::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 5px;
    background: rgba(0, 0, 0, 1);
    transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
  }
  
  .icon-bar::after {
    content: "";
    position: absolute;
    left: 0;
    top: 5px;
    background: rgba(0, 0, 0, 1);
    transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
  }
  
  .icon-bar.animate::after {
    top: -1px;
    transform: rotate(45deg);
    transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
  }
  
  .icon-bar.animate::before {
    bottom: -1px;
    transform: rotate(-45deg);
    transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
  }

  .nav .kd-active{
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-color: #000;
    border-bottom: 2px solid #000;
  
    -webkit-text-decoration-line: underline;
    -webkit-text-decoration-style: solid;
    -webkit-text-decoration-color: #000;
  
    -moz-text-decoration-line: underline;
    -moz-text-decoration-style: solid;
    -moz-text-decoration-color: #000;
  
    font-weight: 400;
    }
  /* NAVIGATION HAMBURGER END */

}

@media screen and (min-width: 992px){

	.grid-sizer { 
	width: 33.333%;
	}	

	.grid-item {
	float: left; 
	width: 33.333%;
	}


	#kd-main-big-1{
	position: relative;
	z-index: -1;
	max-width: 100%;
	height: 100vh;	
	overflow: hidden;
	}

	#kd-prj1-main-1{
	position: relative;
	top: -20rem;
	z-index: 1;
	background-color: #f9f9f9;
	padding-top: 2rem; 
	}

	.kd-projs-grid{
	position: relative;
	top: -10rem;
	z-index: 1;
	}

	.kd-left-border{
		padding-left: 2rem;
		border-left: 3px solid #ffc107; 
	}


  .kd-btn:hover{
    border-radius: 50px;
    border-width: 2px;
    text-decoration: none;
    border-color: #f9f9f9;
    color: #fff;
    background: linear-gradient(90deg, rgba(255,224,0,1) 0%, rgba(252,44,124,1) 100%) !important;
    padding-top: .5rem;
    padding-bottom: .5rem;
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
    font-size: 1.25rem;
    line-height: 1.5;
  }

   /* .kd-btn-coex-djb:hover{
   border-radius: 25px;
  border-width: 2px;
  text-decoration: none;
  border-color: #f9f9f9;
  color: #fff;
  background: linear-gradient(90deg, #ff7307 20%, #ffca07 100%) !important;
  padding-top: .5rem;
  padding-bottom: .5rem;
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
    font-size: 1.25rem;
    line-height: 1.5;
  } */

   /* .kd-btn-coex-avair:hover{
   border-radius: 25px;
  border-width: 2px;
  text-decoration: none;
  border-color: #f9f9f9;
  color: #fff;
  background: linear-gradient(90deg, #838383 10%, #000 100%) !important;
  padding-top: .5rem;
  padding-bottom: .5rem;
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
    font-size: 1.25rem;
    line-height: 1.5;
  } */

   /* .kd-btn-coex-mamta:hover{
   border-radius: 25px;
  border-width: 2px;
  text-decoration: none;
  border-color: #f9f9f9;
  color: #fff;
  background: linear-gradient(90deg, #d1c9b1 20%, #56b0aa 100%) !important;
  padding-top: .5rem;
  padding-bottom: .5rem;
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
    font-size: 1.25rem;
    line-height: 1.5;
  } */

  /* .kd-btn-coex-pass:hover{
   border-radius: 25px;
  border-width: 2px;
  text-decoration: none;
  border-color: #f9f9f9;
  color: #fff;
  background: linear-gradient(90deg, #20b4fc 20%, #ffd62b 100%) !important;
  padding-top: .5rem;
  padding-bottom: .5rem;
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
    font-size: 1.25rem;
    line-height: 1.5;
  } */

  /* .kd-btn-coex-mpdds:hover{
   border-radius: 25px;
  border-width: 2px;
  text-decoration: none;
  border-color: #f9f9f9;
  color: #fff;
  background: linear-gradient(90deg, #0d25fb 20%, #ff0505 100%) !important;
  padding-top: .5rem;
  padding-bottom: .5rem;
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
    font-size: 1.25rem;
    line-height: 1.5;
  } */


  /* .kd-btn-coex-toori:hover{
   border-radius: 25px;
  border-width: 2px;
  text-decoration: none;
  border-color: #f9f9f9;
  color: #fff;
  background: linear-gradient(90deg, #05b05e 20%, #fdb92b 100%) !important;
  padding-top: .5rem;
  padding-bottom: .5rem;
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
    font-size: 1.25rem;
    line-height: 1.5;
  } */


  /* .kd-btn-coex-choice:hover{
   border-radius: 25px;
  border-width: 2px;
  text-decoration: none;
  border-color: #f9f9f9;
  color: #fff;
  background: linear-gradient(90deg, #1186ff 20%, #ff8511 100%) !important;
  padding-top: .5rem;
  padding-bottom: .5rem;
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
    font-size: 1.25rem;
    line-height: 1.5;
  } */


  /* .kd-btn-coex-cross:hover{
   border-radius: 25px;
  border-width: 2px;
  text-decoration: none;
  border-color: #f9f9f9;
  color: #fff;
  background: linear-gradient(90deg, #0f0f0f 20%, #dadada 100%) !important;
  padding-top: .5rem;
  padding-bottom: .5rem;
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
    font-size: 1.25rem;
    line-height: 1.5;
  } */


   /*button:focus {
    outline:none !important;
    box-shadow: none !important;
  }*/


}