*{margin:0;padding:0;outline:none;}
body{
  margin:0px;
  padding:0px;
  box-sizing:border-box;
  font-family: 'Poppins', sans-serif !important;
}


html{width:100%;height:100%;}
html,
body{height:100%;}
#wrapper .ht1{font-size:36px;margin:10px 0px;}
#wrapper .ht2{font-size:30px;margin:10px 0px;}
#wrapper .ht3{font-size:24px;margin:10px 0px;}
#wrapper .ht4{font-size:20px;margin:10px 0px;}
#wrapper .ht5{font-size:17px;margin:10px 0px;}
#wrapper .ht6{font-size:14px;margin:10px 0px;}
#wrapper a:focus,
#wrapper a:hover{text-decoration:none;}
.clear{margin:0px;padding:0px;clear:both;}
#wrapper p{font-size:15px;letter-spacing:0.6px;color:#333;}
#wrapper .t10{font-size: 10px;}
#wrapper .t11{font-size: 11px;}
#wrapper .t12{font-size: 12px;}
#wrapper .t13{font-size: 13px;}
#wrapper .t14{font-size: 14px;}
#wrapper .t15{font-size: 15px;}
#wrapper .t16{font-size: 16px;}
#wrapper .t17{font-size: 17px;}
#wrapper .t18{font-size: 18px;}
#wrapper .t20{font-size: 20px;}
#wrapper .t22{font-size: 22px;}
#wrapper .t24{font-size: 24px;}
#wrapper .t28{font-size: 28px;}
#wrapper .t30{font-size: 30px;}
#wrapper .t34{font-size: 34px;}
#wrapper .t36{font-size: 36px;}
#wrapper .t40{font-size: 40px;}
#wrapper .l10{line-height: 10px;}
#wrapper .l12{line-height: 12px;}
#wrapper .l14{line-height: 14px;}
#wrapper .l16{line-height: 16px;}
#wrapper .l18{line-height: 18px;}
#wrapper .l20{line-height: 20px;}
#wrapper .l24{line-height: 24px;}
#wrapper .l28{line-height: 28px;}
#wrapper .l30{line-height: 30px;}
#wrapper .l36{line-height: 36px;}
#wrapper .l40{line-height: 40px;}
#wrapper .btn.active.focus, 
#wrapper .btn.active:focus, 
#wrapper .btn.focus, 
#wrapper .btn:active.focus, 
#wrapper .btn:active:focus, 
#wrapper .btn:focus {
    outline: 0px auto -webkit-focus-ring-color;
    outline-offset: 0px;
}
#wrapper .marg0{
  margin: 0px;
}
#wrapper .margL{
  margin-left: 0px;
}
#wrapper .margR{
  margin-right: 0px;
}
#wrapper .margT{
  margin-top: 0px;
}
#wrapper .margB{
  margin-bottom: 0px;
}
#wrapper .padd0{
  padding: 0px;
}
#wrapper .paddL{
  padding-left: 0px;
}
#wrapper .paddR{
  padding-right: 0px;
}
#wrapper .paddT{
  padding-top: 0px;
}
#wrapper .paddB{
  padding-bottom: 0px;
}
#wrapper .paddTB10{
  padding-top: 10px;
  padding-bottom: 10px;
}
#wrapper .paddTB20{
  padding-top: 10px;
  padding-bottom: 20px;
}
#wrapper .paddTB30{
  padding-top: 30px;
  padding-bottom: 30px;
}
#wrapper .paddTB40{
  padding-top: 40px;
  padding-bottom: 40px;
}
#wrapper .padd10{
  padding: 10px;
}
#wrapper .padd20{
  padding: 20px;
}
#wrapper .padd30{
  padding: 30px;
}
#wrapper .padd40{
  padding: 40px;
}
#wrapper .padd50{
  padding: 50px;
}

#wrapper .textUpper{
  text-transform: uppercase;
}
.light{
  font-weight: 300;
}
.normal{
  font-weight: 400;
}
.bold{
  font-weight: 600;
}
.bolder{
  font-weight: 700;
}
#wrapper .bg-grey{
  background-color: #f6f6f6;
}
#wrapper .bg-grey2{
  background-color: #eee;
}
#wrapper .bg-grey3{
  background-color: #ddd;
}
#wrapper .bg-grey4{
  background-color: #ccc;
}
#wrapper .bg-white{
  background-color: #fff;
}
#wrapper .bg-yel{
  background-color: #ef6624;
}
#wrapper .bg-why{
  background-color: rgba(60, 58, 79, 1);
}
#wrapper .bg-green{
  background-color: #4caf50;
}
#wrapper .bg-darkgreen{
  background-color: #a78f2e;
}
#wrapper .white{
  color: #fff;
}
#wrapper .yel{
  color: #eea200;
}
#wrapper .why{
  color: rgba(60, 58, 79, 1);
}
#wrapper .grey{
  color: #999;
}
#wrapper .grey2{
  color: #777;
}
#wrapper .grey3{
  color: #666;
}
#wrapper .grey4{
  color: #444;
}
#wrapper .black{
  color: #000;
}
#wrapper .black2{
  color: #222;
}
#wrapper .black3{
  color: #333;
}
#wrapper .green{
  color: #4CAF50;
}
#wrapper .blue4{
  color: #587a95;
}
#wrapper .darkgreen{
  color: #a78f2e;
}
#wrapper .btn-darkgreen{
    color: #fff;
    background-color: #a78f2e;
    border-color: #a78f2e;
}
#wrapper .btn-darkgreen:hover{
    color: #fff;
    background-color: #a78f2e;
    border-color: #a78f2e;
}
#wrapper .btn-yel{
    color: #fff;
    background-color: #eea200;
    border-color: #eea200;
}
#wrapper .btn-yel:hover{
    color: #fff;
    background-color: #eea200;
    border-color: #eea200;
}
#wrapper .btn-why{
    color: #fff;
    background-color: rgba(60, 58, 79, 1);
    border-color: rgba(60, 58, 79, 1);
}
#wrapper .btn-why:hover{
    color: #fff;
    background-color: rgba(60, 58, 79, 0.77);
    border-color: rgba(60, 58, 79, 0.77);
}
#wrapper .btn-yel2{
    color: #ef6624;
    border-color: #ef6624;
}
#wrapper .btn-yel2:hover{
    color: #fff;
    background-color: #af8738;
    border-color: #af8738;
}
#wrapper .btn-why2{
    color: rgba(60, 58, 79, 1);
    border-color: rgba(60, 58, 79, 1);
}
#wrapper .btn-why2:hover{
    color: #fff;
    background-color: rgba(60, 58, 79, 0.77);
    border-color: rgba(60, 58, 79, 0.77);
}

#wrapper .btn-green{
    color: #79b530;
    border-color: #79b530;  
    transition: all 0.4s;
}
#wrapper .btn-green:hover{
    color: #fff;
    border-color: #79b530;  
    background-color: #79b530;
}
#wrapper .btn-red{
    color: #f44336;
    border-color: #f44336;  
    transition: all 0.4s;
}
#wrapper .btn-red:hover{
    color: #fff;
    border-color: #f44336;  
    background-color: #f44336;
}
#wrapper .btn-white{
    color: #b3b3b3;
    border-color: #b3b3b3;  
    transition: all 0.4s;
}
#wrapper .btn-white:hover{
    color: #444;
    border-color: #b3b3b3;  
    background-color: #b3b3b3;
}
#wrapper .heading{
  display: table;
  padding: 5px 10px;
  margin: auto;
  margin-bottom: 10px;
}
#wrapper .bgSect {
    position: absolute;
    top: 40px;
    left: 0;
    background: #eff3f5;
    height: 100%;
    width: 40%;
}
#wrapper .btn.focus, 
#wrapper .btn:focus {
    outline: 0;
    box-shadow: none;
}

#wrapper .margTop21{
  margin-top: 21px;
}
#wrapper .margTop31{
  margin-top: 31px;
}
#wrapper .margTop41{
  margin-top: 41px;
}
#wrapper .margTop51{
  margin-top: 51px;
}
#wrapper .margTop71{
  margin-top: 71px;
}
#wrapper .margTop101{
  margin-top: 101px;
}
#wrapper .auto{
  margin-left: auto;
  margin-right: auto;
  display: table;
}


#wrapper{
  margin: 0px;
  padding: 0px;
  display: block;
  position: relative;
}

.header_top{
  padding-top: 15px;
  padding-bottom: 15px;
  background-color: #fff;
}
#wrapper .logo{
  max-width: 230px;
  width: 100%;
  position: relative;
  display: block;
  margin: 0 15px 0 0;
  padding: 0;
}
.headinfo{
  float: right;
  display: flex;
}
.headinfo a{
  max-width: 340px;
  padding: 0 8px;
  margin: 0 !important;
}
.headinfo .icon{
  color: #eea541;
  font-size: 17px;
  padding-right: 10px;  
}
.headinfo span{
  display: table-cell;
  vertical-align: middle;  
}
.headinfo .smtit,
.headinfo .Dvtit{
  display: block;
}
.headinfo .smtit{
  font-size: 12px;
  color: #ccc;
  font-weight: 300;
}
.headinfo .Dvtit{
  font-size: 13px;
  color: #333;
  font-weight: 500;
}
.headinfo .socialLink{
  font-size: 15px;
}


#wrapper .menubar {
  background-color: #81b9e6 !important;
  box-shadow: 0px 4px 2px -3px #ccc;
  padding: 0;
}
#wrapper .menubar .navbar-nav{
  margin: auto;
  display: flex;
  width: 100%;
  text-align: center;
}
#wrapper .menubar .navbar-nav li{
-ms-flex-preferred-size: 0;
  flex-basis: 0;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;  
}
#wrapper .menubar .navbar-nav .nav-link{
  font-size: 15px;
  font-weight: 500;
  padding: 14px 3px;
  color: #000;
}
#wrapper .menubar .navbar-nav .nav-link:hover,
#wrapper .menubar .navbar-nav .active .nav-link{
  color: #fff;
  background-color: #73a5cf;
}
.dropdown-menu .show > .dropdown-toggle::after{
    transform: rotate(-90deg);
}
#wrapper .menubar .navbar-nav .dropdown-item{
  padding: 5px 15px;
  font-size: 15px;
}
#wrapper .menubar .navbar-nav .dropdown-item:hover{
  color: #eea200;
  background-color: transparent;
}



.searchPanel input{
  border-radius: 4px 0 0 4px;
}
.searchPanel .btn{
  border-radius: 0 4px 4px 0;
  color: #000000;
  background-color: #ddd;
  background-image: none;
  border-color: #cfd4da;  
}



#wrapper .sliderpanel{
  width: 100%;
  height: 75vh;
  position: relative;
  overflow: hidden;
}
#wrapper .sliderpanel .carousel-item{
  width: 100%;
  height: 75vh;
  background-size: cover;
  background-repeat: no-repeat;
}
#wrapper .sliderpanel .carousel-control-prev-icon{
  background-image: url('../images/right-arrow.svg');
  transform: rotate(180deg);  
}
#wrapper .sliderpanel .carousel-control-next-icon{
  background-image: url('../images/right-arrow.svg');
}
#wrapper .sliderpanel .carousel-control-next-icon, 
#wrapper .sliderpanel .carousel-control-prev-icon{
  width: 45px;
  height: 45px;
} 
#wrapper .sliderpanel .contentDiv{
  padding: 0 60px;
  margin: auto;
  display: table;
  position: absolute;
  top: 0;
  bottom: 0;
}
#wrapper .sliderpanel .contentDiv .htitle{
  font-weight: 700;
  color: #fff;
  font-weight: 30px;
}
#wrapper .sliderpanel .contentDiv .pdesc{
  font-weight: 400;
  color: #fff;
  font-weight: 20px;
}



#wrapper .heading{
  font-size: 24px;
  text-align: center;
  margin: 15px auto 20px;
}
.heading .smtit{
  display: block;
  color: #eea405;
  font-size: 17px;
  font-weight: 600;
  margin-bottom: 5px;
  text-transform: uppercase;
  position: relative;
}
.heading .smtit:before, 
.heading .smtit:after {
  width: 3.5em;
  content: '';
  clear: both;
  border-style: solid;
  border-width: 1px 0;
  display: inline-block;
  margin-bottom: 4px;
  border-color: #eea405;    
}
.heading .smtit:before{
  margin-right: 10px;
}
.heading .smtit:after{
  margin-left: 10px;
}

.sectionpanel{
  padding: 35px 0;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  overflow: hidden;
}
.sectionpanel:after {
    left: 0;
    right: 0;
    content: '';
    height: 50px;
    bottom: 100%;
    border-radius: 100%;
    background: rgba(0, 0, 0, 0.5);
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.15);
    position: absolute;
    z-index: 0;
}

.OurServicepanel{
  padding: 100px 0;
  position: relative;
}
.OurServicepanel .container{
  z-index: 1;
  position: relative;
}
.shadowDiv{
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 0;
  background: rgba(96, 92, 60, 0.88);
  background: -webkit-linear-gradient(to bottom, rgba(96, 92, 60, 0.88), rgb(60, 59, 63));
  background: linear-gradient(to bottom, rgba(96, 92, 60, 0.88), rgb(60, 59, 63));
}
.OurServicepanel .heading{
  color: #fff;
}
#wrapper .OurServicepanel p{
  color: #fff;
  font-size: 15px;
  font-weight: 300;
}

.productsPanel{
  padding: 50px 0 70px;
}
#wrapper .SlideThum .owl-nav{
    display: block !important;
}
.owl-carousel {
    margin: 0;
}
.owl-carousel .owl-nav [class*=owl-] {
  color: #ddd;
  font-size: 15px;
  width: 40px;
  height: 40px;
  background-color: #fff;
  line-height: 40px;
  top: 40%;
  border-radius: 50%;
  text-align: center;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  border: solid 1px #ddd;
}
.owl-carousel .owl-nav [class*=owl-]:hover {
  color: #fff;
  background-color: #eea405;
}
.owl-carousel .owl-prev,
.owl-carousel .owl-next {
    position: absolute;
    top: 10px;
    height: 30px;
    margin: auto !important;
}
#wrapper .owl-prev {
    left:-42px;
}
#wrapper .owl-next {
    right:-42px;
}

.owl-carousel .owl-dots {
    display: none !important;
}

.listproducts{
  text-align: center;
  margin: auto;
}
.listproducts .card{
  margin-bottom: 20px;
}
.listproducts .card-body{
  height: 360px;
  position: relative;
  overflow: hidden;
}
.listproducts .card-body img{
  max-width: 100%;
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.listproducts .card-footer h4{
  margin: 0;
  color: #333;
  font-size: 16px;
}
.listproducts li:hover .card-body{
  border: solid 1px #eea405;
}
.listproducts li:hover .card-footer{
  color: #000;
  background-color: #eea405;
}
.listproducts li:hover .card-footer h4{
  color: #000;
}


.ExperiencePanel{
  position: relative;
  text-align: center;
  background-color: #ddd;
}
.ExperiencePanel h3{
  font-weight: 700;
  font-size: 24px;
  color: #111;
  margin: 10px 0;
}
.ExperiencePanel h5{
  font-size: 17px;
  color: #666;
  font-weight: 400;
  margin: 10px 0;
}


.footerpanel{
  text-align: center;
  padding: 35px 0 10px;
  background-color: #333;
}
#wrapper .footNav{
  margin: auto;
  display: block;
  text-align: center;
}
#wrapper .footNav li{
  text-align: center;
  display: inline-block;
}
#wrapper .footNav a{
  font-size: 14px;
  color: #999;
}
#wrapper .footNav a:hover{
  color: #eea405;
}

.footerpanel .copyright{
  font-size: 13px;
  color: #888;
  margin: 5px auto 5px;
  text-align: center;
}
.footerpanel .copyright a{
  color: #ed6523;
  margin-left: 5px;
}
.footerpanel .copyright img{
  width: 24px;
  height: 24px;
  margin-top: -2px;
}

.OurClientsPanel{
  display: block;
}
.OurClientsPanel img{
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);  
}
.OurClientsPanel img:hover{
    -webkit-filter: grayscale(0);
    filter: grayscale(0);  
}


.breadcrumbpanel{
  border-bottom: solid 1px #ddd;
  background-color: #fff;
}
.breadcrumbpanel .breadcrumb{
  background-color: transparent;
  margin: 0;
}
.breadcrumbpanel li{
  font-size: 13px;
}


.aboutsPanel{
  padding-top: 10px;
}

.listser li{
  width: 50%;
  float: left;
  font-size: 15px;
  color: #333;
  padding: 5px 0;
  font-weight: 500;
  position: relative;
  display: flex;
}
.listser li:before {
  content: "\f192";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  color: #eea200;
  padding-right: 0.5em;
}

#wrapper .liveDemopanel .col-lg-6{
  margin-bottom: 30px;
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: #fff;
}
#wrapper .liveDemopanel .htitle{
  margin: 0;
  font-size: 15px;
  padding: 1px 10px;
  min-height: 39px;
}
#wrapper .liveDemopanel .embed-responsive{
}


.formboxpanel{
  max-width: 700px;
  width: 100%;
  padding: 30px 30px 30px;
  margin: auto;
  border-radius: 4px;
  border: solid 1px #ddd;
  background-color: #fff;
  margin-bottom: 20px;
}
.formbox label{
  color: #777;
  font-size: 14px;
}
.formbox .form-control{
  border: solid 1px #888;
}

.contactPanel{
  padding-top: 10px;
}
.contactPanel .contInfo{
  padding: 10px;
  border-radius: 4px;
  border: solid 1px #ddd;
  background-color: #fff;
  margin-bottom: 15px;
}
.contactPanel .col-lg-3,
.contactPanel .col-lg-4{
  padding: 0 5px; 
}
.contInfo h4{
  font-weight: 700;
  font-size: 17px;
}
.contInfo h5{
  font-size: 14px;
  color: #333;
  font-weight: 600;
}
.contInfo address{
  font-size: 12px;
  color: #000;
  font-weight: 500;
  margin: 0;
}

.listadd li{
  font-size: 17px;
  display: flex;
  padding: 5px 0;
}
.listadd li .fa{
  color: #777;
  text-align: right;
  padding-right: 15px;
}
.listadd a{
  color: #eea200;
  font-weight: 600;
}


.formContact{
  background-color: #fff;
}
.formContact .form-control{
  border: solid 1px #ddd;
  background-color: #ddd;
}


.listSerImg .imgbox{
  width: 100%;
  height: 360px;
  position: relative;
  text-align: center;
  margin: auto;
  background-color: #fff;
  border-radius: 4px;
  margin: 0 0 15px;
}
.listSerImg .imgbox img{
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  padding: 10px;
  max-width: 100%;
  max-height: 100%;
}


.listIMGGallery .imgbox{
  width: 100%;
  height: 360px;
  position: relative;
  text-align: center;
  margin: auto;
  background-color: rgba(255,255,255, 0.4);
  border-radius: 4px;
}
.listIMGGallery li:hover .imgbox{
  background-color: rgba(255,255,255, 1);
}
.listIMGGallery .imgbox img{
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  padding: 10px;
  max-width: 100%;
  max-height: 100%;
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}
.listIMGGallery li{
  padding:5px; 
}
.listIMGGallery li:hover img{
    -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
    filter: grayscale(0%);
    cursor: pointer;
}






.scrollToTop {
    width: 37px;
    height: 33px;
    line-height: 33px;
    text-align: center;
    background: rgba(0,0,0, 0.3);
    font-weight: bold;
    color: #fff;
    text-decoration: none;
    position: fixed;
    bottom: 50px;
    right: 7px;
    display: none;
    z-index: 999;
}
.scrollToTop:hover {
    background: #333;
    color: #fff;
}


.ThankYouPage{
  width: 100%;
  padding: 40px;
  max-width: 600px;
  min-height: 300px;
  background-color: #fff;
  border: solid 1px #ddd;
  text-align: center;
  position: fixed;
  top: -50px;
  right: 0;
  left: 0;
  bottom: 0;
  display: table;
  margin: auto;
}
#wrapper .ThankYouPage .htitle{
  margin: 10px 0 0 0;
  padding-top: 10px;
  color: #bbb;
  letter-spacing: 2px;
  font-size: 24px;
  position: relative;
  display: inline-block;
  width: 100%;
}
#wrapper .ThankYouPage .htitle:before{
  content: "";
  position: absolute;
  width: 90px;
  height: 2px;
  background-color: #18cc00;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
}
#wrapper .ThankYouPage .logo{
  margin: 0 auto 10px; 
  text-align: center;
  max-width: 360px;
}
#wrapper .ThankYouPage .iconCheck{
  width: 90px;
  height: 90px;
  padding: 20px;
  border: dashed 2px #19cc01;
  border-radius: 100%;
  margin: 25px 0;
}
#wrapper .ThankYouPage h4{
  color: #18cc00;
}



.error{
  color: red;
}


.prod-imgbox{
  height: 500px;
  position: relative;
  overflow: hidden;
}
.prod-imgbox img{
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 100%;
  width: auto;
}