body{ font-family: 'Conv_Industry-Demi';}



.about-us-2 {
  background: url(../images/about-bac.jpg) no-repeat;
  background-size: cover;
  padding: 6% 0;
}
.about-us-2 .main-about-1 h6 {
  font-family: "Josefin Sans", sans-serif;
  font-size: 39px;
  font-weight: 400;
  color: #000;
  margin: 0;
  text-transform: capitalize;
  text-align: left;
  font-style: italic;
  padding-bottom: 15px;
}
.about-us-2 .main-about-1 h5 {
  font-size: 59px;
  color: #000;
  margin: 0;
  text-transform: capitalize;
  font-family: 'Conv_Industry-Bold';
  background: #fff;
  width: 86%;
  height: 80px;
  line-height:80px;
  float: right;
  padding: 0 17px 0 27px;
}
.about-us-2 .main-about-1 p {
  font-family: "Josefin Sans", sans-serif;
  font-size: 20px;
  font-weight: 500;
  color: #151515;
  margin: 0;
  line-height: 40px;
  text-align: left;
  width: 100%;
  clear: both;
  padding: 25px 0 40px 0;
}
.about-us-2 a {
  width: 213px;
  height: 76px;
  line-height: 76px;
  background: #ff8c04;
  color: #000;
  text-align: center;
  display: block;
  font-family: "Josefin Sans", sans-serif;
  font-size: 20px;
  font-weight: 500;
  text-decoration: none;
  float: right;
  font-style: italic; transition:all 0.5s;
}
.about-us-2 a:hover {
  background:#000000;
  color: #fff;
}

.chose-top {
  text-align: center;
}
.chose-top h5 {
  font-size: 40px;
  font-weight: 900;
  color: #fff;
  padding: 15px 0;
  border-top: 1px solid #535050;
  border-bottom: 1px solid #535050;
  width: 30%;
  margin: 0 auto;
}
.chose-top p {
  font-family: "Josefin Sans", sans-serif;
  font-size: 23px;
  font-weight: 500;
  color: #b1b1b1;
  margin: 0;
  padding: 20px 0 30px 0;
}

.chose-us {
  background: url(../images/why-bac.jpg) no-repeat;
  background-size: cover;
  padding: 3% 0 5% 0;
}
.chose-us .main-chose {
  padding-top: 20%;
}
.chose-us .main-chose .d-flex .flex-shrink-0 {
  border: 1px dashed #b1b1b1;
  width: 84px;
  height: 84px;
  line-height: 84px;
  text-align: center;
  transition: 0.4s;
}
.chose-us .main-chose .d-flex h5 {
  font-family: 'Conv_Industry-Demi';
  font-size: 20px;
  color: #fff;
  text-transform: uppercase;
  margin: 0;
  padding-bottom: 10px;
  position: relative;
}
.chose-us .main-chose .d-flex h5::after {
  position: absolute;
  content: "";
  background: #b1b1b1;
  width: 17%;
  height: 3px;
  left: 0;
  bottom: 0;
}
.chose-us .main-chose .d-flex p {
  font-family: "Josefin Sans", sans-serif;
  font-size: 13px;
  font-weight: 300;
  color: #b1b1b1;
  margin: 0;
  padding-top: 10px;
  font-style: italic;
}
.chose-us .main-chose:hover .d-flex .flex-shrink-0 {
  border: 1px dashed #ff8c04;
}

.catgry {
  background: #000;
  padding-top: 3%;
}
.catgry .catgry-main {
  position: relative;
  padding: 3px;
}
.catgry .catgry-main .catgry-img {
  overflow: hidden;
}
.catgry .catgry-main .catgry-img img {
  transition: 1s;
}
.catgry .catgry-main .catgry-name h6 {
  font-family: 'Conv_Industry-Bold';
  font-size: 38px;
  font-weight: 700;
  color: #fff;
  background: #111111;
  margin: 0;
  padding: 20px 15px;
}
.catgry .catgry-main .catgry-icon {
  width: 120px;
  height: 120px;
  line-height: 120px;
  text-align: center;
  background: #fff;
  border-radius: 60px;
  position: absolute;
  right: 8%;
  bottom: 7%;
  transition: 1s;
}
.catgry .catgry-main .catgry-icon img {
  transition: 1s;
}
.catgry .catgry-main:hover .catgry-icon {
  background: #ff8c04;
}
.catgry .catgry-main:hover .catgry-icon img {
  filter: brightness(0) invert(1);
  transform: rotate(360deg);
}
.catgry .catgry-main:hover .catgry-img img {
  transform: scale(1.05);
}

.catalog .main-catalog {
  background: url(../images/smart-bg.jpg) no-repeat;
  background-size: cover;
  padding: 70px 0px 100px 53px;
}
.catalog .main-catalog .catalog-text h5 {
	font-family: 'Conv_Industry-Bold';
  font-size: 35px;
  font-weight: 500;
  color: #000;
  margin: 0;
}
.catalog .main-catalog .catalog-btn {
  padding-top: 7%;
}
.catalog .main-catalog .catalog-btn ul {
  padding: 0;
  margin: 0;
}
.catalog .main-catalog .catalog-btn ul li {
  display: inline-block;
  padding-right: 10px;
}
.catalog .main-catalog .catalog-btn ul li a {
  text-align: center;
  border: 1px solid #000;
  color: #000;
  font-family: "Josefin Sans", sans-serif;
  font-size: 17px;
  font-weight: 400;
  padding: 10px 10px;
}
.catalog .main-catalog .catalog-btn ul li a:hover {
  background: #ff8c04;
  color: #000;
  border: 1px solid #ff8c04;
}

footer .last-footer {
  background: url(../images/foter-bg.jpg) no-repeat;
  background-size: cover;
  padding: 218px 0 40px 0;
}
footer .last-footer .news h6 {
  font-family: 'Conv_Industry-Demi';
  font-size: 30px;
  font-weight: 500;
  color: #ff8c04;
  margin: 0;
  letter-spacing: 1px;
  border-bottom: 1px solid #464646;
  width: 75%;
  padding-bottom: 15px;
}
footer .last-footer .news p {
  font-family: "Josefin Sans", sans-serif;
  font-size: 25px;
  font-weight: 300;
  color: #c8c8c8;
  margin: 0;
  padding-top: 15px;
}
footer .last-footer .search h6 {
  font-size: 25px;
  font-family: 'Conv_Industry-Demi';
  color: #ff8c04;
  margin: 0;
  text-transform: uppercase;
  padding-bottom: 15px;
}
footer .last-footer .search form {
  position: relative;
}
footer .last-footer .search form input {
  width: 451px;
  height: 58px;
  line-height: 58px;
  background: #fff;
  outline: none;
  border: none;
  font-family: "Josefin Sans", sans-serif;
  font-size: 17px;
  font-weight: 300;
  color: #b1b1b1;
  border-radius: 10px;
  padding-left: 15px;
}
footer .last-footer .search form input::-moz-placeholder {
  color: #b1b1b1;
}
footer .last-footer .search form input:-ms-input-placeholder {
  color: #b1b1b1;
}
footer .last-footer .search form input::placeholder {
  color: #b1b1b1;
}
footer .last-footer .search form button {
  width: 121px;
  height: 50px;
  line-height: 50px;
  background: #ff8c04;
  color: #000;
  outline: none;
  border: none;
  font-family: "Josefin Sans", sans-serif;
  font-size: 16px;
  font-weight: 400;
  border-radius: 10px;
  position: absolute;
  right: 30%;
  bottom: 6%;
  transition: 0.4s;
}
footer .last-footer .search form button:hover {
  background: #ff8c04;
  color: #fff;
}
footer .last-footer .last-icon {
  text-align: center;
  padding: 130px 0 40px 0;
  border-bottom: 1px solid #1a1a1a;
}
footer .last-footer .last-icon ul {
  padding: 0;
  margin: 0;
}
footer .last-footer .last-icon ul li {
  display: inline-block;
}
footer .last-footer .last-icon ul li a {
  font-size: 20px;
  color: #fff;
  width: 62px;
  height: 62px;
  line-height: 62px;
  text-align: center;
  background: #1a1a1a;
  display: block;
  border-radius: 31px;
}
footer .last-footer .last-icon ul li:hover:nth-of-type(1) a {
  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
  color: #fff;
}
footer .last-footer .last-icon ul li:hover:nth-of-type(2) a {
  background: #3b5998;
  color: #fff;
}
footer .last-footer .last-icon ul li:hover:nth-of-type(3) a {
  background: #3AC371;
  color: #fff;
}
footer .last-footer .last-menu {
  padding-top: 40px;
}
footer .last-footer .last-menu .last-text h6 {
  font-family: 'Conv_Industry-Demi';
  font-size: 20px;
  color: #fff;
  margin: 0;
  text-transform: uppercase;
  padding-bottom: 30px;
  position: relative;
}
footer .last-footer .last-menu .last-text h6::after {
  position: absolute;
  content: "";
  background: #ff8c04;
  width: 70px;
  height: 2px;
  left: 0;
  top: 35px;
}
footer .last-footer .last-menu .last-cntct .d-flex {
  padding: 0 0 15px 0;
}
footer .last-footer .last-menu .last-cntct .d-flex h5 {
  font-family: "Josefin Sans", sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #bababa;
  margin: 0;
}
footer .last-footer .last-menu .last-cntct .d-flex a {
  font-family: "Josefin Sans", sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #bababa;
}
footer .last-footer .last-menu .last-cntct .d-flex a:hover {
  color: #ff8c04;
}
footer .last-footer .last-menu .last-cntct .d-flex i {
  font-size: 16px;
  color: #bababa;
}
footer .last-footer .last-menu .last-info ul {
  padding: 0;
  margin: 0;
}
footer .last-footer .last-menu .last-info ul li {
  list-style-type: none;
}
footer .last-footer .last-menu .last-info ul li a {
  font-family: "Josefin Sans", sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #bababa;
  display: block;
  padding-bottom: 10px;
}
footer .last-footer .last-menu .last-info ul li a:hover {
  color: #ff8c04;
  transform: translate(5px);
}
footer .last-copy {
  background: #ff8c04;
  padding: 20px 0;
}
footer .last-copy .last-deg h6 {
  font-family: "Josefin Sans", sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: #000;
  margin: 0;
}
footer .last-copy .last-by {
  text-align: right;
}
footer .last-copy .last-by h6 {
  font-family: "Josefin Sans", sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: #000;
  margin: 0;
}
footer .last-copy .last-by h6 a {
  font-family: "Josefin Sans", sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: #000;
}
footer .last-copy .last-by h6 a:hover {
  color: #535050;
}

/* products-page-left-menu */
.left-widged-content {
  padding-top: 0px;
}

.left-widged-content .panel {
  background: none;
}

.left-widged-content .panel-heading a {
  text-transform: capitalize;
  line-height: 19px;
  text-decoration: none;
  padding: 13px 0px 18px 15px;
  background: none;
  display: block;
  color: #fff;
  font-size: 16px;
  font-weight: 300;
  transition: 0.5s all ease-in;
  background: rgba(255, 255, 255, 0.1);
  margin: 0 0 1px 0;
}

.left-widged-content .panel-heading a:hover {
  background: rgba(255, 255, 255, 0.5);
  color: #000;
  font-weight: 400;
  letter-spacing: 0.5px;
  transition: 0.2s all;
}

.left-widged-content .panel-heading a.collapsed span {
  transform: rotate(90deg);
  float: right;
  background: #bf922d;
  padding: 6px 6px;
}

.left-widged-content .panel-heading span {
  display: inline-block;
  margin-right: 0px;
  transform: rotate(45deg);
}

.left-widged-content .panel-default > .panel-heading {
  background: none;
  padding: 0px;
}

.left-widged-content .panel-default {
  border: none;
}

.left-widged-content .panel-group {
  margin-bottom: 0px;
}

.left-widged-content .panel-group .panel {
  border-radius: 0px;
}

.left-widged-content .panel-heading {
  border-radius: 0px;
}

.left-widged-content .panel-body {
  background: none;
  padding: 7px 20px;
  border-top-color: #d0d6d8 !important;
}

.left-widged-content .panel-body ul li {
  padding: 0px;
}

.left-widged-content .panel-body ul li a {
  text-decoration: none;
  padding: 4px 0px;
  border-bottom: 1px solid #d0d6d8;
  display: block;
  text-transform: capitalize;
  color: #1b1b1b;
  font-size: 12px;
  font-weight: 600;
  transition: 0.5s all ease-in;
}

.left-widged-content .panel-body ul li a:hover {
  color: #30a1a2;
  transition: 0.2s all;
}

.leftmenucategory {
  font-family: "Poppins", sans-serif;
  width: 100%;
  margin-top: 10px;
}

.leftmenucategory ul li {
  list-style-type: none;
  list-style-type: none;
  border-top: 1px solid #000;
}

.leftmenucategory ul li a {
  font-size: 20px;
  display: inline-block;
  padding: 8px 15px;
  width: 100%;
  font-weight: 400;
  background: transparent;
  color: #fff;
  transition: 0.45s;
  -webkit-transition: all 0.45s all;
}

.leftmenucategory button.accordion {
  color: #000;
  cursor: pointer;
  padding: 10px 0px;
  width: 100%;
  text-transform: uppercase;
  font-weight: 700;
  border: none;
  text-align: left;
  outline: none;
  font-size: 17px;
  transition: 0.4s;
  -webkit-transition: all 0.45s all;
  background: transparent !important;
  position: relative;
  margin: 0 0 0px 0px;
  text-transform: capitalize;
}

.leftmenucategory button.accordion:after {
  content: "+";
  color: #000;
  font-weight: normal;
  float: left;
  font-size: 25px;
  margin-left: 0px;
  line-height: 27px;
  transition: 0.4s;
  z-index: 99;
  position: relative;
}

.leftmenucategory button.accordion.active:after {
  content: "−";
}

.leftmenucategory div.panel {
  padding: 0 0px;
  font-size: 16px;
  color: #000;
  max-height: 0;
  overflow: hidden;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  border: 0px;
  transition: max-height 0.2s ease-out;
  -webkit-transition: max-height 0.2s ease-out;
  margin-bottom: 0px;
}

.leftmenucategory div.panel p {
  font-size: 17px;
  padding: 6px 14px;
  font-weight: 400;
  color: #000;
}

.leftmenucategory div.panel p a {
  font-size: 17px;
  font-weight: 700;
  color: #000;
}

.leftmenucategory button.accordion:before {
  content: "";
  width: 40px;
  height: 40px;
  position: absolute;
  top: 4px;
  right: 5px;
  /*background:#949494;*/
  border-radius: 50px;
}

.d-block-tab{display:none !important;}


@media (max-width: 1600px) {
.top_nav_items ul li a{ font-size:15px; padding:0 15px;}


.about-us-2 .main-about-1 h5{width: 100%;}

}

@media (max-width: 1500px) {
.top_nav_items ul li a{ font-size:15px; padding:0 5px;}
}

@media (max-width: 1430px) {
.top_nav_items ul li a{ font-size:15px; padding:0 5px;}
}


@media (max-width: 1400px) {
.toponeleft ul li{ padding:0 15px 0 0;}
.top_nav_items ul li a{ padding:0 5px; font-size:13px;}
.paddlr-50{ padding:0 25px;}

.featureheading h4{ font-size:45px;}
.featureheading p{ font-size:14px;}
.about-us-2 .main-about-1 h5{ font-size:42px;}
.chose-top h5{ font-size:32px;}
.catgry .catgry-main .catgry-name h6{ font-size:28px;}
footer .last-footer .search form button{ right:18%;}
footer .last-footer .search form button{ font-size:24px;}
footer .last-footer .news h6{ font-size:24px;}
.featurecont{ padding:115px 0 110px 0;}
footer .last-footer{ padding:100px 0 40px 0;}
footer .last-footer .last-icon{ padding:219px 0 40px 0;}

.about-us-2 {
   
    background-position-x: right;
}

}

@media (max-width: 1300px) {
.top_nav_items ul li a{ font-size:12px; padding:0 2px;}
.toponemid ul li a{ font-size:14px; padding:0 3px;}
.toponeright2 ul li a{ font-size:14px; padding:0 3px;}
.toponeright2 ul li:nth-of-type(6){ width:54px;}






.about-us-2 .main-about-1 p>br {
        content: "";
    }
  .about-us-2 .main-about-1 p>br:after {
        content: "";
    }




}







@media (max-width: 1230px) {
    
    



.toponeright2 ul li:nth-of-type(6){
    
    
    margin: 0 6px 0 0px;
    
}

    
}







@media (max-width: 1200px) {
.top_nav_items ul li a{ font-size:11px; padding:0 0px;}
.toponeright2 ul li:nth-of-type(6){ width:53px;}

.about-us-2 {
    background-position-x: center;}


.about-us-2 .main-about-1 h5 {
    font-size: 40px;
}


footer .last-footer .search form button {
    right: 10px;
}
}

@media (max-width: 1100px) {
.top_nav_items ul li a{ font-size:9px; padding:0 0px;}
.toponeright2 ul li:nth-of-type(6){ width:53px;}
}



@media (max-width: 992px) {
        .chose-top h5 {
    width: 50%;
}
footer .last-footer .last-icon {
    padding: 29px 0 40px 0;
}
.featureheading h4 br{display:none !important;}
    
    .about-us-2 {
    background: url(../images/new-about-bg.jpg) no-repeat;background-attachment: fixed;}
    
       footer .last-footer .search form input {
    width: 100%;}
    
    
  footer .last-footer .search form button {
    right: 5px;
}
    
    .catalog-img {
    margin: 0px 0;
}
    
    
    .toponeright2 ul li:nth-of-type(6) i {
    font-size: 14px;}
/*menu css*/
.mobile_menus i{ font-size:18px; color:#fff; background:#ec2024; padding:8px 9px; border-radius:50px;}
.navcontmain{ position:static;}
.navcont{display: none;}
.mobile_menus {display: inline-block !important;}
#mySidenav {display: block;}
#mySidenav { display: block;}
.sidenav { height: 100%; width: 0; position: fixed; z-index: 9999; top: 0; right: 0; background-color: #000; overflow-x: hidden; transition: 0.5s; padding-top: 60px;}
#mySidenav li{list-style: none !important;}
.sidenav hr {margin: 0;border-color: #1e4145;}
.sidenav a { padding: 8px 8px 8px 32px;text-decoration: none; font-size: 13px; color: #aaa; display: block; text-transform: uppercase; transition: 0.3s; font-weight: 400;letter-spacing: 0.5px;}
.sidenav a:hover{ color:#ff8c04;}
.sidenav .closebtn { position: absolute; top: 0; right: 25px; font-size: 36px; margin-left: 50px;}
.mobile_menus{ float:right; margin:21px 12px 0 0px;}
.mobile_menus a{ padding: 0px; float: left;}
.searchcont .cart22{ font-size:20px; float: left;}
.cart_liust ul li:last-child a{ width:35px; height:35px; line-height:35px; border:0px solid #fff; padding:0px; text-align:center; margin-left:11px; border-radius:50%; transform:translateY(0px); 
 transition:0.45s;}
.dropdown { position: relative;}
.dropdown-menu{ display: none;}
.toggle, .dropdown-menu { width: 100%;}
.is-active .dropdown-menu { display: block;}
.dropdown { position: relative; line-height: 18px;}
.my_drop{position: static;background: #000;}
.my_drop li{ background: #272727; color:#fff; border:0px; border-bottom:1px solid #5d5d5d; margin-bottom:0px;text-transform:uppercase; padding:10px 15px 10px 50px;font-size: 13px;letter-spacing: 0.5px;
 cursor: pointer; transition: 0.45s;}
.my_drop li:hover{background: #fff;color: #000;}
.catlink{ display:none;}

 }
/*menu css*/


@media screen and (max-width: 768px) {
.d-none-tab{display:none !important;}
    .d-block-tab{display:block !important;}
.topmaincont1{ padding:4px 0; border-bottom:1px solid #ccc; margin:0 0 5px 0; position:static;}
.toponeleft ul li{ padding:0 10px 0 0;}
.toponeleft ul li a{ font-size:12px;}
.toprightarea{ display:none;}
.searchtop{ display:none;}
.toponeright{ display:none;}
.toplogo{ position:static; text-align:center;}
.pad-20{ padding:0 0 0 0px;}
.featurecont{ padding:12px 0;}
.featureheading h4{ font-size:32px; padding:0 0 6px 0;}
.featureheading h4 br{ display:none;}
.featureheading h4 span:after{ display:none;}
.featureheading p{ margin:0 0 5px 0; padding:0 0 0 0;}


.toponecont{ padding:6px 0;}
.toplogo img{ max-width:84px;}


.toponemid{ display:none;}

.c_slider_1 .owl-nav .owl-next{ display:none;}
.c_slider_1 .owl-nav .owl-prev{ display:none;}

.c_slider_2 .owl-nav .owl-next{ display:none;}
.c_slider_2 .owl-nav .owl-prev{ display:none;}


.moblink ul{ margin:0; padding:0;}
.moblink ul li{ list-style:none; display:inline-block; margin:0 0 0 0px; padding:0 0 0 0px;}
.moblink ul li a{ font-size:16px; color:#000; background:#fff; display:inline-block; width:26px; line-height:32px; height:32px; text-align:center; margin:0 0 0 0px; padding:0 0 0 0px; transition:all 0.5s;}
.moblink ul li a:hover{ background:#000; color:#fff;}



}



.fancybox-wrap{ z-index:999;}



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

.sidenav a{ padding:3px 8px 3px 20px;}

.about-us-2 a{ width: 174px; height: 40px; line-height: 40px; font-size:17px; float:left;}
.about-us-2 .main-about-1 h6{ padding:0 0 0 0; font-size:25px;}
.about-us-2 .main-about-1 h5{ font-size:20px; width:100%; float:left; height:42px; line-height:42px; padding: 0 17px 0 0px;}
.about-us-2 .main-about-1 p{ font-size: 15px; padding: 0px 0 14px 0; line-height:22px;}
.about-us-2{ background:#fff;}
.chose-us .main-chose{ padding-top:6%;}
.chose-us .main-chose .d-flex h5{ font-size:15px;}
.chose-top p{ padding: 8px 0 8px 0; font-size:14px;}
.chose-top h5{ font-size:22px; width:100%;}
.catgry .catgry-main .catgry-icon{ width:75px; height:75px; line-height:75px;}
.catgry .catgry-main .catgry-icon img{ max-width:45px;}
.catalog .main-catalog{ padding:18px 0px 20px 13px;}
.catalog .main-catalog .catalog-text h5{ font-size:20px;}
.leftmenucategory button.accordion{ padding: 4px 0px; font-size:12px;}
.leftmenucategory button.accordion:after{ line-height: 20px; font-size: 18px;}
footer .last-footer .last-menu{padding-top: 3px;}
.last-deg{ text-align:center;}
footer .last-copy .last-by{ text-align:center; float:none;}
footer .last-copy .last-deg h6{ font-size:12px;}
footer .last-copy .last-by h6{ font-size:12px;}
footer .last-copy .last-by h6 a{ font-size:12px;}

footer .last-footer .news h6{ font-size:16px;}
footer .last-footer .news p{ font-size:16px;}
footer .last-footer .search h6{ font-size:17px;}
footer .last-footer .search form input{ width:100%; margin: 0 0 12px 0;}
footer .last-footer .search form button{ position:static; width:100%; margin: 0 0 0 0;}
footer .last-footer .last-icon{ padding:15px 0;}
}


.owl-carousel button.owl-dot{ display:none !important;}
.d-block-mm{display:none !important;}

@media screen and (max-width: 576px) {
    
    .toponeright2 ul li:nth-of-type(6){display:none !important;}
    
    .toponeright2 {
    float: left;
}
    .toponeright2 ul {
   
    align-items: start;
}

.d-block-mm{display:block !important;}
    
    
    .toponeright2.d-block-mm{    float: right;}
    
.d-block-mm ul li:nth-of-type(6) {
    display: block !important;
}
   .d-block-mm ul li:nth-of-type(7) {
    display: none !important;
} 
    
   .d-block-mm  .new-mobile{display:none !important;}
    
    
    
}