@charset "utf-8";
/* CSS Document */
html {
  scroll-behavior: smooth;
}
/* width */
::-webkit-scrollbar {
 width: 5px;
}

/* Track */
::-webkit-scrollbar-track {
 box-shadow: inset 0 0 5px grey;
 border-radius: 10px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
 background: #FAA519;
 border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
 background: #000;
}
body {
  background: #fff;
  font-family: 'Poppins', sans-serif;
  display: swap;
  font-size: 15px;
  color: #4e4e4e
}
p {
  line-height: 2;
  font-size: 15px;
  margin: 0 0 20px;
}
.fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  border-bottom: 1px solid #000;
  background: #fff;
}
.sticky {
  z-index: 3;
}
.clear-both {
  clear: both
}
/*start hover-effect*/
a {
  color: #3c3c3c;
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}
/*end hover-effect*/

.white,.white a{color: #fff;}
.yellow,.yellow a{color: #eb9728;}
.black,.black a,.blue a:hover,.yellow a:hover{color: #000;}
.blue{color: #072274;}
.white-bg{background: #fff;}
.light-gray{color: #a9a9a9;}
.font20{font-size: 20px;}
.font30{font-size: 30px;}
.font25{font-size: 25px;}
.font40{font-size: 40px;}
.margin-bottom20{margin-bottom: 20px;}
.margin-auto{margin: auto;}
.padding20{padding: 20px;}
.box-shadow{box-shadow: 0 0 6px #000;}
.hvr-bounce-to-right:before{background:#eb9728 ;border-radius: 30px;}
.hvr-shutter-out-horizontal:before{background: #fff;}

#button {
  display: inline-block;
  background: #fe9c13;
  width: 50px;
  height: 50px;
  text-align: center;
  border-radius: 50px;
  position: fixed;
  bottom: 30px;
  right: 30px;
  transition: background-color .3s, opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
  padding: 14px;
  color: #fff;
}
#button:hover {
  cursor: pointer;
  background: #fe9c13;
  box-shadow: 0px 0px 0px 10px rgb(253 157 20 / 30%);
}
#button:active {
  background-color: #555;
}
#button.show {
  opacity: 1;
  visibility: visible;
}

/****start top menu****/
.flex-right{display: flex; justify-content: right;}
.flex-center{display: flex;justify-content: center;}

 .search-wrap {
  padding: 10px 0;
  text-align: center;
}
.search-wrap input, .search-wrap button {
  border: 0;
  box-shadow: 0 0 6px #ccc;
}
.search-wrap input {
  padding: 5px 20px;
  background: #fff;
  border-radius: 3px 0 0 3px;
  width: 300px;
}
.search-wrap button {
  background: #eb9728;
  color: #fff;
  padding: 5px 10px;
  border-radius: 0 3px 3px 0;
}

.menu-wrap{background:url(../images/header-img.png) no-repeat top right #000;padding: 20px 0;}
.logo{height: 68px;width: 246px;}
.stellarnav.desktop li a:hover{ color:#FAA519 }
.stellarnav li.has-sub > a:hover:after{border-top: 6px solid #FAA519;}
.stellarnav.dark ul ul {background: #fff;box-shadow: 0 0 6px #000;}
.stellarnav.dark ul ul.submenu-2-wrap .scroll{    height: 551px; overflow-y: hidden;}
.stellarnav li.has-sub ul li.submenu-2{padding: 5px;}
.stellarnav li a.menu-title{color: #000!important;}
.stellarnav.dark li ul li a {color: #4e4e4e;}
.stellarnav.desktop li.has-sub ul li a:hover{color: #eb9728;background: transparent; }
.stellarnav li ul {border-bottom: 3px solid #FAA519;}
.stellarnav.mobile.dark ul ul li a{}
.stellarnav.dark ul a:hover{}
.stellarnav.mobile.dark ul a:hover{color: #eb9728;}
.stellarnav.mobile.dark ul{background: #000;}
.stellarnav>ul{margin: 20px 0 0;}

.side-menu{background: #222;padding: 0;}
.side-menu .sidemenu1{text-align: center;padding: 10px 0;}
.side-menu .sidemenu1:hover{background: #666;}
.side-menu .sidemenu1 a:hover{color: #fff!important;}
.side-menu .sidemenu1 img{margin: auto;}
.product-menu-wrap{position: relative;}
.product-menu{    background: #ddd;
    padding: 7px!important;
    }
/***end top menu***/

/****start slideshow***/
.carousel{background: url(../images/slider-banner.jpg) no-repeat left center;}
.carousel-inner .item{}
.carousel .right .right-arrow, .carousel .left .left-arrow {
    top: 40%;
    position: absolute;
}
.carousel .left .left-arrow{left: 13%;}
.carousel .right .right-arrow{right: 13%;}
.carousel-control{width: 5%;}
.carousel-caption{right: 0; left: 10%;width: 50%;text-align: left;    bottom: 15%;}

.content-title{
  font-size: 25px;
  line-height: 1.2; 
  margin: 10px 0;
  position: relative;
  top: 180px; }

.slider-content{font-size: 20px; padding-top: 20px;}
.slider-content a{border: 3px solid #eb9728; padding: 10px 20px;
    border-radius: 30px;}
.slider-content a:hover{ border-radius: 30px;}

/***end slideshow***/

@media only screen and (max-width:1024px) {
.stellarnav > ul > li > a {
    padding: 0 15px 0 0;
}
.content-title{top: 120px;}
}