/* custom style */
html{overflow-x: hidden;scroll-behavior: smooth;}
body{overflow-x: hidden;font-family: 'Roboto', sans-serif!important;font-size: 16px!important;}
.knk-sidenav{background-color:#150958;height:100%;width:20%;position:fixed;top:0;left:0;padding:10px 25px;}
.knk-sidenav img{display: block;margin:0 auto;}
.knk-sidenav a{display: block;color:#fff;padding:5px 10px;font-size:18px;}
.knk-sidenav a:hover{text-decoration: none;color:#fff;}
.knk-sidenav ul{padding-inline-start: 0;list-style: none;}
.knk-sidenav h2{position:relative;margin:10px auto 0 auto;text-align: center;color:#fff;font-size: 16px;}
.knk-sidenav h2:before {
    content: "";
    display: inline-block;
    width: 80px;
    height: 1px;
    background: #fff;
    left: 0;
    top: 50%;
    position:absolute;
  }
.knk-sidenav h2:after {
    content: "";
    display: inline-block;
    width: 80px;
    height: 1px;
    background: #fff;
    right: 0;
    top: 50%;
    position:absolute;
  }
  .knk-sidenav nav.navbar{display:block;padding: 0rem 1rem!important;}
  ul.social-icons{padding-inline-start: 0;list-style: none;text-align: center;}
  ul.social-icons li{color: #fff;display: inline-block;margin: 0 8px;}
  ul.social-icons li i{font-size: 14px;}
  ul.social-icons li a{padding: 0;}
  img.custom-logo-width-1{display:block;margin:0 auto;}
  .knk-sidenav-copyrights{text-align: center;color: #fff;font-size: 12px;}
  .knk-menu{background-color: #150958;}
  .knk-menu img{width:200px;}
  .knk-menu .nav-item a{padding: 0 15px;color: #fff;}
  .knk-menu .nav-item a:hover{color: #fff;text-decoration:none;}
  .knk-menu span i{color: #fff;}

  /* Slider zoom */
  @-webkit-keyframes zoom {
    from {
      -webkit-transform: scale(1, 1);
    }
    to {
      -webkit-transform: scale(1.5, 1.5);
    }
  }
  
  @keyframes zoom {
    from {
      transform: scale(1, 1);
    }
    to {
      transform: scale(1.5, 1.5);
    }
  }

h1{color:#f1f1f1;margin: 0;}
.knk-about h2{font-size: 40px;color: #150958;font-weight: bold;}
.sticky{position:fixed;top:0;width: 100%;z-index: 100;background-color: #150958!important;box-shadow: 0 0 10px 0 #fff!important;}
.knk-ourmission{background-color: #F9F9FF;}
.knk-ourmission h1{font-size: 40px;color: #150958;font-weight: bold;}
p{color: #3D3D3D;}
.knk-ourmission-shadow-area{padding: 20px;background-color: #fff;}
.knk-ourproducts h2{font-size: 40px;color: #150958;font-weight: bold;margin-bottom: 30px;}
.knk-gallery {background-color: #F9F9FF;}
.knk-gallery h2{font-size: 40px;color: #150958;font-weight: bold;margin-bottom: 30px;}
.knk-gallery .nav-pills li a{color: #000;}
.knk-gallery .nav-pills .nav-link.active{color:#fff;background-color: #150958;}
.knk-gallery .nav-pills li{padding: 0 0 0 15px;}
.knk-gallery ul{margin-bottom: 30px;}
.knk-gallery .tab-content{border-bottom: 1px solid #ccc;padding-bottom: 40px;}
.knk-contactus{background-color: #fff;}
.knk-contactus h2{font-size: 40px;color: #150958;font-weight: bold;margin-bottom: 30px;}
ul.address{padding-inline-start: 0;list-style: none;}
.address li {
  float: left!important;
  width: 100%!important;
  padding:10px 0;
}
.address li b {
  width: 25px!important;
  float:left!important;
  color:#150958;
}
.address li span {
  float: left!important;
  width: 80%!important;
}
.address li span strong{color: #150958;font-size: 18px;}
.knk-contactus .nav-pills li a{color: #000;border: 1px solid #ccc; margin-top:10px;}
.knk-contactus .nav-pills .nav-link.active{color:#fff;background-color: #150958;}
.knk-contactus .nav-pills li{padding: 0 0 0 15px;}
.knk-contactus ul{margin-bottom: 30px;}
.knk-contactus .tab-content{border-bottom: 1px solid #ccc;padding-bottom: 40px;}
.contactus-form-area{padding-top: 30px;background-color: #fff;}
.contactus-form-area h1{font-size: 40px;color: #150958;}
.btn.btn-blue{background-color: #150958;color: #fff;padding: 10px;}
.btn.btn-blue:hover{color: #fff;background-color: #150958;}
.btn.btn-blue:focus{box-shadow: none;}
.contactus-form-area .form-control{border: none;height: 50px;}
.contactus-form-area textarea.form-control{height: auto!important;}
.contactus-form-area .form-group{margin-bottom: 30px;}
.contactus-form-area .form-control:focus{box-shadow: none;}
.contactus-form-area label span{color:red;}
.contactus-form-area label{color: #3D3D3D;font-weight:normal;font-size: 16px!important;}
.copyrights{background-color: #150958;color: #fff;}
.copyrights a{color: #fff;}
.copyrights a:hover{color:#fff;text-decoration: none;}
.knk-sidenav .nav-item .nav-link.active{color:#150958;background-color: #fff;border-left: 4px solid #150958;font-weight: bold;width:95%;}
.knk-sidenav li{margin-bottom:0px;}
.knk-menu .navbar{padding:0!important;}
.products-area img{border:2px solid #ccc;}
.sidenav-bottom{position:absolute;bottom:20px;width:85%;}
.modal-open {padding-right: 0 !important;}
button:focus{outline:none!important;}
.address span a{color:#212529;}
.address span a:hover{color:#212529;}

.form-group input {background-color: #f1f1f1;border:1px solid #ccc;}
.form-group input:focus {background-color: #fff;border:1px solid #ccc;}
.form-group textarea {background-color: #f1f1f1;border:1px solid #ccc;}
.form-group textarea:focus {background-color: #fff;border:1px solid #ccc;}
/* New */







.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
    height: 100vh;
}

.slide1 {width: 100%; overflow: hidden; height: 100vh; background-color:#f0f0f0;
background-image:url(../images/slider1.jpg);background-size:cover;background-position:bottom right;}
.slide1 h1 {margin:50px 0 0 100px; color:#150958; font-size:30px;}
.slide1 h2 {margin:0 0 0 100px; color:#150958; font-size:60px;font-weight:bold;}


.slide2 {width: 100%; overflow: hidden; height: 100vh; background-color:#f5e6dc;
background-image:url(../images/slider2.jpg);background-size:cover;background-position:bottom right;}
.slide2 h1 {margin:50px 0 0 100px; color:#150958; font-size:30px;}
.slide2 h2 {margin:0 0 0 100px; color:#150958; font-size:60px;font-weight:bold;}


.slide3 {width: 100%; overflow: hidden; height: 100vh; background-color:#f7eece;
background-image:url(../images/slider3.jpg);background-size:cover;background-position:bottom right;}
.slide3 h1 {margin:50px 0 0 100px; color:#150958; font-size:30px;}
.slide3 h2 {margin:0 0 0 100px; color:#150958; font-size:60px;font-weight:bold;}


.slide4 {width: 100%; overflow: hidden; height: 100vh; background-color:#fff;
background-image:url(../images/slider4.jpg);background-size:cover;background-position:bottom right;}
.slide4 h1 {margin:50px 0 0 100px; color:#150958; font-size:30px;}
.slide4 h2 {margin:0 0 0 100px; color:#150958; font-size:60px; font-weight:bold;}


.slide5 {width: 100%; overflow: hidden; height: 100vh; background-color:#201f1d;
background-image:url(../images/slider5.jpg);background-size:cover;background-position:bottom right;}
.slide5 h1 {margin:50px 0 0 100px; color:#fff; font-size:30px;}
.slide5 h2 {margin:0 0 0 100px; color:#fff; font-size:60px; font-weight:bold;}


.slide6 {width: 100%; overflow: hidden; height: 100vh; background-color:#e0e3dd;
background-image:url(../images/slider6.jpg);background-size:cover;background-position:bottom right;}
.slide6 h1 {margin:50px 0 0 100px; color:#150958; font-size:30px;}
.slide6 h2 {margin:0 0 0 100px; color:#150958; font-size:60px; font-weight:bold;}


.slide7 {width: 100%; overflow: hidden; height: 100vh; background-color:#e0e3dd;
background-image:url(../images/slider7.jpg);background-size:cover;background-position:bottom right;}
.slide7 h1 {margin:50px 0 0 100px; color:#150958; font-size:30px;}
.slide7 h2 {margin:0 0 0 100px; color:#150958; font-size:60px; font-weight:bold;}


.slide8 {width: 100%; overflow: hidden; height: 100vh; background-color:#abb0b6;
background-image:url(../images/slider8.jpg);background-size:cover;background-position:bottom right;}
.slide8 h1 {margin:50px 0 0 100px; color:#150958; font-size:30px;}
.slide8 h2 {margin:0 0 0 100px; color:#150958; font-size:60px; font-weight:bold;}


.slide9 {width: 100%; overflow: hidden; height: 100vh; background-color:#585c67;
background-image:url(../images/slider9.jpg);background-size:cover;background-position:bottom right;}
.slide9 h1 {margin:50px 0 0 100px; color:#150958; font-size:30px;}
.slide9 h2 {margin:0 0 0 100px; color:#150958; font-size:60px; font-weight:bold;}


.slide10 {width: 100%; overflow: hidden; height: 100vh; background-color:#335e74;
background-image:url(../images/slider10.jpg);background-size:cover;background-position:bottom right;}
.slide10 h1 {margin:50px 0 0 100px; color:#fff; font-size:30px;}
.slide10 h2 {margin:0 0 0 100px; color:#fff; font-size:60px; font-weight:bold;}


.slide11 {width: 100%; overflow: hidden; height: 100vh; background-color:#335e74;
background-image:url(../images/slider11.jpg);background-size:cover;background-position:bottom right;}
.slide11 h1 {margin:50px 0 0 100px; color:#fff; font-size:30px;}
.slide11 h2 {margin:0 0 0 100px; color:#fff; font-size:60px; font-weight:bold;}

.slide12 {width: 100%; overflow: hidden; height: 100vh; background-color:#0352a5;
background-image:url(../images/slider12.jpg);background-size:cover;background-position:bottom right;}
.slide12 h1 {margin:50px 0 0 100px; color:#fff; font-size:30px;}
.slide12 h2 {margin:0 0 0 100px; color:#fff; font-size:60px; font-weight:bold;}

.logo_width {max-width:80%;height: auto;}
.address_li_padding1 {padding-top:0!important;}

#myVideo {
  width: 100%;
  height: 100%;
}

.about-round-logo {text-align:center;}
.about-round-logo img{width:180px; text-align:center;}

.contact_bg {background-image:url(../images/contact_bg.png);background-repeat:no-repeat;background-position:bottom right;}
.contact3rddiv {min-height:120px;}
.contact_container {padding-bottom:15px;}

.products-area a:hover {  opacity: 0.3;  transition: opacity 0.5s, background 0.5s;}
.transport_img {width:100%;}

.product_title {font-size:18px;font-weight:bold; padding-top:10px;color:#150958;}
.product_title a{color:#fff;text-decoration:none; padding:6px 10px;background-color:#150958;border-radius:8px; font-size:14px; margin-top:4px;}
.product_title a:hover{color:#fff;text-decoration:none;background-color:blue;}

.generalpro-area {overflow:hidden;background-repeat:no-repeat;background-size:cover;background-position:center;}
/* .generalpro-area img{width:100%; height:100% border:2px solid #ccc;} */
.generalpro-area a:hover {  opacity: 0.3;  transition: opacity 0.5s, background 0.5s;}

.germanpro-area {overflow:hidden;background-repeat:no-repeat;background-size:cover;background-position:top;}
.germanpro-area img{width:100%; height:100%; border:2px solid #ccc;}
.germanpro-area a:hover {  opacity: 0.3;  transition: opacity 0.5s, background 0.5s;}

/*.gallery-area {height:180px; overflow:hidden;background-repeat:no-repeat;background-size:cover;background-position:center;}
.gallery-area img{ width:100%  height:100% border:2px solid #ccc; line-height:180px;}
.gallery-area a:hover {  opacity: 0.3;  transition: opacity 0.5s, background 0.5s;}*/


@media (min-width:360px) and (max-width:575px) {
    
    
    
    
    
    
.slide1 {width: 100%; overflow: hidden; height: 100vh; background-color:#f0f0f0;
background-image:url(../images/slider1.jpg);background-size:cover;background-position:bottom right;}
.slide1 h1 {margin:80px 30px 0 30px; color:#150958; font-size:20px;}
.slide1 h2 {margin:0 30px 0 30px; color:#150958; font-size:40px;font-weight:bold;}


.slide2 {width: 100%; overflow: hidden; height: 100vh; background-color:#f5e6dc;
background-image:url(../images/slider2.jpg);background-size:cover;background-position:bottom right;}
.slide2 h1 {margin:80px 30px 0 30px; color:#150958; font-size:20px;}
.slide2 h2 {margin:0 30px 0 30px; color:#150958; font-size:40px;font-weight:bold;}


.slide3 {width: 100%; overflow: hidden; height: 100vh; background-color:#f7eece;
background-image:url(../images/slider3.jpg);background-size:cover;background-position:bottom right;}
.slide3 h1 {margin:80px 30px 0 30px; color:#150958; font-size:20px;}
.slide3 h2 {margin:0 30px 0 30px; color:#150958; font-size:40px;font-weight:bold;}


.slide4 {width: 100%; overflow: hidden; height: 100vh; background-color:#fff;
background-image:url(../images/slider4.jpg);background-size:cover;background-position:bottom center;}
.slide4 h1 {margin:80px 30px 0 30px; color:#150958; font-size:20px;}
.slide4 h2 {margin:0 30px 0 30px; color:#150958; font-size:40px; font-weight:bold;}


.slide5 {width: 100%; overflow: hidden; height: 100vh; background-color:#201f1d;
background-image:url(../images/slider5.jpg);background-size:cover;background-position:bottom right;}
.slide5 h1 {margin:80px 30px 0 30px; color:#fff; font-size:20px;}
.slide5 h2 {margin:0 30px 0 30px; color:#fff; font-size:40px; font-weight:bold;}


.slide6 {width: 100%; overflow: hidden; height: 100vh; background-color:#e0e3dd;
background-image:url(../images/slider6.jpg);background-size:cover;background-position:bottom right;}
.slide6 h1 {margin:80px 30px 0 30px; color:#150958; font-size:20px;}
.slide6 h2 {margin:0 30px 0 30px; color:#150958; font-size:40px; font-weight:bold;}


.slide7 {width: 100%; overflow: hidden; height: 100vh; background-color:#e0e3dd;
background-image:url(../images/slider7.jpg);background-size:cover;background-position:bottom center;}
.slide7 h1 {margin:80px 30px 0 30px; color:#150958; font-size:20px;}
.slide7 h2 {margin:0 30px 0 30px; color:#150958; font-size:40px; font-weight:bold;}


.slide8 {width: 100%; overflow: hidden; height: 100vh; background-color:#abb0b6;
background-image:url(../images/slider8.jpg);background-size:cover;background-position:bottom right;}
.slide8 h1 {margin:80px 30px 0 30px; color:#150958; font-size:20px;}
.slide8 h2 {margin:0 30px 0 30px; color:#150958; font-size:40px; font-weight:bold;}


.slide9 {width: 100%; overflow: hidden; height: 100vh; background-color:#585c67;
background-image:url(../images/slider9.jpg);background-size:cover;background-position:bottom right;}
.slide9 h1 {margin:80px 30px 0 30px; color:#fff; font-size:20px;}
.slide9 h2 {margin:0 30px 0 30px; color:#fff; font-size:40px; font-weight:bold;}


.slide10 {width: 100%; overflow: hidden; height: 100vh; background-color:#335e74;
background-image:url(../images/slider10.jpg);background-size:cover;background-position:bottom right;}
.slide10 h1 {margin:80px 30px 0 30px; color:#fff; font-size:20px;}
.slide10 h2 {margin:0 30px 0 30px; color:#fff; font-size:40px; font-weight:bold;}


.slide11 {width: 100%; overflow: hidden; height: 100vh; background-color:#335e74;
background-image:url(../images/slider11.jpg);background-size:cover;background-position:bottom right;}
.slide11 h1 {margin:80px 30px 0 30px; color:#fff; font-size:20px;}
.slide11 h2 {margin:0 30px 0 30px; color:#fff; font-size:40px; font-weight:bold;}
    
}

.knk-about b {color:#150958;}
.about_family img {width:100%;}
.gallery-area {height:180px; overflow:hidden;background-repeat:no-repeat;background-size:cover;background-position:center;}
/* .gallery-area img{ width:100% height:100% border:2px solid #ccc; line-height:180px;} */
.gallery-area a:hover {  opacity: 0.3;  transition: opacity 0.5s, background 0.5s;}

/*.video-area {width:100%;}
.video-area video{ width:100% border:2px solid #ccc;}
.video-area a:hover {  opacity: 0.3;  transition: opacity 0.5s, background 0.5s;}*/

.video-area2 {width:300px!important; margin-right:20px; float:left; display:inline-block; overflow:hidden;}

.about_bottom_text {text-align:center;}
.about_bottom_text p {text-align:center;font-weight:normal;width:100%;padding:20px 0 10px 0;font-size:20px;color:#150958;font-style:italic;}

.staff_img {padding:10px 0;}
.staff_img img{width:100%;border-radius: 360px;border:1px solid #999;}
 
.flag {margin:0 auto;text-align:center;width:100%;padding-top:2px;}
.flag img{width:50px!important;border-radius:4px;border:1px solid #666;}
 
.spinner-wrapper {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #fff;
z-index: 999999;
}

 .spinner {
position: absolute;
top: 48%;
left: 48%;
}
 
 @media print {
    html, body {
        visibility:hidden;
    }
}

@media (min-width:360px) and (max-width:575px) {
    .staff_img {padding:30px 0 0 0; text-align:center;}
    .staff_img img{width:60%;}
}
.knk-media{
 background-color: #F9F9FF;
 height: 100vh;
}

.landingPage {
  height: 100vh;
  background-color: #150958;
}

.landingPage img {
  width: 280px;
}

.landingPageContenArea {
  display: flex;
  flex-wrap: nowrap; 
  justify-content: center;
  align-items: center;
  height: 100vh;
  flex-direction: column;
}

.landingPageContenArea img {
  padding-bottom: 25px;
}

.custom-button {
  border: 2px solid #fff;
  padding: 10px 35px;
  color: #150958;
  background: #fff;
  border-radius: 18px;
  transition: 0.3s;
  font-size: 18px;
  letter-spacing: 3px;
}

a.custom-button:hover {
  background-color: #150958;
  color: #fff;
  text-decoration: none;
  border: 2px solid #fff;
}