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

::selection{
  background: #ffee00;
}

.kd-brdr-t{
  border-top: 1px solid #ddd;
}

.kd-border-top-fat{
  width: 100%;
  height: 3px;
  background-color: #111;
}


 *:focus {outline:none !important;}

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


.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;
}

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

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

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

#kd-nav-brand, #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-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 */



#djb-img1{
	height: 50vh;
	overflow: hidden;
}

.close{
	font-size: 2rem;
}

#kd-main-big-1 .img-box-big{
	background-repeat: no-repeat;
	max-width: 100%;
	height: auto;
	/*position: absolute;
	top: 0;
	left: 0;*/
}

/* 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-5{
  margin-top: 5rem;
}

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

.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: 25px;
  border-width: 2px;
  border-color: #111;
  background-color: transparent;
  transition: all 0.2s ease-in-out;
  text-decoration: none;
  color: #000;
}
*/

.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;
}

.kd-btn-coex-djb{
  border-radius: 50px;
  border-width: 2px;
  text-decoration: none;
  border-color: #f9f9f9;
  color: #fff;
  background: linear-gradient(90deg, #ff7307 0%, #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;
  transition: all 0.3s;
  outline: none;
}

.kd-btn-coex-avair{
  border-radius: 50px;
  border-width: 2px;
  text-decoration: none;
  border-color: #f9f9f9;
  color: #fff;
  background: linear-gradient(90deg, #ababab 0%, #1d1d1d 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;
  transition: all 0.3s;
  outline: none;
}

.kd-btn-coex-mamta{
  border-radius: 50px;
  border-width: 2px;
  text-decoration: none;
  border-color: #f9f9f9;
  color: #fff;
  background: linear-gradient(90deg, #d1c9b1 0%, #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;
  transition: all 0.3s;
  outline: none;
}

.kd-btn-coex-pass{
  border-radius: 50px;
  border-width: 2px;
  text-decoration: none;
  border-color: #f9f9f9;
  color: #fff;
  background: linear-gradient(90deg, #20b4fc 0%, #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;
  transition: all 0.3s;
  outline: none;
}

.kd-btn-coex-mpdds{
  border-radius: 50px;
  border-width: 2px;
  text-decoration: none;
  border-color: #f9f9f9;
  color: #fff;
  background: linear-gradient(90deg, #0d25fb 0%, #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;
  transition: all 0.3s;
  outline: none;
}

.kd-btn-coex-toori{
  border-radius: 50px;
  border-width: 2px;
  text-decoration: none;
  border-color: #f9f9f9;
  color: #fff;
  background: linear-gradient(90deg, #05b05e 0%, #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;
  transition: all 0.3s;
  outline: none;
}


.kd-btn-coex-choice{
  border-radius: 50px;
  border-width: 2px;
  text-decoration: none;
  border-color: #f9f9f9;
  color: #fff;
  background: linear-gradient(90deg, #1186ff 0%, #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;
  transition: all 0.3s;
  outline: none;
}

.kd-btn-coex-cross{
  border-radius: 50px;
  border-width: 2px;
  text-decoration: none;
  border-color: #f9f9f9;
  color: #fff;
  background: linear-gradient(90deg, #0f0f0f 0%, #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;
  transition: all 0.3s;
  outline: none;
}

.kd-btn-coex-xeno500{
  border-radius: 50px;
  border-width: 2px;
  text-decoration: none;
  border-color: #f9f9f9;
  color: #fff;
  background: linear-gradient(90deg, #ababab 0%, #1d1d1d 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;
  transition: all 0.3s;
  outline: none;
}

.kd-btn-coex-combinatron{
  border-radius: 50px;
  border-width: 2px;
  text-decoration: none;
  border-color: #f9f9f9;
  color: #fff;
  background: linear-gradient(90deg, #40c9ff 0%, #e81cff 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;
  transition: all 0.3s ease;
  outline: none;
}

.kd-btn-coex-combinatron:hover{
  background: linear-gradient(90deg, #e81cff 0%, #40c9ff 100%) !important;
}

.kd-btn-coex-fizzy{
  border-radius: 50px;
  border-width: 2px;
  text-decoration: none;
  border-color: #f9f9f9;
  color: #fff;
  background: linear-gradient(90deg, #fff95b 0%, #f9035e 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;
  transition: all 0.3s;
  outline: none;
}

.kd-btn-coex-fizzy:hover{
  background: linear-gradient(90deg, #f9035e 0%, #fff95b 100%) !important;
}

.kd-btn-coex-emojiFont{
  border-radius: 50px;
  border-width: 2px;
  text-decoration: none;
  border-color: #f9f9f9;
  color: #fff;
  background: linear-gradient(90deg, #31f884 0%, #0934f3 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;
  transition: all 0.3s;
  outline: none;
}

.kd-btn-coex-qwords{
  border-radius: 50px;
  border-width: 2px;
  text-decoration: none;
  border-color: #f9f9f9;
  color: #fff;
  background: linear-gradient(90deg, #e4b6a1 0%, #724040 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;
  transition: all 0.3s;
  outline: none;
}


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: #999;
}

.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;
}

.kd-indi-card-box-content{
	cursor: pointer;
}

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

.kd-external-link-btnLook{
  border: 2px solid black;
  border-radius: 5px;
  padding: 0.5rem 1.2rem;
  transition: all 0.1s ease-in;
}

.kd-external-link-btnLook:hover{
  border: 2px solid black;
  color: #000;
  background-color: #ffee00;
}

.kd-modalTrigger{
	cursor: -moz-zoom-in; 
    cursor: -webkit-zoom-in; 
    cursor: zoom-in;
}


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

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


.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;*/
}

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

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

	.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{
    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{
    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{
    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: 50px;
  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: 50px;
  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: 50px;
  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: 50px;
  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: 50px;
  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: 50px;
  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: 50px;
  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: 50px;
  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;
  }*/

}