.kp-icon {
background:#163111; border-radius:15%; border: 3px solid white; padding:2%; color:white; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); }

button:hover { color:black !important; font-weight:bold}

.kp-bgd a{font-size:large;}

.kp-bgd a:hover { background:#163111;color:white }

.kp-about-side { font-family: 'Segoe UI','Helvetica Neue', Helvetica, Arial,sans-serif  !important; 
font-weight:400 !Important; color: white;
}

.list-group > .list-group-item { margin-bottom: 9px; background: #dddcdc; font-weight:normal; letter-spacing:1px; padding:6% 10px;}


/* Social Icons Color */
.kp-facebook:hover { color :  #3b5998; transition: all 1s;}
.kp-twitter:hover { color :  #55acee;transition: all 1s; }
.kp-google:hover  { color :  #dd4b39;transition: all 1s; }
.kp-youtube:hover {  color : #bb0000;transition: all 1s; }
.kp-linkedin:hover {  color : #007bb5;transition: all 1s; }
.kp-instagram:hover  {  color : #125688;transition: all 1s; }
.kp-pinterest:hover   {  color : #cb2027;transition: all 1s; }


.kp-justify {
  width: 100%;
  display: flex;
  justify-content: space-between;
  float:right;
  }

.col-md-6 .btn-default {
        background-color: #163110 !important;
        color: white;
        border-color: #adadad;
        border-radius: 30px;
		width: 200px;

    }

.btn-default:hover {
        background-color: #f4f2f1 !important;
        color: #333;
        border-color: #f49e26;

    }
	
.0-kp-row .row [class*="col-"] {
    float: none;
    display: table-cell;
    vertical-align: top;
}

  
.0-kp-row .row {
    display: table;
}
.media { background:#f4f2f1; padding:6% 0; border:solid thin #f49e26 }

.media:hover { transition: all 1s;
 -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  -moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  background:#f49e26;
  }

.media:hover a { color:white}

.container-projects {
background: url(../images/Ind-002.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	 background-size: cover;
}

.kp-pad {
	padding: 2%;
	text-align:justify
}

.kp-fade:hover {
	opacity: .7;
	transition: all 1s;
}

.affix {
      top: 0;
      width: 100%;
	  z-index: 9999 !important;
      -webkit-transition: all .6s ease-in-out;
      transition: all .6s ease-in-out;
  }
.affix-top {
      position: static;
      top: -35px;
  }
.affix + .container-fluid {
      padding-top: 70px;
  }
  
a { text-decoration:none; color:dimgrey;}  

a:hover { text-decoration:none; color:#163110;}

.kp-bdr-bottom { 
	border-bottom: solid thin #f49e26;
	box-shadow: 0 3px 6px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
}

.navbar-brand {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    text-align: center;
    margin: auto;
	z-index:3;
}

.kp-box {
  transition: box-shadow .3s;
  border: 1px solid #ccc;
  background: #fff;
  
  0-width: 300px;
  0-height: 500px;
  0-margin: 50px;
  0-border-radius:10px;
  0-float: left; 
}

.kp-box:hover {
  box-shadow: 0 0 11px rgba(33,33,33,.2); 
  -webkit-filter: grayscale(60%); /* Safari 6.0 - 9.0 */
  filter: grayscale(60%);
  
  -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  -moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  }
    
  
.kp-box:hover .panel-footer { background:lightgrey ;color:black;
-webkit-transition: all 2s ease;
  -moz-transition: all 2s ease;
  -ms-transition: all 2s ease;
  -o-transition: all 2s ease;
  transition: all 2s ease;
}
 

 .kp-box-col{
  box-shadow: 0 0 11px rgba(33,33,33,.2); 
  -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  -moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  padding:2%;

  background:rgba(255, 255, 255, 0.3);
  border: solid thin #f49e26;
  }
  
.kp-bnw {  
-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%); }
  
.kp-bnw:hover {  
-webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
  filter: grayscale(0%); }
  
.thumbnail { background:#f5f5f5 !important;padding:0 !important}
  
.carousel-inner { height:80vh}

.navbar-default { background: #163110; border-bottom: solid medium #f49e26 }

.navbar { border:none; border-bottom: solid medium #f49e26}

.kp-link a { color:white !important;}

.kp-bdr { background:#163110 !important}

.kp-skew {    
    width: 	450px;
    height:60px;
    0-background-image: url('http://placecage.com/g/300/200');
    -webkit-transform: perspective(300px) rotateX(-30deg);
    -o-transform: perspective(300px) rotateX(-30deg);
    -moz-transform: perspective(300px) rotateX(-30deg);
    -webkit-transform-origin: 0% 50%;
    -moz-transform-origin: 0% 50%;
    -o-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    0-margin: 10px 90px;
	background: #f49e26;
	bbackground: rgba(65, 64, 66, 0.8);
	color:white;
	margin-top:-9px;
	0-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.kp-center {
	margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* remove spacing between middle columns */
.row.no-gutter [class*='col-']:not(:first-child):not(:last-child) {
 padding-right:2;
 padding-left:2;
}
/* remove right padding from first column */
.row.no-gutter [class*='col-']:first-child {
 padding-right:2;
}	
/* remove left padding from last column */
.row.no-gutter [class*='col-']:last-child {
 padding-left:2;
}

.col-md-6 p {
font-size: medium;
line-height: 2.444;
}

body, p, h1,h2,h3,h4,h5, h6 {
font-family: "Roboto", Helvetica, Arial, sans-serif;
font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;
}

.kp-para { font-family: "Roboto", 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: medium;
line-height: 1.8;
font-weight: 300;
}

.kp-para-sub { font-family: "Roboto", 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: x-large;
line-height: 2;
font-weight: 300;
}

.kp-head { 
font-family: 'Segoe UI','Helvetica Neue', Helvetica, Arial,sans-serif ;
font-size: xx-large;
letter-spacing: 2px; font-weight:normal;
}

.kp-sub { 
font-family: Dotum,'Helvetica Neue', Helvetica, "Roboto", Arial, sans-serif;
font-size: xx-large;
letter-spacing: 1px;
font-weight:600;
}

.kp-big-head {
font-family: Avenir, Dotum,'Segoe UI', Roboto,'Helvetica Neue', Arial, sans-serif ;
font-size:45px;
letter-spacing: 2px;
}

.carousel-fade .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
  opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-control {
  z-index: 2;
}

.subfooter { background: dimgrey; color:white; font-size:18px}

.subfooter a { color:white }

.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:  flex;
}