@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&family=Roboto:wght@400;500;700&display=swap");

@font-face {
font-family: 'D-DIN';
src: url("../fonts/D-DIN-Bold.woff2") format("woff2"), url("../fonts/D-DIN-Bold.woff") format("woff");
font-weight: bold;
font-style: normal;
font-display: swap;
}

@font-face {
font-family: 'D-DIN';
src: url("../fonts/D-DIN.woff2") format("woff2"), url("../fonts/D-DIN.woff") format("woff");
font-weight: normal;
font-style: normal;
font-display: swap;
}

@font-face {
font-family: 'Industry';
src: url("../fonts/Industry-Bold.woff2") format("woff2"), url("../fonts/Industry-Bold.woff") format("woff");
font-weight: bold;
font-style: normal;
font-display: swap;
}

@font-face {
font-family: 'Industry';
src: url("../fonts/Industry-Light.woff2") format("woff2"), url("../fonts/Industry-Light.woff") format("woff");
font-weight: 300;
font-style: normal;
font-display: swap;
}

@font-face {
font-family: 'Industry';
src: url("../fonts/Industry-Black.woff2") format("woff2"), url("../fonts/Industry-Black.woff") format("woff");
font-weight: 900;
font-style: normal;
font-display: swap;
}


.search ul li form input {width: 240px !important;}
.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;-webkit-transition: 0.5s;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;-webkit-transition: 0.3s;transition: 0.3s;font-weight: 400;letter-spacing: 0.5px;text-align: left;}
.sidenav i {text-align: left;}
.sidenav a:hover {color: #ffcb08;}
.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%;-webkit-transform: translateY(0px);
 transform: translateY(0px);-webkit-transition: 0.45s;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;-webkit-transition: 0.45s;transition: 0.45s;}
.my_drop li:hover {background: #fff;color: #000;}
.moblink {text-align: right;margin: 0px 0;}
.moblink ul {margin: 0;padding: 0px 0px;}
.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: 20px;color: #fff;display: inline-block;text-align: center;margin: 0 0 0 0px;padding: 16px;-webkit-transition: all 0.5s;transition: all 0.5s;background: #000;border-radius: 4px;
 line-height: 0px;}
.moblink ul li a:hover {color: #ffcb08;}

h1,
h2,
h3,
h4,
h5,
h6,
ul,
p {padding: 0;margin: 0;}

.mobile_left,
.sidenav,
.moblink {display: none;}
body {font-family: "Roboto", sans-serif;}
a {text-decoration: none;-webkit-transition: 0.45s;transition: 0.45s;}
a:hover {text-decoration: none;}
.top-bar {background: #f6f6f6;padding: 5px 0;}
.top-bar .top-left p {font-size: 13px;color: #0c0c0c;}
.top-bar .top-right {text-align: right;}
.top-bar .top-right ul {font-size: 0;margin: 0;padding: 0;}
.top-bar .top-right ul li {display: inline-block;list-style: none;padding-left: 10px;}
.top-bar .top-right ul li span {font-size: 13px;color: #0c0c0c;}
.top-bar .top-right ul li a {font-size: 17px;color: #fff;display: inline-block;width: 28px;height: 28px;line-height: 28px;border-radius: 50px;background: #9f9f9f;text-align: center;
 -webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
.top-bar .top-right ul li a:hover {background: -webkit-gradient(linear, left top, left bottom, from(#ff7501), to(#ffbc07));background: linear-gradient(180deg, #ff7501 0%, #ffbc07 100%);
 -webkit-transition: all 0.5s ease-in;transition: all 0.5s ease-in;}
.middle-bar {background: #000;}
.middle-bar .logo {position: absolute;top: 0;z-index: 999;}
.middle-bar .top_nav_items {padding: 26px 0;text-align: center;}
.middle-bar .top_nav_items ul {margin: 0;padding: 0;font-size: 0;}
.middle-bar .top_nav_items ul li {display: inline-block;list-style-type: none;padding: 0 22px; position:relative;}
.middle-bar .top_nav_items ul li a {font-size: 14px;color: #fff;font-weight: 700;text-transform: uppercase;}
.middle-bar .top_nav_items ul li ul {position: absolute;top: 100%;left: 0px;right: 0px;display: none;width: 280px;z-index: 999;background: #ccc;border: 0px solid #e4e4e4;padding: 0 0 0 0;
 border-bottom: 0px;}
.middle-bar .top_nav_items ul li ul li {display: block;text-align: left;width: 100%;background: transparent;-webkit-transition: 0.0s;transition: 0.0s;border-bottom: 1px solid #d2d2d2;position: relative;
 padding:0 3px;}
.middle-bar .top_nav_items ul li ul li a{height:32px;line-height:32px; font-size:14px; font-weight:500; padding-left: 10px;color: #fff; text-transform:capitalize; transition:all 0.3s;}
.middle-bar .top_nav_items ul li ul li a:hover{ color: #000;}
.middle-bar .search-box {text-align: right;}
.middle-bar .search-box a {background: -webkit-gradient(linear, left top, left bottom, from(#ff7501), to(#ffbc07));background: linear-gradient(180deg, #ff7501 0%, #ffbc07 100%);display: inline-block;
 width: 132px;height: 32px;line-height: 32px;border-radius: 25px;text-align: center;font-size: 14px;color: #000;font-weight: 700;text-transform: uppercase;-webkit-transition: all 0.5s;transition: all 0.5s;}
.middle-bar .search-box a i {font-size: 16px;color: #000;padding-right: 5px;}
.middle-bar .search-box a:hover {border-radius: 0;-webkit-transition: all 0.5s;transition: all 0.5s;}
.carousel-control-next,
.carousel-control-prev {background: transparent;border: 0;}
.about_main {background: url(../images/abt-bg.jpg) no-repeat; padding:60px 0;}
.about_main .about-text {text-align: center;}
.about_main .about-text h4 {font-size: 45px;font-family: "Industry";font-weight: bold;color: #ffcb08;}
.about_main .about-text p {font-size: 17px;color: #dadada;padding-top: 10px;}
.about_main .Innovation {text-align: center;padding-top: 40px;}
.about_main .Innovation .ino-img {display: inline-block;background: transparent;width: 68px;height: 68px;line-height: 55px;border: 4px solid #ffcb08;border-radius: 50px;}
.about_main .Innovation h4 {font-size: 30px;color: #fff;font-family: "Industry";font-weight: normal;padding-top: 10px;}
.about_main .Innovation p {font-size: 17px;color: #dadada;}
.about_main .Innovation a {font-size: 15px;color: #555555; text-transform:uppercase;font-weight: bold;}
.about_main .Innovation a:hover {color: #ffcb08;}

.cate_main { background: url(../images/catbg.jpg) repeat;padding: 70px 0;text-align: center;}
.cate_main h1 {font-size: 40px;font-family: "Montserrat", sans-serif;font-weight: 700;color: #0c0c0c;text-transform: uppercase;}
.cate_main h6 {font-size: 24px;font-family: "Montserrat", sans-serif;color: #0c0c0c;text-transform: uppercase;padding-bottom: 50px;}
.cate_main .inner_cate {position: relative; margin:0 0 15px 0;}
.cate_main .inner_cate .cate-img {overflow: hidden;}
.cate_main .inner_cate .cate-img img {overflow: hidden;-webkit-transition: all 5s cubic-bezier(0, 0, 0.1, 1);transition: all 5s cubic-bezier(0, 0, 0.1, 1);-webkit-transform: rotate(0) scale(1);
 transform: rotate(0) scale(1.1);}
.cate_main .inner_cate .cate-name {padding: 25px 0;background: #000;-webkit-transition: all 0.5s;transition: all 0.5s;}
.cate_main .inner_cate .cate-name h2 {font-size: 22px;color: #fff;font-family: 'Industry';font-weight: 600;text-transform: uppercase;-webkit-transition: all 0.5s;transition: all 0.5s;}
.cate_main .inner_cate:hover .cate-img img {-webkit-transition: all 5s;transition: all 5s;-webkit-transform: rotate(0deg) scale(1.1);transform: rotate(0deg) scale(1);opacity: .9;}
.cate_main .inner_cate:hover .cate-name {background: -webkit-gradient(linear, left top, left bottom, from(#ff7501), to(#ffbc07));background: linear-gradient(180deg, #ff7501 0%, #ffbc07 100%);
 -webkit-transition: all 0.5s;transition: all 0.5s;}
.cate_main .inner_cate:hover .cate-name h2 {color: #000;-webkit-transition: all 0.5s;transition: all 0.5s;font-weight: 700;}
.custom-btn {margin-top: 40px;display: inline-block;font-family: "Montserrat", sans-serif;color: #0c0c0c;font-weight: 600;text-transform: uppercase;width: 243px;height: 43px;line-height: 43px;
 border: 1px solid #0c0c0c;text-align: center;font-size: 14px;}
.feature_prod { background: #f3f3f3; padding: 70px 0; text-align: center;}
.feature_prod h1 { font-size: 40px; font-family: "Montserrat", sans-serif; font-weight: 700; color: #363636; text-transform: uppercase;}
.feature_prod h6 { font-size: 24px; font-family: "Montserrat", sans-serif; color: #363636; text-transform: uppercase; padding-bottom: 50px;}
.feature_prod .inner_prod { background: #fff; border-radius: 8px; position: relative; -webkit-transition: 0.45s; transition: 0.45s; margin:0 0 20px 0;}
.feature_prod .inner_prod .prod_img { overflow: hidden; padding: 20px 0px;}
.feature_prod .inner_prod .prod_img img { -webkit-transition: all 0.5s; transition: all 0.5s;}
.feature_prod .inner_prod .prod_name { text-align: left; padding: 0 30px 20px 30px;}
.feature_prod .inner_prod .prod_name h3 { font-size: 16px; font-weight: 500; font-family: "Montserrat", sans-serif; color: #262626;}
.feature_prod .inner_prod .prod_name p { font-size: 16px; font-weight: 600; font-family: "Montserrat", sans-serif; color: #262626;}
.feature_prod .inner_prod:hover .prod_img img {-webkit-transform: scale(1.05); transform: scale(1.05); -webkit-transition: all 0.5s; transition: all 0.5s;}

.custom-btn:hover { background: #000; color: #fff;}

.exibition-box { background: url(../images/abt-bg.jpg); padding:70px 0;}
.exibition-box .exibition h4 { font-size: 40px; color: #fff; font-family: "Industry"; font-weight: 700; text-transform: uppercase; padding-bottom: 10px;}
.exibition-box .exibition-slide { background: #fff; padding: 20px; position: relative;}
.exibition-box .exibition-slide .exi-text { padding: 15px;}
.exibition-box .exibition-slide .exi-text h5 { font-size: 22px; color: #000; font-weight: 700; font-family: "Industry";}
.exibition-box .exibition-slide .exi-text p { color: #3e3e3e; font-size: 14px; padding-top: 10px;}
.exibition-box .exibition-slide .exi-text a { display: inline-block; font-size: 14px; font-weight: bold; text-transform: uppercase; text-align: center; background: #ffcb08; width: 203px; height: 49px;
 line-height: 49px; color: #000; margin-top: 10px; border: 1px solid transparent;}
.exibition-box .exibition-slide .exi-text a:hover { background: transparent; border: 1px solid #ffcb08;}

.prd-slider-2 .owl-nav { position: absolute; bottom: 25px; right: 20px;}
.prd-slider-2 .owl-nav .owl-prev { display: inline-block; width: 49px; height: 49px; line-height: 49px; text-align: center; background: #ffcb08 !important; font-size: 24px; outline: none; border: none;}
.prd-slider-2 .owl-nav .owl-next {display: inline-block; width: 49px; height: 49px; line-height: 49px; text-align: center; background: #ffcb08 !important; font-size: 24px; outline: none; border: none;
 margin-left: 5px;}


.patren {padding-bottom: 60px;}
.certificate {padding: 60px 0;background-color: #fff;}
footer {background-color: #0d0d0d;padding: 30px 0;}
footer .top-footer .inner-link p {font-size: 16px;font-weight: 400;color: #9b9a9a;padding: 20px 0;}
footer .top-footer .inner-link h2 {font-size: 20px;font-weight: 700;color: #fff;text-transform: uppercase;padding-bottom: 20px;}
footer .top-footer .inner-link .d-flex {-webkit-box-align: baseline;-ms-flex-align: baseline;align-items: baseline;padding-bottom: 10px;}
footer .top-footer .inner-link .d-flex span {color: #ffcb08;padding-right: 10px;}
footer .top-footer .inner-link .d-flex .last-para h4 {font-size: 17px;font-weight: 400;color: #fff;}
footer .top-footer .inner-link .d-flex .last-para h4 a {font-size: 17px;font-weight: 400;color: #fff;}
footer .top-footer .inner-link .d-flex .last-para h4 a:hover {color: #ffcb08;}
footer .top-footer .inner-right {display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;padding-bottom: 40px;}
footer .top-footer .inner-right h5 {font-size: 20px;font-weight: 700;color: #fff;text-transform: uppercase;}
footer .top-footer .inner-right a {font-size: 26px;color: #fff;border: 1px solid #262626;padding: 10px 20px;margin-left: 285px;}
footer .top-footer .inner-right a:hover {background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285aeb 90%);}
footer .top-footer .inner-cntr p {font-size: 17px;font-weight: 400;color: #9b9a9a;padding: 40px 0;}
footer .top-footer .inner-cntr form input {width: 450px;height: 55px;line-height: 55px;border: 1px solid #262626;font-size: 16px;font-weight: 400;padding-left: 20px;outline: none;background-color: transparent;
 color: #a9a9a9;}
footer .top-footer .inner-cntr form button {width: 169px;height: 55px;line-height: 55px;background-color: #ffcb08;font-size: 16px;font-weight: 700;color: #fff;text-transform: uppercase;outline: none;
border: none;float: right;clear: both;-webkit-transition: 0.45s;transition: 0.45s;}
footer .top-footer .inner-cntr form button:hover {background-color: #151515;}
footer .top-footer .right {padding: 50px 0 0px 0;}
footer .top-footer .right .last-menu {text-align: center;}
footer .top-footer .right .last-menu ul li {display: inline-block;padding-bottom: 30px;}
footer .top-footer .right .last-menu ul li a {font-size: 14px;font-weight: 400;color: #9b9a9a;text-transform: uppercase;display: block;padding: 0 20px;}
footer .top-footer .right .last-menu ul li a:hover {color: #ffcb08;}
footer .top-footer .right .last-copy p {font-size: 14px;font-weight: 400;color: #9b9a9a;text-transform: uppercase;}
footer .top-footer .right .last-design {text-align: right;}
footer .top-footer .right .last-design h3 {font-size: 14px;font-weight: 400;color: #9b9a9a;text-transform: uppercase;}
footer .top-footer .right .last-design h3 a {color: #9b9a9a;}
footer .top-footer .right .last-design h3 a:hover {color: #ffcb08;}
footer .top-footer .right .last-icon {text-align: right;}
footer .top-footer .right .last-icon ul li {display: inline-block;}

footer .top-footer .right .last-icon ul li a{ width: 52px; height: 52px; line-height: 52px; text-align: center; background-color: #272727; font-size: 20px; color: #fff; border-radius: 5px; display: block;}

footer .top-footer .right .last-icon ul li:nth-of-type(1) a:hover { background-color: #4267b2;}
footer .top-footer .right .last-icon ul li:nth-of-type(2) a:hover { background-color: #1da1f2;}
footer .top-footer .right .last-icon ul li:nth-of-type(3) a:hover { background-color: #e1306c;}
footer .top-footer .right .last-icon ul li:nth-of-type(4) a:hover { background-color: #25d366;}


.dropdown,
.dropend,
.dropstart,
.dropup { display: none;}

@media screen and (min-width: 1300px) {
.container {max-width: 1252px;}
}

@media screen and (max-width: 1299px) {
.middle-bar .top_nav_items ul li {padding: 0 15px;}
.middle-bar .top_nav_items ul li a {font-size: 12px;}
.top-bar .top-left p {font-size: 12px;padding-left: 15px;}
.top-bar .top-right ul li span {font-size: 12px;}
.top-bar .top-right ul li a {font-size: 14px;width: 25px;height: 25px;line-height: 25px;}
.middle-bar .search-box a {font-size: 12px;}
.cate_main {padding: 50px 0;}
.cate_main h6 {font-size: 20px;padding-bottom: 30px;}
.cate_main h1 {font-size: 32px;}
.cate_main .inner_cate .cate-name h2 {font-size: 18px;}
.cate_main .inner_cate .cate-name {padding: 20px 0;}
.custom-btn {margin-top: 20px;}
.feature_prod {padding: 50px 0;}
.feature_prod h1 {font-size: 32px;}
.feature_prod h6 {font-size: 20px;padding-bottom: 30px;}
.event-box {padding: 50px 0px;}
.event-box .event-left h4 {padding-bottom: 5px;font-size: 28px;}
.top-footer .inner-link h2 {font-size: 18px;}
.top-footer .inner-link p {font-size: 12px;}
.top-footer .inner-link ul.foot-icon li a i {display: inline-block;width: 35px;height: 35px;line-height: 35px;}
.top-footer .inner-link ul li a {font-size: 12px;}
.top-footer .inner-link .d-flex .flex-body p {font-size: 12px;}
.top-footer .inner-link .d-flex .flex-body p a {font-size: 12px;}
.top-footer {padding: 40px 0;}
.bottom-footer {padding: 15px 0px;}
.bottom-footer .design p {font-size: 12px;}
.bottom-footer .design p a {font-size: 12px;}
}

@media screen and (max-width: 991px) {
.middle-bar .logo {position: inherit;background: transparent;}
.top-bar .top-right {display: none;}
.dropdown,
.dropend,
.dropstart,
.dropup {position: relative;text-align: right;}
.btn-secondary {color: #000;background-color: transparent;border-color: transparent;font-size: 12px;-webkit-box-shadow: none;box-shadow: none;font-weight: 700;}
.btn-check:focus + .btn-secondary,.btn-secondary:focus {color: #ffcb08;background-color: transparent;border-color: transparent;-webkit-box-shadow: none;box-shadow: none;}
.btn-secondary:hover {color: #ffcb08;background-color: transparent;border-color: transparent;}
.btn {-webkit-box-shadow: none !important;box-shadow: none !important;}
.dropdown,
.dropend,
.dropstart,
.dropup {display: block;}
.dropdown-item {font-size: 17px;color: #fff;display: inline-block;width: 28px;height: 28px;line-height: 28px;border-radius: 50px;background: #9f9f9f;text-align: center;-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;text-align: center;padding: 0;margin: 3px 0;}
.dropdown-item:hover {background: -webkit-gradient(linear, left top, left bottom, from(#ff7501), to(#ffbc07));background: linear-gradient(180deg, #ff7501 0%, #ffbc07 100%);-webkit-transition: all 0.5s ease-in;
transition: all 0.5s ease-in;}
.dropdown-menu {background: transparent;text-align: right;padding-right: 20px;-webkit-transition: all 0.5s;transition: all 0.5s;border: none;outline: none;}
.middle-bar .top_nav_items {display: none;}
.middle-bar .search-box {display: none;}
.mobile_left,
.sidenav,
.moblink {display: block;}
.cate_main {padding: 30px 0;}
.cate_main h6 {font-size: 16px;padding-bottom: 15px;}
.cate_main h1 {font-size: 28px;}
.cate_main .inner_cate .cate-name h2 {font-size: 15px;}
.custom-btn {width: 195px;height: 35px;line-height: 35px;font-size: 12px;}
.feature_prod {padding: 30px 0;}
.feature_prod h1 {font-size: 28px;}
.feature_prod h6 {font-size: 16px;padding-bottom: 15px;}
.feature_prod .inner_prod .prod_name h3 {font-size: 14px;}
.feature_prod .inner_prod .prod_name p {font-size: 14px;}
.event-box .catlog .catlog-text h4 {font-size: 18px;}
.event-box .catlog .catlog-text p {font-size: 12px;}
.event-box .catlog .catlog-text {padding: 36px 0;}
.event-box {padding: 30px 0px;}
.event-box .event-left {padding-bottom: 30px;}
}

@media screen and (max-width: 575px) {
.top-bar .top-left p {padding-left: 0;font-size: 12px;}
.cate_main h1 {font-size: 24px;}
.cate_main h6 {font-size: 14px;}
.feature_prod h1 {font-size: 24px;}
.feature_prod h6 {font-size: 14px;}
.event-box .catlog .catlog-text {padding: 24px 0;}
.top-footer .inner-link h2::after {left: 14%;}
.top-footer .inner-link {padding: 10px 10px;}
.top-footer {padding: 10px;}
}
/*# sourceMappingURL=layout.css.map */






/*Search*/
.open-search{background:rgba(0,0,0,0.9); position:fixed; top:0px; left:0px; right:0px; z-index:9999; bottom:0px; height:100%;}
.open-search .search-target{position:absolute; top:50%; left:15%; right:15%; text-align:center; transform:translateY(-50%);}
.open-search .search-target form{position:relative;}
.open-search .search-target form input{display:block; padding-left:20px; width:100%; outline:none; border-radius:5px; font-size:16px; height:60px;background:transparent; color:#ffffff; border:none; 
 border-bottom:1px solid #fff; border-radius:0;}
.open-search .search-target form button{ border:none; display:block; outline:none; border-radius:0px 5px 5px 0px; height:60px; position:absolute; top:0px; right:0px; color:#fff; font-size:17px; 
 background:transparent; padding:0px 40px;}
.open-search .search-target form button:hover{}
.search-wrapper01{position:absolute; top:20px; right:20px; z-index:999; cursor:pointer; padding:10px;}
.search-wrapper01::after{display:block; content:""; background:#fff; height:45px; width:2px; transform:rotate(-45deg);}
.search-wrapper01::before{display:block; content:""; background:#fff; height:45px; width:2px;  transform:rotate(45deg); position:absolute;}
.search-wrapper01:hover::after,
.search-wrapper01:hover::before{background:#f3aa4e;}
/******************************************/