@import url('https://fonts.googleapis.com/css2?family=Oswald&display=swap');
header {z-index:-1;}
header.banner {
	 
}
.navbar-brand span { font-size:1.8rem;
    color: #ef8400;
    display: inline-block;vertical-align: -8px;
 }
.navbar-expand-lg.navbar {position:fixed;width:100%;font-family: 'Oswald', sans-serif; box-shadow:0 -3px 3px #333;    box-shadow: 0 0 8px 2px #333;
    border-bottom: 4px solid #3044b2;}
.navbar-expand-lg.navbar.navbar-light {background: rgb(255,255,255);
background: linear-gradient(-180deg, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 100%);z-index:1;}
.navbar-expand-lg.navbar .navbar-nav .nav-item{font-size:18px;}
.navbar-expand-lg.navbar .navbar-nav .nav-item.active a{background: #3044b2; color:#fff;}
.navbar-expand-lg .navbar-nav .nav-link{ padding:1.5rem ; text-transform:uppercase;}
.navbar-expand-lg .navbar-nav .nav-link:hover{color:#fff;}
.fixed-header {position: fixed !Important; top: 0;bottom:inherit !Important;z-index: 2;transition: all 0.3s ease-in-out;}
.fixed-header.navbar-expand-lg .navbar-nav .nav-link{ padding:1rem 1.5rem;}
.fixed-header.navbar-expand-lg img{max-width:120px;transition: all 0.3s ease-in-out;}
header h1{color:#fff; font-size: 2rem;margin-top:10%; font-weight:normal;font-family: 'Oswald', sans-serif;color: #fafafa;text-shadow: 1px 1px 2px #111;}
header h1 span{color:#d26e84; font-weight:bold;}
header h2 {font-family: 'Oswald', sans-serif;}
.text-default-light {color:#d26e84 !important;}
.text-default {color:#0b419a !important;}
.text-primary {color:#ef8400 !important;}
a.text-primary:hover {color:#ef8400 !important;}
.bg-default {background-color:#0b419a !important;}
.bg-primary {background-color:#ef8400 !important;}
hr.new { border-color:#3044b2;}
.font-12 { font-size:12px;}

.product1{ background:url(../images/product1.jpg) no-repeat center center; min-height:200px;}
.product2{ background:url(../images/product2.jpg) no-repeat center center; min-height:200px;}
.product3{ background:url(../images/product3.jpg) no-repeat center center; min-height:200px;}
.product4{ background:url(../images/product4.jpg) no-repeat center center; min-height:200px;}
.product5{ background:url(../images/product5.jpg) no-repeat center center; min-height:200px;}
.product6{ background:url(../images/product6.jpg) no-repeat center center; min-height:200px;}
.product7{ background:url(../images/product7.jpg) no-repeat center center; min-height:200px;}
.product8{ background:url(../images/product8.jpg) no-repeat center center; min-height:200px;}
.product9{ background:url(../images/product9.jpg) no-repeat center center; min-height:200px;}
.product10{ background:url(../images/product10.jpg) no-repeat center center; min-height:200px;}

.cust-list {padding:0;display:block; list-style:none; text-align:left;}
.cust-list li { display:block; background:url(../images/list_icon.png) no-repeat left 10px; padding:4px 0 4px 30px; }
.cust-list li span {    display: block;
    font-size: 12px;
    color: #999;
    font-style: italic;}
.features .card-header .card-title	{text-align:center;position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    background:rgba(0,0,0,.5);    margin: 0;
    padding: 10px;
    color: #fff;}
section.home-about {position: relative; }
section.home-about .left_img { padding:4rem 0 4rem 1rem; position:relative;}
section.home-about .left_img:before, section.home-about .left_img:after  {
    content: "";
    border: solid #ff9d25;
    border-width: 8px 0 0 8px;
    position: absolute;
    top: 60px;
    left: 10px;
    width: 50px;
    height: 50px;
    z-index: 1;
}
section.home-about .left_img:after {    border-width: 0 8px 8px 0;
    top: inherit;
    left: inherit;
    right: -5px;
    bottom: 60px;}
section.home-about .right_block { padding-top:4rem}
section.home-about:before {content: "";
    background-color: #0b419ab3;
    width: 35%;
    height: 100%;
    position: absolute;}
section.home-about:after {  
  content: "";
    background: url(../images/header-bg.jpg) no-repeat center center;
    width: 35%;
    height: 100%;
    position: absolute;
    left: 0;
    z-index: -1;
    top: 0;
}
 
.title span{ color:#0b419a; font-weight:bold;border-bottom: 2px solid #ef8400;}
.title2 span{ color:#ef8400; font-weight:bold;border-bottom: 2px solid #ef8400;}
.min-h-300 {min-height:300px;}
.features .card-header { background-color:#ef8400;    position: relative;}
.features .card-header img {    max-height: 150px;}
.custom-list {    list-style: none;    padding: 0;}
.custom-list > li {position:relative;padding-left:20px;}
/*.custom-list > li:before {    content: "\2713";
    position: absolute;
    left: 0;
    color: #ef8400;}*/
.custom-list > li:before {
    content: "";
    position: absolute;
    left: 4px;
    background-color: #0b419a;
    z-index: 1;
    font-weight: bold;
    width: 4px;
    height: 4px;
    border-radius: 100%;
    top: 10px;
    }
	.custom-list > li:after {
    content: "";
    background-color: #fff;
    width: 12px;
    height: 12px;
    position: absolute;
    left: 0;
    top: 6px;
    z-index: 0;
    border-radius: 100%;
    border: 3px solid #ef8400;
}
.bg-gradient {background: rgb(126,35,83);
background: linear-gradient(-45deg, rgba(126,35,83,1) 0%, rgba(126,35,83,1) 48%, rgba(188,207,2,1) 100%);}
header.bg-img-black{    padding-top: 5rem;}
header.bg-img-black h1{    padding: 3rem 0; margin:0;}
.bg-img-black{    background: url(../images/bg-image-black.jpg) no-repeat center bottom; background-size: cover;}
.bg-light2 { background-color:#f2f2f2 !important;}
.btn-primary {background-color: #0b419a;border-color: #0b419a;}
.btn-primary:hover, .btn-primary:active, .btn-primary:focus  {background-color: #0b419a !important; border-color: #0b419a;}
.btn-info {background-color: #ef8400;border-color: #ef8400;}
.btn-info:hover, .btn-info:active, .btn-info:focus  {background-color: #ef8400 !important; border-color: #ef8400;}

    .distri-table-container {
      background: #f5f8fa;
	   border: 1px solid #dee2e6;
	    border-radius: 12px;
     
    }
    .distri-table-container .table-wrapper {
      width: 92%;
      margin: 35px auto;
      background: #fff;
      box-shadow: 0 2px 12px rgba(0,0,0,0.09);
     
      overflow-x: auto;
      padding: 10px 0;
	  
    }
    .distri-table-container table {
      width: 100%;
      border-collapse: collapse;
      border-radius: 12px;
      min-width: 630px;
      background: linear-gradient(90deg, #e5ecfa 60%, #fafdff 100%);
	
	
    }
    .distri-table-container th,
    .distri-table-container td {
      padding: 11px 16px;
      text-align: left;
      white-space: nowrap;
    }
    .distri-table-container th {
      background: #3044b2;
      color: #fff;
      font-weight: 600;
      letter-spacing: 1px;
    }
    .distri-table-container tr {
      border-bottom: 1px solid #e0e4ea;
    }
    .distri-table-container tr:last-child {
      border-bottom: none;
    }
    .distri-table-container tr:nth-child(even) {
      background: #f3f7fc;
    }
    /* Responsive styles */
    @media (max-width: 800px) {
		   .distri-table-container {
      background: none;
     
    }
	  .distri-table-container table {
		  min-width:100%;
		  background: none;
		  border:none;
	  }
      .distri-table-container .table-wrapper {
        padding: 0;
      }
      .distri-table-container table,
      .distri-table-container thead,
      .distri-table-container tbody,
      .distri-table-container th,
      .distri-table-container td,
      .distri-table-container tr {
        display: block;
        width: 100%;
      }
      .distri-table-container thead tr {
        display: none;
      }
      .distri-table-container tr {
        margin: 0 0 20px 0;
        border-radius: 8px;
        box-shadow: 0 1px 6px rgba(0,0,0,0.08);
        background: #e9f1fa;
        border: 1px solid #cfe0fa;
      }
      .distri-table-container td {
        border: none;
        padding: 10px 14px;
        text-align: left;
        background: none;
        position: relative;
      }
      .distri-table-container td::before {
        content: attr(data-label);
        font-weight: bold;
        color: #3044b2;
        display: block;
        margin-bottom: 5px;
        font-size: 1em;
      }
    }
.dist-list-grp .dist-header-title { color:#3044b2} 	

footer { background-color:#222222; color:#dedede;    border-top: 4px solid #555;}
footer h3 { color:#ef8400;}
footer h4 { color:#ef8400;}
footer .bot ul {display:inline-block; padding:0; margin:0;}
footer .bot ul li {display:inline-block; }
footer .bot ul li a{ color:#dedede; padding:0 15px;}
footer .footer_logo {max-width:200px;}
footer .social-inons ul  {
	margin: 0;
	padding:0;
}
footer .social-inons ul li {
 
  display: inline-block;
  border: 2px solid #3044b2;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  margin-right: 10px;
  background-color: #3044b2; }
  .social-inons ul li:last-child {
    margin-right: 0; }
  .social-inons ul li:hover {
    background-color: #3044b2; -webkit-transition: all ease 0.50s;
      transition: all ease 0.50s;}
  .social-inons ul li a {
    color: #fff;
    display: block;
    line-height: 24px;
    text-align: center; }
    .social-inons ul li a i {
      vertical-align: middle; }
 
/*bounce css*/
@-webkit-keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  60% {
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
  }
}
@-moz-keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  60% {
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
  }
}
@-ms-keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  60% {
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
  }
}
@keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  60% {
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
  }
}


.encircle {
  width: 60px;
  height: 60px;
  border-radius: 60px;
  border: dashed 2px #ef8400;
  /*position: fixed;
  bottom: 0;
  left: 50%;*/
  margin:20px auto;
  cursor:pointer;
}
.encircle span {}
.arrow {
    margin: 0 auto;
    font-size: 2rem;
    color: #ef8400;
    line-height: 60px;
}

.bounce {
  -webkit-animation: bounce 2s infinite;
  -moz-animation: bounce 2s infinite;
  -ms-animation: bounce 2s infinite;
  animation: bounce 2s infinite;
}
/* Sweep To Bottom */
.hvr-sweep-to-bottom {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-sweep-to-bottom:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #3044b2;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-sweep-to-bottom:hover, .hvr-sweep-to-bottom:focus, .hvr-sweep-to-bottom:active {
  color: white;
}
.hvr-sweep-to-bottom:hover:before, .hvr-sweep-to-bottom:focus:before, .hvr-sweep-to-bottom:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}
.hvr-float-shadow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-float-shadow:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 0;
  background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  /* W3C */
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform, opacity;
  transition-property: transform, opacity;
}
.hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
  /* move the element up by 5px */
}
.hvr-float-shadow:hover:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:active:before {
  opacity: 1;
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
  /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */
}
/* Ripple Out */
@-webkit-keyframes hvr-ripple-out {
  100% {
    top: -12px;
    right: -12px;
    bottom: -12px;
    left: -12px;
    opacity: 0;
  }
}
@keyframes hvr-ripple-out {
  100% {
    top: -12px;
    right: -12px;
    bottom: -12px;
    left: -12px;
    opacity: 0;
  }
}
.hvr-ripple-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
}
.hvr-ripple-out:before {
  content: '';
  position: absolute;
  border: #3044b2 solid 6px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-animation-duration: .5s;
  animation-duration: .5s;
  border-radius:50px;
}
.hvr-ripple-out:hover:before, .hvr-ripple-out:focus:before, .hvr-ripple-out:active:before {
  -webkit-animation-name: hvr-ripple-out;
  animation-name: hvr-ripple-out;
}

	  
	  
.floating-label-form-group {
    position: relative;
    margin-bottom: 0;
    padding-bottom: .5em;
    border-bottom: 1px solid #eee;
}

.floating-label-form-group input,
.floating-label-form-group select,
.floating-label-form-group textarea {
    /*z-index: 1;*/
    position: relative;
    padding-right: 0;
    padding-left: 0;
    border: 0;
    border-radius: 0;
    font-size: 1.5em;
    background: 0 0;
    box-shadow: none!important;
    resize: none;
	text-transform: capitalize;
}

.floating-label-form-group label {
    display: block;
    z-index: 0;
    position: relative;
    top: 2em;
    margin: 0;
    font-size: .85em;
    line-height: 1.764705882em;
    vertical-align: middle;
    vertical-align: baseline;
    opacity: 0;
    -webkit-transition: top .3s ease,opacity .3s ease;
    -moz-transition: top .3s ease,opacity .3s ease;
    -ms-transition: top .3s ease,opacity .3s ease;
    transition: top .3s ease,opacity .3s ease;
	text-align:left;
}

.floating-label-form-group::not(:first-child) {
    padding-left: 14px;
    border-left: 1px solid #eee;
}

.floating-label-form-group-with-value label {
    top: 0;
    opacity: 1;
	color: #ef8400;
}

.floating-label-form-group-with-focus label {
    color: #ef8400;
}

form .row:first-child .floating-label-form-group {
  /*  border-top: 1px solid #eee;*/
}
.no-focus:focus{outline: none !important;}


/* kl-slideshow div styles */
.kl-slideshow-inner {position: relative; z-index: 1; /* z-index: 100; */ }
.kl-slideshow-inner .container {z-index: 1;}
.kl-slideshow .bgback {background-size: cover; bottom: 0; left: 0; position: absolute; right: 0; top: 0; z-index: 0; }
.kl-slideshow {margin-bottom: 0; }
.kl-ios-selectors-block.bullets2 .item.selected::before, 
.kl-ios-selectors-block.bullets2 .item:hover:before {background-color: #000000;}
/* used in several sliders */
.zn-shadow-lifted {box-shadow: 0 40px 20px -25px rgba(0, 0, 0, 0.25);}

/* For elements that are positioned right under the header, a safe padding is added */
.kl-slideshow .kl-slideshow-safepadding {padding-top:35px; padding-bottom: 35px;}


/*#sparkles,
.th-sparkles {width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; overflow: hidden; display:none;}*/
#sparkles,
.th-sparkles { display:none;}
.th-sparkles-visible .th-sparkles {display: block;}
.th-sparkles > span {display: block; width: 15px; height: 15px; position: absolute;
background: -moz-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 60%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(255,255,255,1)), color-stop(60%,rgba(255,255,255,0)));
background: -webkit-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 60%);
background: -o-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 60%);
background: -ms-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 60%);
background: radial-gradient(ellipse at center,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 60%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 );}
.th-sparkles .shiny-spark1 { width:20px; height:20px; opacity:.4; }
.th-sparkles .shiny-spark2 { width:10px; height:10px; opacity:.7; }
.th-sparkles .shiny-spark3 { width:30px; height:30px; opacity:.1; }
.th-sparkles .shiny-spark4 { width:3px; height:3px; opacity:.9; }
.th-sparkles .shiny-spark5 { width:15px; height:15px; opacity:.3; }
.th-sparkles .shiny-spark6 { width:25px; height:25px; opacity:.5; }


.maskcontainer--mask3 {border-bottom: 0 !important; }
.kl-bottommask--mask3 {position: absolute; bottom: -9px; left: 0; width: 100%; height: 57px;z-index:1;overflow:hidden;}
.kl-bottommask--mask3 .svgmask {position: absolute; bottom:0; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); margin-bottom: -14px;}
.kl-bottommask--mask3 .fas {position: absolute; bottom: 10px; left: 50%; display: block; width: 30px; text-align: center; font-size: 30px; opacity: 0.2; height: 15px; top: auto; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); margin-left: 1px;}

.tag{background-color: #ef8400;padding: 2px 10px;position: absolute;top: 10px; left: -10px;color: #fff;    box-shadow: 0 2px 4px #333;
    font-weight: bold;}
.tag:before{content:"";width: 0;height: 0;border-top: 10px solid #3044b2;border-left: 10px solid #0000;position: absolute;bottom: -10px;left: 0;}
.tag:after{content:"";width: 0;height: 0;border-top: 15px solid #0000;border-left: 10px solid #ef8400;border-bottom: 15px solid #0000;position: absolute;right: -10px;top: 0;}

.address-icon {background-color: #3044b2;
    width: 40px;
    height: 40px;
    position: absolute;
    border-radius: 100%;
    text-align: center;
    line-height: 40px;
    color: #fff;
    left: -20px;
    top: 10px;}
/* Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) { 
header.banner {height:auto; background-position: center 0%;}
header.bg-img-black h1{    padding: 2rem 0; margin:0;}
header .navbar-expand-lg.navbar { position:fixed;}
.navbar-brand img { max-width:200px;}
.navbar-brand span	{font-size: 1rem;}
.navbar-expand-lg .navbar-nav .nav-link {
    padding: .5rem 0;    display: block;
}
.navbar-expand-lg.navbar .navbar-nav .nav-item.active a {
    display:block;
    padding-left: 1rem;
}
.navbar-nav {margin-top:.5rem; border-top:1px dashed #ccc;}
section.home-about:after { background:none;}
section.home-about .right_block {padding-top:0;
    padding-bottom: 2rem;
}
section.home-about .left_img {
    padding: 4rem 0 2rem 1rem;
}
section.home-about:before {content: "";
    background-color: #7e235366;
 }
}