body{
	font-family: Montserrat;
}
body a:hover{
    text-decoration: none;
}
body li a{
    font-size: 14px;
}
header {
    background: #fff;
    position: fixed;
    width: 100%;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    z-index: 99999999999;
}
.top-header a:hover {
    color: #149c46;
}

.social i:hover {
    color: #149c46;
    background: #149c46;
    padding: 6px 8px;
}
/*.social i{

     position: relative;
  animation-name: example;
  animation-duration: 4s;
}
@keyframes example {
  0%   {background-color:red; left:0px; top:0px;}
  25%  {background-color:red; left:0px; top:0px;}
  50%  {background-color:red; left:0px; top:100px;}
  75%  {background-color:red; left:0px; top:100px;}
  100% {background-color:red; left:0px; top:0px;}
}*/
.top-header {
    background-color: #e5192a;
    padding: 0 0;
    transition: .3s ease-in-out;
    height: 39px;
}
.top-header ul li {
    display: inline-block;
    margin-right: 35px;
    line-height: 2.3;
    color: #fff;
}
.top-header ul li a {
    color: #fff;
    font-weight: 500;
    font-size: 15px;
}
.top-header a{
    text-decoration: none;
}
.top-header ul li a i {
    font-size: 16px;
    text-align: center;
    line-height: 25px;
    width: 20px;
    margin-right: 5px;
    top: 1px;
    position: relative;
}
.top-header ul li a i {
    font-size: 16px;
    text-align: center;
    line-height: 0;
    width: 129px;
    margin-right: -7px;
    top: 7px;
    position: relative;
}
.top-header .social {
    text-align: right;
}
.top-header .social a {
    color: #2d2a3b;
    cursor: pointer;
    display: inline-block;
    margin-left: 9px;
    padding: 8px 0;
    text-align: center;
    text-decoration: none;
    transition: all .4s ease 0s;
}
.top-header .social i {
    transition: all .4s ease 0s;
    color: #fff;
}
.logo img {
    width: 100px;
    vertical-align: middle;
    padding: 10px 0;
}
.sticky {
    /* animation: slide-down 0.5s; */
    top: 0;
    width: 100%;
    background: #000;
    height: auto;
}
ul {
    margin: 0;
    padding: 0;
}
nav#cssmenu {
    float: right;
}
.main-menu li a {
    color: #000;
}
.main-menu ul li {
    display: inline-block;
    font-size: 14px;
    margin-left: 45px;
}
#cssmenu ul li > a{
        line-height: 86px;

    }
    #cssmenu, #cssmenu ul, #cssmenu ul li, #cssmenu ul li a, #cssmenu #head-mobile{
        line-height: 84px;
    }

  @keyframes slide-down {
    0% {
        opacity: 1;
        transform: translateY(-100%);
    } 
    100% {
        opacity: 1;
        transform: translateY(0);
    } 
}
nav{position:relative;}
.main-menu {
    position: relative;
    z-index: 9;
    text-align: right;
}
header .button {
    display: none;
    padding: 15px;
    color: #fff;
}
.main-menu .nav-ul {
	margin-bottom:0; 
	padding-left: 0;
}


header.sticky li a{
    color: #000;
}

header.sticky {
    background-color: #fff;
    
    
}
    } 

    {
        padding-top: 70px !important;
        li}

        {
            line-height: 25px !important;
        }
    }
}

.nav-ul {
    width:0px !important;
    /*    display: block !important;*/
    padding: 0 0 20px !important;
    background: #000000 !important;
    position: fixed !important;
    right: 0px !important;
    height: 100vh;
    @include transition();
}
.nav-ul  .submenu-button{
    opacity: 0;
}

.nav-ul.open {
    right: 0px !important;
    width: 300px !important;
    @include transition();
    top: 0;
    height: 100%;
    z-index: 999;
}
.nav-ul.open  .submenu-button{
    opacity: 1;
    transition: 0.3s ease-in-out;
}




/*--------------------------------menu----------------------*/


nav{position:relative;}
.main-menu {
    position: relative;
    z-index: 9;
    text-align: right;
}
header .button {
    display: none;
    padding: 15px;
    color: #fff;
}
.main-menu .nav-ul {
	margin-bottom:0; 
	padding-left: 0;
}
#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a,#cssmenu #head-mobile{border:0;list-style:none; line-height: 89px;/* display:block; */position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding: 0;}
#cssmenu:after,#cssmenu > ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
#cssmenu #head-mobile{display:none}
#cssmenu > ul > li {
    display: inline-block;
    margin: 0;
    margin-right: 30px;
    vertical-align: middle;
}
#cssmenu ul li:last-child {
    margin-right: 0px;
}
#cssmenu ul li > a {
    font-size: 14px;
    text-decoration: none;
    color: $white;
    text-transform: capitalize;
    @include transition();
    padding: 0;
    display: inline-block;
    font-weight: normal;
}
#cssmenu ul li:hover > a, #cssmenu ul li.active a {
    color: $color-red;
    background: transparent;
}
#cssmenu ul li.has-sub > a{/* padding-right:0px */}
#cssmenu ul li.has-sub > a:after{position:absolute;top:22px;right:11px;width:8px;height:2px;display:block;background:#ddd;content:''; display: none;}
#cssmenu ul li.has-sub > a:before{position:absolute;top:19px;right:14px;display:block;width:2px;height:8px;background:#ddd;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease;display: none;}
#cssmenu ul li.has-sub:hover > a:before{top:23px;height:0}
#cssmenu ul ul{position:absolute;left:-9999px;background: $white;padding: 10px 0px;border-top: 2px solid $color-red;}
#cssmenu ul ul li{margin: 0;text-align: left;}
#cssmenu ul ul li:hover{}
#cssmenu li:hover > ul {
    left: auto;
    margin-top: 0px;
    box-shadow: 0px 12px 10px rgba(0, 0, 0, 0.22);
}
#cssmenu li:hover > ul > li{/* height: 40px; */margin: 0;}
#cssmenu ul ul ul{margin-left:100%;top:0px}
#cssmenu ul ul li a {
    padding: 5px 10px;
    min-width: 260px;
    width: 100%;
    font-size: 15px;
    text-decoration: none;
    color: $black;
    border: none;
    word-break: break-word;
    line-height: 25px !important;
    display: block;
    @include transition();
    text-transform: capitalize;
}
#cssmenu ul ul li:last-child > a,#cssmenu ul ul li.last-item > a{border-bottom:0}
#cssmenu ul ul li:hover > a, #cssmenu ul ul li a:hover {
    color: #ffffff;
    background: transparent;
    border: none;
    color: $color-red;
}

#cssmenu ul ul > li.has-sub:hover > a:before{top:17px;height:0}
#cssmenu ul ul li.has-sub:hover,#cssmenu ul li.has-sub ul li.has-sub ul li:hover{border:none;color: #fff;}
#cssmenu ul ul ul li.active a{border-left:1px solid #003471}
#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active> a{border-top:1px solid #003471}

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

.header_fixed .nav-ul {
    background: #01172e !important;
}
.header_fixed .button.button {
    top: 10px;
}

#cssmenu ul li > a {
    border: none;
}
#cssmenu ul li:hover > a, #cssmenu ul li.active a {
    color: #fff;
    @include transition();
    border: none;
}
.main-menu .nav-ul {
    padding-top: 150px !important;
}
.main-menu {
    float: right;
    border: none;
    padding: 0;
    text-align: left;
}

header.sticky{
    .main-menu .nav-ul {
        padding-top: 70px !important;
        li{
            line-height: 25px !important;
        }
    }
}

.nav-ul {
    width:0px !important;
    /*    display: block !important;*/
    padding: 0 0 20px !important;
    background: #000000 !important;
    position: fixed !important;
    right: 0px !important;
    height: 100vh;
    @include transition();
}
.nav-ul  .submenu-button{
    opacity: 0;
}

.nav-ul.open {
    right: 0px !important;
    width: 300px !important;
    @include transition();
    top: 0;
    height: 100%;
    z-index: 999;
}
.nav-ul.open  .submenu-button{
    opacity: 1;
    transition: 0.3s ease-in-out;
}

#cssmenu li:hover > ul{left:auto;border-top:none;}
#cssmenu ul li > a{padding: 7px 16px;}
nav{width:100%;}
#cssmenu{width:100%}
#cssmenu > ul {
    width: 100%;
    display: none;
    padding: 0 0 20px;
    overflow-y: scroll;
        top: 0;
}
#cssmenu ul li{width:100%;border-top:none;display: block;}
#cssmenu ul li:hover{background:transparent;}
#cssmenu ul ul li,#cssmenu li:hover > ul > li{height: auto;border-color:  #000;}
#cssmenu ul li a, #cssmenu ul ul li a {
    width: 100%;
    border-bottom: 0;
    line-height: 25px;
    font-size: 14px;
    color: #fff;
}
#cssmenu > ul > li {
    display: block;
    line-height: 40px;
    padding: 0;
}
#cssmenu ul ul li a{padding-left:16px}
#cssmenu ul ul li{background: $color-dark !important;}
/*#cssmenu ul ul li:hover{background:#363636!important}*/
#cssmenu ul ul ul li a{padding-left:35px}
#cssmenu ul ul li a{color: #fff;background:none;z-index: 9;line-height: 20px;border: none;}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li.active > a{color: #009fd9;}
#cssmenu ul ul, #cssmenu ul ul ul {
    position: relative;
    left: 0;
    width: 100%;
    margin: 0;
    text-align: left;
    border: none;
    padding: 0;
}
#cssmenu > ul > li.has-sub > a:after,#cssmenu > ul > li.has-sub > a:before,#cssmenu ul ul > li.has-sub > a:after,#cssmenu ul ul > li.has-sub > a:before{display:none}
#cssmenu #head-mobile {
    display: block;
    padding: 23px;
    color: #333;
    position: absolute;
    font-size: 12px;
    font-weight: 700;
    right: 0;
    text-align: left;
}
header .button.button {
    width: 60px;
    height: 35px;
    position: absolute;
    right: 0;
    top: 22px;
    background-color: #000;
    left: 0;
    cursor: pointer;
    z-index: 12399994;
    display: block;
    margin: 0 0 0 auto;
    background: $white;
    @include: ;
    transition(): ;
}

header .button:after {
    position: absolute;
    top: 20px;
    right: 13px;
    color: #fff;
    display: block;
    background-color: #fff;
    height: 2px;
    width: 35px;
    border-top: 2px solid $black;
    border-bottom: 2px solid $black;
    content: '';
}
header .button:before {
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
    position: absolute;
    top: 13px;
    right: 13px;
    display: block;
    height: 2px;
    color: #fff;
    width: 35px;
    background: #fff;
    content: '';
}

header .button.menu-opened:after{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;top: 21px;border:0;height:2px;/* width: 23px; */background: $black;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}
header .button.menu-opened:before{top: 21px;background: $black;/* width: 22px; */-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);}
#cssmenu .submenu-button{position:absolute;z-index:99;right:0;top: 1px;display:block;border-left: none;height: 40px;width: 40px;cursor:pointer;}
#cssmenu .submenu-button.submenu-opened{background: $color-dark;}
#cssmenu ul ul .submenu-button{height: 28px;width: 30px;}
#cssmenu .submenu-button:after{position:absolute;top: 19px;right: 12px;width: 14px;height:2px;display:block;background: #e8e8e8;content:'';}
#cssmenu ul ul .submenu-button:after{top: 13px;right:13px;}
#cssmenu .submenu-button.submenu-opened:after{background: #fff;}
#cssmenu .submenu-button:before{position:absolute;top: 13px;right: 18px;display:block;width:2px;height: 14px;background: #e8e8e8;content:'';}
#cssmenu ul ul .submenu-button:before{top: 10px;right:16px;}
#cssmenu .submenu-button.submenu-opened:before{display:none}
#cssmenu ul ul ul li.active a{border-left:none}
#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active > a{border-top:none}
#cssmenu > ul > li:hover, #cssmenu ul li.active:hover, #cssmenu ul li.active, #cssmenu ul li.has-sub.active:hover{border:none; }
}

#cssmenu ul li > a:hover {
    color: red;
}

/*--------------------------------menu end----------------------*/




.sidepanel  {
  width: 0;
  position: fixed;
  z-index: 1;
  height: 250px;
  top: 0;
  left: 0;
  background-color: #111;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
}

.sidepanel a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 25px;
  color: #818181;
  display: block;
  transition: 0.3s;
}

.sidepanel a:hover {
  color: #f1f1f1;
}

.sidepanel .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
}

.openbtn {
  font-size: 20px;
  cursor: pointer;
  background-color: #111;
  color: white;
  padding: 10px 15px;
  border: none;
}

.openbtn:hover {
  background-color:#444;
}
button.openbtn {
    display: none;
}



/*-----------home_banner-----------*/
section.banner {
    background-color: #e5e5e5;
}
.banner-image img {
    width: 100%;
}

.banner-heading h1 {
    font-size: 36px;
    font-weight: 600;
    padding: 53px 0;
}
section.banner {
    background-color: #e5e5e5;
    text-align: center;
    position: relative;
    top: 93px;
    margin-bottom: 166px;
}
/*-----------------home_banner_end-------------------------*/


/*----------------------new-products--------------------*/
section.New-products {
    text-align: center;
}

.box-products {
    box-shadow: 0 0 4px;
    background: #e5e5e5;
    margin-bottom: 30px;
}
.box-products img {
    width: 70%;
    padding: 20px;
}
.box-heading h4 {
    background: #fff;
    height: 50px;
    text-align: center;
    padding: 13px 0;
    color: #000;
    font-size: 18px;
}

.box-heading :hover {
    background-color: red;
    color: #fff;
}
.box-products:hover +.box-heading{
	background-color: red;
}
.box-heading a {
    text-decoration: none;
}
.products-heading h1 {
    margin-bottom: 50px;
    font-size: 42px;
    font-weight: 600;
}
section.New-products {
    text-align: center;
    margin-bottom: 90px;
}

/*----------------------new-products_end--------------------*/


/*----------------------About Us--------------------*/
section.About-Us {
    background-color: #edecec;
    padding-top: 20px;
    margin-bottom: 100px;
}
.About-image img {
    width: 100%;
}
.About-top-heading h1 {
    text-align: center;
    padding-bottom: 40px;
    font-size: 46px;
    font-weight: bold;
}
.About-heading h3 {
    font-weight: bold;
    font-size: 27px;
    padding-bottom: 20px;
}
.About-heading a {
    background: #149c46;
    color: #fff;
    margin-top: 20px;
    padding: 10px 40px;
}
.About-heading {
    margin-top: 70px;
}
.About-heading a:hover {
    color: #e5192a;
}

/*----------------------About Us_end--------------------*/



/*----------------------Products--------------------*/
.products-headin h1 {
    text-align: center;
    margin-bottom: 40px;
    font-weight: bold;
}
.owl-carousel .owl-item img {
    height: 299px;
    object-fit: contain;
}
/*.item {
    padding: 19px 36px;
    margin: 20px;
    background: #e5e5e5;
    align-items: center;
}*/
.features img {
    margin-bottom: 20px;
}
.features h3 {
    font-size: 16px;
    color: #000;
}
.features img {
    margin: 0 auto;
    padding: 25px 40px;
    background: #e5e5e5;
}
.Shiner {
    background: #fff;
    text-align: center;
}
.Shiner a h3 {
    background: #fff;
    margin: 0 27px;
    padding: 13px 0;
}
.owl-nav {
    position: absolute;
    top: -54px;
    right: 11px;
}
/*span {
    font-size: xx-large;
}*/
button {
    width: 28px;
}

.owl-nav :active {
    border: 2px solid red;
    padding: 5px 8px;
}
.item {
    box-shadow: 0 0 0px;
    margin: 3px;
}
.features {
    box-shadow: 0 0 3px;
}
button:focus-visible{
    border: 2px red;
}
.owl-nav :hover {
    border: 3px solid red;
    padding: 0 5px;
}
.Shiner a {
    text-decoration: none;
}
section.Products {
    margin-bottom: 70px;
}
.Shiner :hover {
    background: red;
    margin: 0;
    color: #fff;
}


/*----------------------Products_end--------------------*/



/*----------------------Testimonials--------------------*/
  
.Testimonials-heading h1 {
    text-align: center;
    color: #fff;s
    font-size: 46px;
    font-weight: bold;
}


.Testimonials {
    background-image: url(../image/testimonials.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

.Testimonials-heading {
    font-size: 19px;
    margin-top: 32px;
}
.testim {
    width: 100%;
    position: relative;
    top: 45%;
    -webkit-transform: translatey(-50%);
    -moz-transform: translatey(-50%);
    -ms-transform: translatey(-50%);
    -o-transform: translatey(-50%);
    transform: translatey(-50%);
}

.testim .wrap {
  position: relative;
  width: 100%;
  max-width: 1020px;
  padding: 40px 20px;
  margin: auto;
}

.testim .arrow {
  display: block;
  position: absolute;
  color: #333;
  cursor: pointer;
  font-size: 2em;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  padding: 5px;
  z-index: 22222222;
}

.testim .arrow:before {
  cursor: pointer;
}

.testim .arrow:hover {
  color: green;
}

.testim .arrow.left {
  left: 70px;
}

.testim .arrow.right {
  right: 70px;
}

.testim .dots {
  text-align: center;
  position: absolute;
  width: 100%;
  bottom: 60px;
  left: 0;
  display: block;
  z-index: 3333;
  height: 12px;
}

.testim .dots .dot {
    list-style-type: none;
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    display: none;
    border: 1px solid green;
    margin: 0 10px;
    cursor: pointer;
    -webkit-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    position: relative;
}

.testim .dots .dot.active,
.testim .dots .dot:hover {
  background: green;
  border-color: green;
}

.testim .dots .dot.active {
  -webkit-animation: testim-scale 0.5s ease-in-out forwards;
  -moz-animation: testim-scale 0.5s ease-in-out forwards;
  -ms-animation: testim-scale 0.5s ease-in-out forwards;
  -o-animation: testim-scale 0.5s ease-in-out forwards;
  animation: testim-scale 0.5s ease-in-out forwards;
}

.testim .cont {
  position: relative;
  overflow: hidden;
}

.testim .cont > div {
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  padding: 0 0 70px 0;
  opacity: 0;
}

.testim .cont > div.inactive {
  opacity: 1;
}

.testim .cont > div.active {
  position: relative;
  opacity: 1;
}

.testim .cont .img img {
  display: block;
  width: 100px;
  height: 100px;
  margin: auto;
  border-radius: 50%;
}

.testim .cont h2 {
    color: #fff;
    font-size: 18px;
    margin: 15px 0;
}

.testim .cont p {
    font-size: 16px;
    color: #fff;
    width: 70%;
    margin: auto;
}

.testim .cont div.active .img img {
  -webkit-animation: testim-show 0.5s ease-in-out forwards;
  -moz-animation: testim-show 0.5s ease-in-out forwards;
  -ms-animation: testim-show 0.5s ease-in-out forwards;
  -o-animation: testim-show 0.5s ease-in-out forwards;
  animation: testim-show 0.5s ease-in-out forwards;
}

.testim .cont div.active h2 {
  -webkit-animation: testim-content-in 0.4s ease-in-out forwards;
  -moz-animation: testim-content-in 0.4s ease-in-out forwards;
  -ms-animation: testim-content-in 0.4s ease-in-out forwards;
  -o-animation: testim-content-in 0.4s ease-in-out forwards;
  animation: testim-content-in 0.4s ease-in-out forwards;
}

.testim .cont div.active p {
  -webkit-animation: testim-content-in 0.5s ease-in-out forwards;
  -moz-animation: testim-content-in 0.5s ease-in-out forwards;
  -ms-animation: testim-content-in 0.5s ease-in-out forwards;
  -o-animation: testim-content-in 0.5s ease-in-out forwards;
  animation: testim-content-in 0.5s ease-in-out forwards;
}

.testim .cont div.inactive .img img {
  -webkit-animation: testim-hide 0.5s ease-in-out forwards;
  -moz-animation: testim-hide 0.5s ease-in-out forwards;
  -ms-animation: testim-hide 0.5s ease-in-out forwards;
  -o-animation: testim-hide 0.5s ease-in-out forwards;
  animation: testim-hide 0.5s ease-in-out forwards;
}

.testim .cont div.inactive h2 {
  -webkit-animation: testim-content-out 0.4s ease-in-out forwards;
  -moz-animation: testim-content-out 0.4s ease-in-out forwards;
  -ms-animation: testim-content-out 0.4s ease-in-out forwards;
  -o-animation: testim-content-out 0.4s ease-in-out forwards;
  animation: testim-content-out 0.4s ease-in-out forwards;
}

.testim .cont div.inactive p {
  -webkit-animation: testim-content-out 0.5s ease-in-out forwards;
  -moz-animation: testim-content-out 0.5s ease-in-out forwards;
  -ms-animation: testim-content-out 0.5s ease-in-out forwards;
  -o-animation: testim-content-out 0.5s ease-in-out forwards;
  animation: testim-content-out 0.5s ease-in-out forwards;
}

@-webkit-keyframes testim-scale {
  0% {
    -webkit-box-shadow: 0px 0px 0px 0px #eee;
    box-shadow: 0px 0px 0px 0px #eee;
  }

  35% {
    -webkit-box-shadow: 0px 0px 10px 5px #eee;
    box-shadow: 0px 0px 10px 5px #eee;
  }

  70% {
    -webkit-box-shadow: 0px 0px 10px 5px #ea830e;
    box-shadow: 0px 0px 10px 5px #ea830e;
  }

  100% {
    -webkit-box-shadow: 0px 0px 0px 0px #ea830e;
    box-shadow: 0px 0px 0px 0px #ea830e;
  }
}

@-moz-keyframes testim-scale {
  0% {
    -moz-box-shadow: 0px 0px 0px 0px #eee;
    box-shadow: 0px 0px 0px 0px #eee;
  }

  35% {
    -moz-box-shadow: 0px 0px 10px 5px #eee;
    box-shadow: 0px 0px 10px 5px #eee;
  }

  70% {
    -moz-box-shadow: 0px 0px 10px 5px #ea830e;
    box-shadow: 0px 0px 10px 5px #ea830e;
  }

  100% {
    -moz-box-shadow: 0px 0px 0px 0px #ea830e;
    box-shadow: 0px 0px 0px 0px #ea830e;
  }
}

@-ms-keyframes testim-scale {
  0% {
    -ms-box-shadow: 0px 0px 0px 0px #eee;
    box-shadow: 0px 0px 0px 0px #eee;
  }

  35% {
    -ms-box-shadow: 0px 0px 10px 5px #eee;
    box-shadow: 0px 0px 10px 5px #eee;
  }

  70% {
    -ms-box-shadow: 0px 0px 10px 5px #ea830e;
    box-shadow: 0px 0px 10px 5px #ea830e;
  }

  100% {
    -ms-box-shadow: 0px 0px 0px 0px #ea830e;
    box-shadow: 0px 0px 0px 0px #ea830e;
  }
}

@-o-keyframes testim-scale {
  0% {
    -o-box-shadow: 0px 0px 0px 0px #eee;
    box-shadow: 0px 0px 0px 0px #eee;
  }

  35% {
    -o-box-shadow: 0px 0px 10px 5px #eee;
    box-shadow: 0px 0px 10px 5px #eee;
  }

  70% {
    -o-box-shadow: 0px 0px 10px 5px #ea830e;
    box-shadow: 0px 0px 10px 5px #ea830e;
  }

  100% {
    -o-box-shadow: 0px 0px 0px 0px #ea830e;
    box-shadow: 0px 0px 0px 0px #ea830e;
  }
}

@keyframes testim-scale {
  0% {
    box-shadow: 0px 0px 0px 0px #eee;
  }

  35% {
    box-shadow: 0px 0px 10px 5px #eee;
  }

  70% {
    box-shadow: 0px 0px 10px 5px #ea830e;
  }

  100% {
    box-shadow: 0px 0px 0px 0px #ea830e;
  }
}

@-webkit-keyframes testim-content-in {
  from {
    opacity: 0;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }

  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@-moz-keyframes testim-content-in {
  from {
    opacity: 0;
    -moz-transform: translateY(100%);
    transform: translateY(100%);
  }

  to {
    opacity: 1;
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
}

@-ms-keyframes testim-content-in {
  from {
    opacity: 0;
    -ms-transform: translateY(100%);
    transform: translateY(100%);
  }

  to {
    opacity: 1;
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

@-o-keyframes testim-content-in {
  from {
    opacity: 0;
    -o-transform: translateY(100%);
    transform: translateY(100%);
  }

  to {
    opacity: 1;
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes testim-content-in {
  from {
    opacity: 0;
    transform: translateY(100%);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@-webkit-keyframes testim-content-out {
  from {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  to {
    opacity: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
}

@-moz-keyframes testim-content-out {
  from {
    opacity: 1;
    -moz-transform: translateY(0);
    transform: translateY(0);
  }

  to {
    opacity: 0;
    -moz-transform: translateY(-100%);
    transform: translateY(-100%);
  }
}

@-ms-keyframes testim-content-out {
  from {
    opacity: 1;
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  to {
    opacity: 0;
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
  }
}

@-o-keyframes testim-content-out {
  from {
    opacity: 1;
    -o-transform: translateY(0);
    transform: translateY(0);
  }

  to {
    opacity: 0;
    transform: translateY(-100%);
    transform: translateY(-100%);
  }
}

@keyframes testim-content-out {
  from {
    opacity: 1;
    transform: translateY(0);
  }

  to {
    opacity: 0;
    transform: translateY(-100%);
  }
}

@-webkit-keyframes testim-show {
  from {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }

  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@-moz-keyframes testim-show {
  from {
    opacity: 0;
    -moz-transform: scale(0);
    transform: scale(0);
  }

  to {
    opacity: 1;
    -moz-transform: scale(1);
    transform: scale(1);
  }
}

@-ms-keyframes testim-show {
  from {
    opacity: 0;
    -ms-transform: scale(0);
    transform: scale(0);
  }

  to {
    opacity: 1;
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

@-o-keyframes testim-show {
  from {
    opacity: 0;
    -o-transform: scale(0);
    transform: scale(0);
  }

  to {
    opacity: 1;
    -o-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes testim-show {
  from {
    opacity: 0;
    transform: scale(0);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}

@-webkit-keyframes testim-hide {
  from {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
}

@-moz-keyframes testim-hide {
  from {
    opacity: 1;
    -moz-transform: scale(1);
    transform: scale(1);
  }

  to {
    opacity: 0;
    -moz-transform: scale(0);
    transform: scale(0);
  }
}

@-ms-keyframes testim-hide {
  from {
    opacity: 1;
    -ms-transform: scale(1);
    transform: scale(1);
  }

  to {
    opacity: 0;
    -ms-transform: scale(0);
    transform: scale(0);
  }
}

@-o-keyframes testim-hide {
  from {
    opacity: 1;
    -o-transform: scale(1);
    transform: scale(1);
  }

  to {
    opacity: 0;
    -o-transform: scale(0);
    transform: scale(0);
  }
}

@keyframes testim-hide {
  from {
    opacity: 1;
    transform: scale(1);
  }

  to {
    opacity: 0;
    transform: scale(0);
  }
}

@media all and (max-width: 300px) {
  body {
    font-size: 14px;
  }
}

@media all and (max-width: 500px) {
  .testim .arrow {
    font-size: 1.5em;
  }

  .testim .cont div p {
    line-height: 25px;
  }
}
.img {
    margin-bottom: 30px;
}


/*----------------------Testimonials_end--------------------*/




/*-----------------------footer--------------------*/
.footer\=logo img {
    width: 27%;
    padding-bottom: 30px;
}

.footer\=logo ul li {
    display: block;
    padding: 10px;
    text-decoration: none;
}
.footer\=logo ul li {
    display: block;
    padding: 10px;
    text-decoration: none;
    color: #fff;
}
.footer\=logo i {
    padding: 0 5px;
}
.footer\=logo a {
    color: #fff;
    text-decoration: none;
    cursor: pointer;
}
.footer-menu ul li a {
    color: #fff;
    display: block;
    padding: 10px 0;
    font-size: 14px;
    text-decoration: none;
}
footer li a:hover {
    color: red;
}
footer {
    background: #000;
    padding: 50px 0;
}
.footer-Contact iframe {
    width: 100%;
    height: 300px;
}

/*-----------------------footer_end--------------------*/
body a:hover{
    opacity: 0.8;
}


/*-----------------------Media Queries--------------------*/
@media all and (max-width: 820px){
    
}

@media all and (max-width: 769px){
    .top-header .social {
    text-align: right;
    position: relative;
    top: 0px;
}
body a{
    font-size: 14px;
}
.banner-heading h1 {
    font-size: 26px;
    font-weight: 600;
    padding: 53px 0;
}
.products-heading h1 {
    margin-bottom: 50px;
    font-size: 36px;
    font-weight: bold;
}
.About-top-heading h1 {
    text-align: center;
    padding-bottom: 40px;
    font-size: 36px;
    font-weight: bold;
}
.top-header {
    background-color: #e5192a;
    padding: 0 0;
    transition: .3s ease-in-out;
    height: auto;
}
.About-heading {
    margin-top: 30px;
}
.About-heading h3 {
    font-weight: bold;
    font-size: 20px;
    padding-bottom: 20px;
}

.About-heading p {
    font-size: 12px;
}
}
@media all and (max-width: 540px){
header .button.button {
    width: 60px;
    height: 35px;
    position: absolute;
    right: 0;
    top: -60px;
    background-color: #000;
    left: 0;
    cursor: pointer;
    z-index: 12399994;
    display: block;
    margin: 0 0 0 auto;
    background: $white;
    @include: ;
    transition(): ;
}
.top-header .social {
    text-align: right;
    position: relative;
    top: -70px;
    display: none;
}
.top-header .social {
    text-align: right;
    position: relative;
    top: -33px;
}
}

@media all and (max-width: 500px){
    header .button.button {
    width: 60px;
    height: 35px;
    position: absolute;
    right: 0;
    top: -60px;
    background-color: #000;
    left: 0;
    cursor: pointer;
    z-index: 12399994;
    display: block;
    margin: 0 0 0 auto;
    background: $white;
    @include: ;
    transition(): ;
}
.top-header ul li {
    display: contents;
    margin-right: 35px;
    line-height: 2.3;
    color: #fff;
}
.top-header .social {
    text-align: right;
    position: relative;
    top: -31px;
}
.testim .arrow.right {
    right: 30px;
}
.testim .arrow.left {
    left: 30px;
}
.footer\=logo {
    text-align: center;
}
.footer-menu {
    text-align: center;
    margin: 69px 0px;
}
}


@media all and (max-width: 425px){
    .top-header .social {
    text-align: right;
    position: relative;
    top: -70px;
}

}




/*-----------------------Media Queries_end--------------------*/



/*-----------------------products_page--------------------*/


.products-banner {
    background-image: url(../image/PRODUCTS-banner-png.jpg);
    background-size: 100%;
    height: 490px;
    background-repeat: no-repeat;
    margin-bottom: 60px;
    background-position: left top;
    clip-path: polygon(51% 94%, 239% -18%, -115% 0);
}

section.products-Shiner {
    background: #edecec;
    padding: 50px 0;
    margin-bottom: 100px;
}

.products {
    background: #fff;
    padding: 39px;
    text-align: center;
}
.products-Shiner-heading h3 {
    font-size: 30px;
    font-weight: bold;
    padding-bottom: 20px;
}
.products-Shiner-heading p {
    font-size: 16px;
    padding-bottom: 20px;
}

.products-Shiner-heading {
    padding-top: 25px;
}

.Description-heading h1 {
    font-size: 46px;
    font-weight: 500;
    padding-bottom: 40px;
}
section.Description {
    margin-bottom: 100px;
}
section.products-page {
    margin-bottom: 100px;
}
.products-box-heading {
    background: #fff;
    padding: 0px 0;
    align-items: center;
    text-align: center;
}
.products-box-heading a h4 {
    font-size: 18px;
    color: #000;
    padding: 15px 0;
}
.products-box-heading:hover {
    background: #149c46;
    color: #fff;
    cursor: pointer;
}
.products-box-heading a h4:hover {
    color: #fff;
}






@media all and (max-width: 769px){
.products-banner {
    background-image: url(../image/PRODUCTS-banner-png.jpg);
    background-size: 100% 100%;
    height: 355px;
    background-repeat: no-repeat;
    margin-bottom: 40px;
}
}
@media all and (max-width: 500px){
.products-banner {
    background-image: url(../image/PRODUCTS-banner-png.jpg);
    background-size: contain;
    height: 250px;
    background-repeat: no-repeat;
    margin-bottom: 40px;
}
}
@media all and (max-width: 425px){
.products-banner {
    background-image: url(../image/PRODUCTS-banner-png.jpg);
    background-size: 100% 100%;
    height: 293px;
    background-repeat: no-repeat;
    margin-bottom: 30px;
}  
}
@media all and (max-width: 375px){
 .products-banner {
    background-image: url(../image/PRODUCTS-banner-png.jpg);
    background-size: 100% 100%;
    height: 231px;
    background-repeat: no-repeat;
    margin-bottom: 18px;
}
}
@media all and (max-width: 320px){
.products-banner {
    background-image: url(../image/PRODUCTS-banner-png.jpg);
    background-size: 100% 100%;
    height: 151px;
    background-repeat: no-repeat;
    margin-bottom: 18px;
}
}
@media only screen and (min-width:810px) and (max-width: 824px){
    .products-banner {
    background-image: url(../image/PRODUCTS-banner-png.jpg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    margin-bottom: 60px;
    background-position: left top;
    clip-path: polygon(51% 94%, 239% -18%, -115% 0);
}
}

@media only screen and (min-width:1920px) and (max-width: 2560px){
.products-banner {
    background-image: url(../image/PRODUCTS-banner-png.jpg);
    background-size: 100% 91%;
    height: 499px;
    background-repeat: no-repeat;
    margin-bottom: 60px;
    background-position: left top;
    clip-path: polygon(52% 96%, 199% -31%, -104% 0);
}
}
/*-----------------------products_page_end--------------------*/
/*-----------------------All_products_--------------------*/




.All-products-heading h1 {
    text-align: center;
    font-size: 46px;
    font-weight: bold;
    margin-bottom: 50px;
}
.All-products-box {
    text-align: center;
    padding: 15px;
    margin-bottom: 29px;
}

.All-products-box:hover {
    box-shadow: 0 3px 16px 0 rgb(0 0 0 / 11%);
}


.All-products-box h4 {
    margin: 0;
    padding-top: 20px;
    padding-bottom: 5px;
}
.All-products-box h4 {
    margin: 0;
    padding-top: 20px;
    padding-bottom: 5px;
    color: #000;
}
.All-products-box{
    text-decoration: none;
}
.All-products-box img {
    width: 100%;
}
.All-products-box h4 {
    margin: 0;
    padding-top: 20px;
    padding-bottom: 5px;
    color: #000;
    font-size: 20px;
}
section.All-products {
    margin-bottom: 90px;
}
 
 .input-error{
  outline: 1px solid red;
}
/*-----------------------All_products_end--------------------*/


/*-----------------------Contact_us--------------------*/


.Contact-banner{
    background-image: url(../image/Contact-banner.jpg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    margin-bottom: 100px;
}
.Contact-banner:before{
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #000;
    opacity: 0.7;
}
section.Contact-banner {
    margin-top: 20px;
    background-size: cover !important;
    position: relative;
    padding: 130px 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: left;
}
.Contact-heading h1 {
    font-size: 46px;
    font-weight: bold;
    color: #fff;
}
.Contact h2 {
    font-size: 36px;
    font-weight: bold;
    padding-bottom: 30px;
}
.Contact p {
    padding-bottom: 30px;
    font-size: 16px;
}

input.btn.btn-send {
    background-color: #149c46;
    color: #fff;
    border-radius: 40px;
    padding: 10px 30px;
    margin-top: 30px;
}
section.Contact-us {
    margin-bottom: 80px;
}
.Contact-map iframe {
    height: 565px;
    width: 100%;
}
/*-----------------------Contact_us_end--------------------*/
.About-banner p{
   color: #fff;
}
.About-banner{
    background-image: url(../image/About-banner.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    margin-bottom: 80px;
}
.About-banner h1 {
    color: #fff;
    font-size: 46px;
    font-weight: bold;
    margin-bottom: 30px;
}
.About-banner:before{
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #000;
    opacity: 0.7;
}

section.About-banner {
    margin-top: 20px;
    background-size: 100% 121%;
    position: relative;
    padding: 130px 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: left;
}
.From-our-heading h1 {
    font-size: 46px;
    font-weight: bold;
    margin-bottom: 30px;
}
section.From-Our-Blog p {
    margin-bottom: 30px;
}
.numbers-counter {
  padding: 80px 0;
}

.numbers-counter ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.numbers-counter ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  list-style: none;
  text-align: center;
}

.stat-number {
    color: #000;
    font-size: 90px;
    font-family: "FlamaSemicondensed Light", sans-serif;
    display: -webkit-box;
    font-weight: bold;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
section.About-numbers {
    background-color: #f5f5f6;
    margin-bottom: 80px;
}

@media screen and (max-width: 991px) {
  .numbers-counter ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: initial;
}
  .numbers-counter {
    text-align: center;
}
}

@media screen and (max-width: 768px) {
  .numbers-counter {
    padding: 0 0 80px 0;
  }
  .numbers-counter ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: initial;
}
  .number-inc {
    font-size: 70px;
  }
}

@media screen and (max-width: 912px){
    .numbers-list li {
    float: left;
    display: inline-block;
    padding: 14px;
    justify-content: space-between;
}
}
@media screen and (max-width: 540px){
    .numbers-counter ul {
    display: -webkit-box;
    display: -ms-flexbox;
    /* display: flex; */
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.numbers-list {
    margin: 0 auto;
    padding-left: 141px;
}
}
@media screen and (max-width: 425px) {
  .numbers-counter {
    padding: 30px 0;
  }
  .number-inc {
    font-size: 65px;
  }
  .numbers-list {
    margin: 0 auto;
    padding-left: 82px;
}
}
@media screen and (max-width: 768px){
 .numbers-list li {
    float: left;
    display: inline-block;
    padding: 14px;
    justify-content: space-between;
}
span.main-counter {
    font-size: 55px;
}
}
@media screen and (max-width: 375px) {
  .number-inc {
    font-size: 50px;
  }
   .numbers-list {
    margin: 0 auto;
    padding-left: 50px;
}
}
@media screen and (max-width: 390px){
    .numbers-list {
    margin: 0 auto;
    padding-left: 49px;
}
}
@media screen and (max-width: 280px){
.numbers-list {
    margin: 0 auto;
    padding-left: 9px;
}
}
@media screen and (max-width: 820px){
.numbers-counter ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;

}
.stat-number-label {
    color: #000;
    font-size: 20px;
    font-weight: bold;
    /*text-transform: uppercase;*/
}