@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css");
body { font-family: 'Poppins', sans-serif; margin: 0; color: #000000; font-size: 15px; text-align: left; background-color: #ffffff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;font-weight: 400; line-height:26px; }
.FL { float:left !important; }
.FR { float:right !important; }
.clear { clear:both; }

.dropdown-btn span:before {border: solid #fff; border-width: 0 1px 1px 0;   display: inline-block;   padding:0; transform: rotate(-45deg); -webkit-transform: rotate(-45deg);text-indent:-9999px; width:10px;height:10px;margin-top:0}

.container{max-width:1170px;margin:auto;padding:0px}
ul { padding: 0; list-style: none; margin-top: 0; margin-bottom: 1rem; }
a { text-decoration: none; background-color: transparent; -webkit-text-decoration-skip: objects; outline:none }
a:hover {text-decoration: none; color:#000; }
 a, button { color: #eb1e2b; transition: all 0.3s ease-in-out; outline:none }
 img { vertical-align: middle; border-style: none; max-width:100%;}
h2 { font-size: 50px; line-height: 50px; font-weight: 300; color: #000; margin-bottom:35px; padding-bottom:25px; position:relative }
.section-whyus {width:100%; display:block; min-height:700px; display: flex;align-items: center}
.pt-60 {padding-top:60px}
.pt-80 {padding-top:80px}
.section-whyus h2 {margin-bottom:25px}
.whyicon-img { margin-bottom: 10px; min-height: 80px; display: flex; align-items: center; justify-content: center; }
.why-txt-cont p {font-size:25px; line-height:39px; margin-bottom:0; color:#fff;}
.section-passive {width:100%; display:block; height: 100%; width: 100%;   }
.panel-title > a:before {
    float: right !important;
    font-family: FontAwesome;
    content: "\f068";
    padding-right: 5px;
    color: #000;
    font-weight: normal;
    font-size: 0;
	height:15px;
	width:15px;
	margin-top:9px;
	background:url(../images/minus.png) no-repeat top center;
}
.panel-title > a.collapsed:before {
    float: right !important;
    content:"\f067";
	background:url(../images/plus.png) no-repeat top center;
	width:15px;
	margin-top: 10px;
	font-size: 0;
	height:15px;
}
.panel-title > a:hover, 
.panel-title > a:active, 
.panel-title > a:focus  {
    text-decoration:none;
}

.tab-con-wrap { float:left; width:50%; padding:100px 0 0; }

.brand-logo { display: inline-block; justify-content: space-between; }
.intro-brands { width: 100%; display: block; }
.section-brands { padding:50px 0 0;}
.logo-cont {text-align:center; width:190px; float:left;  }
.logo-cont img { display: block;   max-width:175px;   max-height:45px;   width: auto;   height: auto; }
  
h2:before {content:''; position:absolute; left:0; margin:0;  width:88px; height:3px; display:block; bottom:0}
p.ex-link {margin:0; font-weight:700; text-transform:uppercase}
.tab-cont p.ex-link a {text-decoration:underline; color:#fff;   transition: all 0.5s; }
.tab-cont p.ex-link a:hover {  padding:0 0 0 20px; transition: 0.5s; }
p.ex-link a {text-decoration:underline; color:#ed1d24}
.content-ele { margin: 0 auto; max-width: 390px; width: 100%; text-align: center; padding:0 0 50px 0 }
.logo-cont img:first-child {margin-bottom:36px}
h2.text-center:before {left:0; right:0; margin:0 auto; }
.why-us-title { padding-bottom: 25px; position: relative; font-size: 50px; line-height: 50px; font-weight: 300; color: #fff !important; margin-bottom: 25px; }

.why-us-title:before {content:''; position:absolute; left:0; margin:0;  width:88px; height:3px; display:block; bottom:0}

.get-touch { font-size: 16px; line-height: 30px; font-weight: 500; text-transform: uppercase; color: #ed1d24; margin: 0; padding: 0; }

.brand-title-home { font-size: 50px;
line-height: 50px;
font-weight: 300;
color: #000;
margin-bottom: 35px;
padding-bottom: 25px;
position: relative; }

 * {  box-sizing: border-box; }
/* font-family: 'Parisienne', cursive; */.uvp .container { width: 100%; }
.stats-panel { padding:35px 0; }
.counter-ele {width: 100%; clear: both; display: flex; margin: 0 auto; max-width: 100%; justify-content: space-between; }
.counter-Txt {}
.section-electronics {width:100%; display:block; min-height:686px}
.text-white {color:#fff}
.counter-Txt {display: flex; align-items: flex-start; justify-content: flex-start;}
.counter-Txt.middle { padding-top: 168px; }
.count-txt .text-big {font-size:36px; font-weight: 700; line-height:36px; min-height: inherit;}
.counter-ele:after {display:none}
.counter-value { line-height: 30px; }
.count-txt .text-small {display: block; font-weight:400; font-size:22px; line-height:22px; width:100%;}
.count-img {margin-right:10px; float:left; display:block; flex: 0 0 auto;}
.count-txt { margin:0; float:left; display:block; }
.why-icon-cont {text-align:center}
.whyicon-img {margin-bottom:10px}
.whyicon-img img {display:inline-block}
.whyicon-txt { display: block; width: 100%; text-align: center; font-size: 18px; line-height: 24px; }
.flex-layout{display:-ms-flexbox;display:flex}
.flex-layout.justify-between{-ms-flex-pack:justify;justify-content:space-between}
.flex-layout.justify-center{-ms-flex-pack:center;justify-content:center}
.flex-layout.align-items-center{-ms-flex-align:center;align-items:center}
.text-center{text-align:center}
#header { display: block; position: fixed; top: 0; z-index: 99; width: 100%; background-color: transparent; height:auto; padding-top:10px; background:#fff; padding-bottom:10px }
#header a.logo {display: inline-block;float: left;}
.header-content {width: auto;display: inline-block;float: right;}
.nav-outer { width: auto; float: left; }
.header-content-top {width: auto;float: right;margin-left:0;text-align: right; font-size: .75rem; color: #fff; letter-spacing: 0.05em; font-family: "Barlow Condensed",sans-serif; }
.header-content-top a { color: #000; }
#header {transition: all 0.3s cubic-bezier(0.18, 0.32, 0.17, 0.99);}
.top-content { position: relative; margin:77px 0 0; }
.uvp { position: relative; top: auto; left: auto; width: 100%; height: 100%; max-width: 1170px; align-items: center; margin: 0 auto;}

.tagline { font-size:45px; font-weight: 500; color:#000; line-height:52px;  width:auto; display:block; padding: 0px; text-align:left; }
.tagline span { font-weight:100; }
.tagline .black-bg { background:#000; width:auto; }
.tagline .red-bg { background:#fd3326; width:auto; }

#header .menu-holder { display: none; position: absolute; right: 0px; text-align: center; height: 80px; color: #fff; padding-left: 10px; padding-right: 10px; text-transform: uppercase; font-size: 1em; line-height: 1.2em; width: 75px; margin-top: 0px; }
#header .menu-holder .menu-trigger { width: 30px; height: 25px; position: relative;  margin:0px auto 5px; transform: rotate(0deg);    transition: .5s ease-in-out;cursor: pointer;z-index: 99;}
#header .menu-holder .menu-text {z-index: 999;position: relative;font-weight: 900;color: #000;font-family: 'Nunito', sans-serif;letter-spacing: 1px; display:none}
#header .menu-holder .menu-trigger span {display: block;position: absolute;height: 3px;width: 100%;background: #000;border-radius: 0;opacity: 1;left: 0;transform: rotate(0deg);transition: .25s ease-in-out;}
#header .menu-holder .menu-trigger span:nth-child(1) {top: 0px;}
#header .menu-holder .menu-trigger span:nth-child(2), #header .menu-holder .menu-trigger span:nth-child(3) {top: 10px;}
#header .menu-holder .menu-trigger span:nth-child(4) {top: 20px;}
.sidenav { height: 100%; width:320px; position: fixed; z-index: 9999; top: 0; left: -320px; background-color: rgba(43,43,124,0.95); overflow-x: hidden; padding-top: 27px; transition: 0.5s; box-shadow: 12px 0px 55px -18px rgba(0,0,0,0.5); text-align: center; color: #8e8e8f; }
.sidenav a { text-decoration: none; transition: 0.3s }
.sidenav a:hover{ color: #8e8e8f; }
.sidenav .closebtn { position: absolute; top: 0; right: 25px; font-size: 35px; margin-left: 0px; color: #fff; padding: 0px;  cursor: pointer; font-weight:500; }
.sidenav .closebtn:hover { color: #fff; }
.properties { margin: 5% 0; }
.properties li {  display:block; padding: 8px 0; }
.properties a { list-style: none; display:block; text-transform: uppercase; letter-spacing: 1.5px;  margin-left: 20px; font-size: 13px; color: #fff; }
.properties a:hover { color: #fff; }
.footer { background: #8ea9de; padding: 50px 0; clear: both; margin-bottom:0;border-top: solid 1px #e8e9ec; padding-bottom:30px}
 .content-footer2 { border-top:1px solid #9ab2e0; margin-top:0; padding-top:0; background:#8ea9de; width:100%; float:left; font-size: 14px; }
 .footer-col2 { color:#fff; padding:20px 0; text-align:center; font-size:13px; font-weight:400}
 .footer-col2 a {color:#fff; text-decoration:underline}
.social { width: 100%; display: flex; }
.social a {margin-right:10px}
.footer-col p { margin:0 0 5px; }
.footer-col p a { color:#fff; }
.footer-col p a:hover { text-decoration:underline; color:#fff; }
ul.social-media { list-style:none; text-align:right; margin:0}
ul.social-media li { display:inline-block; margin-right:10px}
ul.social-media li:last-child {margin-right:0}
.banner-carousel{position:relative}
.banner-carousel .slide-item{position:relative;width:100%;background-repeat:no-repeat;background-position:center;background-size:cover;padding:0;text-align:center; min-height:430px; display:flex; align-items:center}
.banner-carousel .slider1{background:url(../images/header1.jpg) no-repeat center; background-size:cover}
.banner-carousel .slider2{background:url(../images/header2.jpg) no-repeat center; background-size:cover}
.banner-carousel .slider3{background:url(../images/header3.jpg) no-repeat center; background-size:cover}
/*.banner-carousel .slider2{background:url(../images/slider2.jpg) no-repeat center; background-size:cover}
.banner-carousel .slider3{background:url(../images/slider3.jpg) no-repeat center; background-size:cover}*/
.owl-carousel.banner-carousel .owl-dots {position: absolute; bottom:15px; z-index: 9; left: 0; right: 0; margin: 0 auto; width: auto; text-align: center;}
.owl-carousel.banner-carousel button.owl-dot{ width: 35px;height: 5px;margin: 0px 5px 0;overflow: hidden;border-radius: 0;
    background: url(../images/bullet.png) no-repeat right center;transition: all 500ms ease;-moz-transition: all 500ms ease;-webkit-transition: all 500ms ease;-ms-transition: all 500ms ease;-o-transition: all 500ms ease;opacity: 1;display: inline-block;float: none;}
.owl-carousel.banner-carousel button.owl-dot.active {background: url(../images/bullet-o.png) no-repeat right center;}

#content { margin-top: 0; overflow: hidden;}
.header-content-top a i { display:flex; align-items:center; justify-content:center; width:26px; height:26px; background:#fff; border-radius:20px; color:#fff}
.header-content-top a i.fa-facebook-f { }
.header-content-top a i.fa-twitter { }
.header-content-top a i:before {display:none}
.header-content-bottom { margin-top:0}

#mySidenav .header-content-top{display:none;}
/* .special-panel:before { content:''; position:absolute; left:0; top:0; height:100%; width:100%; background:rgba(0,0,0,0.5)} */
.common-padding { padding-top:55px; padding-bottom:55px}
/* .contact-box:hover {-webkit-box-shadow: 0 0 30px 0 rgba(67, 67, 67, 0.15);box-shadow: 0 0 30px 0 rgba(67, 67, 67, 0.15);-webkit-transform: translateY(-5px);transform: translateY(-5px);} */ 
/* .gal-single:hover .gal-image {opacity: 0.3; } */

#footer {font-size:14px; line-height:24px; font-weight:400}
#footer h2 {font-size:16px; line-height:30px; font-weight:500; text-transform:uppercase; color:#ed1d24;margin: 0;padding: 0;}
#footer h2:before {display:none}
#footer ul {padding:0; margin:0; list-style:none}
#footer ul li {font-size:13px; line-height:25px; font-weight:400;  color:#fff;margin: 0;}
#footer ul li a {color:#fff; background: url(../images/footer-arrow-white.png) no-repeat left center; padding: 0 0 0 15px; }
#footer ul ul {margin-bottom:15px}
#footer ul li li  {font-size:14px; line-height:22px; font-weight:400; text-transform:capitalize; color:#fff;margin: 0;padding: 0;  transition: all 0.4s ease; } 
#footer ul li li a {color:#fff}
#footer ul li li a:hover {padding:0 0 0 10px; color:#ed1d24; }
#header.fixed-header { background:#fff;box-shadow: 1px 6px 11px -8px rgba(14,77,146,0.15);-webkit-box-shadow: 1px 6px 11px -8px rgba(14,77,146,0.15);-moz-box-shadow: 1px 6px 11px -8px rgba(14,77,146,0.15);}
.foot-title { font-size:15px; font-weight:400; color:#fff;  border-bottom:1px solid #9ab2e0; padding:0 0 10px; margin:0 0 10px; }
.foot-title a { color:#fff;  }
.foot-title.last { border:0; }
.bottom-title { font-size:15px; font-weight:500; color:#fff; margin:0 0 10px; padding:0; }
.footer-col p,.footer-col p a { font-size:13px; font-weight:400; color:#fff}


.main-menu{position:relative;float:left;-webkit-transition:all 300ms ease;-ms-transition:all 300ms ease;-o-transition:all 300ms ease;-moz-transition:all 300ms ease;transition:all 300ms ease;}
.main-menu{position:relative;float:left;-webkit-transition:all 300ms ease;-ms-transition:all 300ms ease;-o-transition:all 300ms ease;-moz-transition:all 300ms ease;transition:all 300ms ease;}
.main-menu .navbar-collapse{padding:0px;	}
.main-menu .navigation{position:relative;margin:0px;}
.main-menu .navigation > li{position:relative;display:inline-block;transition:all 500ms ease;-moz-transition:all 500ms ease;-webkit-transition:all 500ms ease;-ms-transition:all 500ms ease;-o-transition:all 500ms ease;}
.main-header .sticky-header .main-menu .navigation > li > a{padding:20px 0px !important;color:#444444;}
.main-header .sticky-header .main-menu .navigation > li:hover > a,.main-header .sticky-header .main-menu .navigation > li.current > a{color:#7bca33;	}
.sticky-header .nav-outer .options-box{margin-top:26px;}
/*Sticky Header*/.sticky-header{position:fixed;opacity:0;visibility:hidden;left:0px;top:0px;width:100%;padding:0px 0px;background:#ffffff;z-index:0;border-bottom:1px solid #e6e6e6;transition:all 500ms ease;-moz-transition:all 500ms ease;-webkit-transition:all 500ms ease;-ms-transition:all 500ms ease;-o-transition:all 500ms ease;}
.sticky-header .logo{padding:10px 0px 10px;}
.fixed-header .sticky-header{z-index:999;opacity:1;visibility:visible;-ms-animation-name: fadeInDown;-moz-animation-name: fadeInDown;-op-animation-name: fadeInDown;-webkit-animation-name: fadeInDown;animation-name: fadeInDown;-ms-animation-duration: 500ms;-moz-animation-duration: 500ms;-op-animation-duration: 500ms;-webkit-animation-duration: 500ms;animation-duration: 500ms;-ms-animation-timing-function: linear;-moz-animation-timing-function: linear;-op-animation-timing-function: linear;-webkit-animation-timing-function: linear;animation-timing-function: linear;-ms-animation-iteration-count: 1;-moz-animation-iteration-count: 1;-op-animation-iteration-count: 1;-webkit-animation-iteration-count: 1;animation-iteration-count: 1;	}
.main-menu .navigation > li > a{position:relative;display:block;color:#033985;text-align:center;line-height:30px;text-transform:uppercase;letter-spacing:0px;opacity:1;font-weight:700;padding:26px 0px;font-size:15px;transition:all 500ms ease;-moz-transition:all 500ms ease;-webkit-transition:all 500ms ease;-ms-transition:all 500ms ease;-o-transition:all 500ms ease;font-family: 'Raleway', sans-serif;}
.main-menu .navigation > li.active > a { color:#000}
.main-menu .navigation > li:hover > a,.main-menu .navigation > li.current > a,.main-header.light-version .main-menu .navigation > li:hover > a,.main-header.light-version .main-menu .navigation > li.current > a{color:#333;opacity:1;}
.main-menu .navigation > li:hover > a:before,.main-menu .navigation > li.current > a:before{width:100%;}
.main-menu .navigation > li > ul{position:absolute;left:0px;top:100%;width:240px;padding:0px;z-index:100;display:none;background:#333;transition:all 300ms ease;-moz-transition:all 300ms ease;-webkit-transition:all 500ms ease;-ms-transition:all 300ms ease;-o-transition:all 300ms ease;-webkit-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);-ms-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);-o-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);-moz-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);}
.main-menu .navigation > li > ul.from-right{left:auto;right:0px;	}
.main-menu .navigation > li > ul > li{position:relative;width:100%;border-bottom:1px solid rgba(0,0,0,0.10);}
.main-menu .navigation > li > ul > li:last-child{border-bottom:none;	}
.main-menu .navigation > li > ul > li > a{position:relative;display:block;padding:10px 15px;line-height:24px;font-weight:400;font-size:14px;text-transform:capitalize;color:#fff;transition:all 500ms ease;-moz-transition:all 500ms ease;-webkit-transition:all 500ms ease;-ms-transition:all 500ms ease;-o-transition:all 500ms ease;}
.main-menu .navigation > li > ul > li:hover > a{color:#ffffff;background:#033985;	}
.main-menu .navigation > li > ul > li.dropdown > a:after{font-family: 'Font Awesome 5 Free';content: "\f054";position:absolute;right:10px;top:10px;width:10px;height:20px;display:block;color:#253d4a;line-height:20px;font-size:16px;font-weight:normal;text-align:center;z-index:5; display:none	}
.main-menu .navigation > li > ul > li.dropdown:hover > a:after{color:#ffffff;	}
.main-menu .navigation > li > ul > li > ul,.main-menu .navigation > li > ul > li > ul > li > ul{position:absolute;left:100%;top:0px;width:240px;padding:0px;z-index:100;display:none;background:#333;-webkit-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);-ms-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);-o-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);-moz-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);}
.main-menu .navigation > li > ul > li > ul.from-right{left:auto;right:0px;	}
.main-menu .navigation > li > ul > li > ul {width:180px}
.main-menu .navigation > li > ul > li > ul > li > ul {width:120px}
.main-menu .navigation > li > ul > li > ul > li,.main-menu .navigation > li > ul > li > ul > li > ul > li{position:relative;width:100%;border-bottom:1px solid rgba(0,0,0,0.10);}
.main-menu .navigation > li > ul > li > ul > li:last-child,.main-menu .navigation > li > ul > li ul > li > ul > li:last-child{border-bottom:none;	}
.main-menu .navigation > li > ul > li > ul > li > a,.main-menu .navigation > li > ul > li > ul > li > ul > li > a{position:relative;display:block;padding:10px 15px;line-height:24px;font-weight:400;font-size:14px;text-transform:capitalize;color:#fff;transition:all 500ms ease;-moz-transition:all 500ms ease;-webkit-transition:all 500ms ease;-ms-transition:all 500ms ease;-o-transition:all 500ms ease;}
.main-menu .navigation > li > ul > li > ul > li:hover > a,.main-menu .navigation > li > ul > li > ul > li > ul > li:hover > a{color:#ffffff;background:#033985;}
.main-menu .navigation > li > ul > li > ul > li.dropdown > a:after{font-family: 'Font Awesome 5 Free';content: "\f054";position:absolute;right:10px;top:11px;width:10px;height:20px;display:block;color:#272727;line-height:20px;font-size:16px;font-weight:normal;text-align:center;z-index:5;	}
.main-menu .navigation > li > ul > li > ul > li.dropdown:hover > a:after{color:#ffffff;	}
.main-menu .navigation > li.dropdown:hover > ul{visibility:visible;opacity:1;top:100%;	}
.main-menu .navigation li > ul > li.dropdown:hover > ul{visibility:visible;opacity:1;top:0;transition:all 300ms ease;-moz-transition:all 300ms ease;-webkit-transition:all 500ms ease;-ms-transition:all 300ms ease;-o-transition:all 300ms ease;	}
.main-menu .navbar-collapse > ul li.dropdown .dropdown-btn{position:absolute;right:10px;top:6px;width:30px;height:30px;text-align:center;color:#ffffff;line-height:28px;border:none;background-size:20px;cursor:pointer;z-index:5;display:none;}
.navbar-toggle {display: none;}
.main-menu .navigation{position:static;margin:0}
.main-menu .navigation > li{position:relative;float:left;webkit-transition:all 300ms ease;-moz-transition:all 300ms ease;-ms-transition:all 300ms ease;-o-transition:all 300ms ease;transition:all 300ms ease; padding:0 28px}
.main-menu .navigation > li:before {content:'|'; position:absolute; right:0; top: 0;font-size:15px;line-height:24px; color:#fff}
.main-menu .navigation > li:last-child:before {display:none}
.main-menu .navigation > li > a{position:relative;display:block;font-size:15px;line-height:24px;font-weight:400;padding:0;color:#fefefe;opacity:1;text-align:center;-webkit-transition:all 300ms ease;-moz-transition:all 300ms ease;-ms-transition:all 300ms ease;-o-transition:all 300ms ease;transition:all 300ms ease;font-size: 16px; letter-spacing:2px;text-transform: uppercase;color:#fff; text-decoration:none; cursor:pointer; z-index:999; font-family: 'Work Sans', sans-serif; }
.main-menu .navigation > li > a:hover { text-decoration: none; color: #fff; }
#navbarSupportedContent { justify-content: flex-end;}
.main-menu .navigation > li > a:before{position:absolute;left:0;top: 47px;height: 3px;width:0;content:"";-webkit-transform:scale(-1);-moz-transform:scale(-1);-ms-transform:scale(-1);-o-transform:scale(-1);transform:scale(-1);background:#2b2b7c;-webkit-transition:all 300ms ease;-moz-transition:all 300ms ease;-ms-transition:all 300ms ease;-o-transition:all 300ms ease;transition:all 300ms ease; display:none}
.main-menu .navigation > li:hover > a:before{left:0;width:100%}

.inside-banner { min-height:372px; width:100%; margin:77px 0 0;  }
.about-ban { background:url(../images/about-slide.jpg) no-repeat top center; background-size: cover; }
.products-ban { background:url(../images/product-slide.jpg) no-repeat top center; background-size: cover; }
.contact-ban { background:url(../images/contact-slide.jpg) no-repeat top center; background-size: cover; }
.sitemap-ban { background:url(../images/sitemap-slide.jpg) no-repeat top center; background-size: cover; }
.certifications-ban { background:url(../images/certifications-slide.jpg) no-repeat top center; background-size: cover; }
.careers-ban { background:url(../images/careers-slide.jpg) no-repeat top center; background-size: cover; }
.infrastructure-ban { background:url(../images/infrastructure-slide.jpg) no-repeat top center; background-size: cover; }
.infrastructure-ban { background:url(../images/infrastructure-slide.jpg) no-repeat top center; background-size: cover; }

.api-ban { background:url(../images/intermediates-slide.jpg) no-repeat top center; background-size: cover; }
.intermediates-ban { background:url(../images/intermediates-slide.jpg) no-repeat top center; background-size: cover; }
.excipients-ban { background:url(../images/excipients-slide.jpg) no-repeat top center; background-size: cover; }

.aluminium-foils-ban { background:url(../images/aluminium-foils-slide.jpg) no-repeat top center; background-size: cover; }
.aluminium-collapsible-ban { background:url(../images/aluminium-collapsible-slide.jpg) no-repeat top center; background-size: cover; }
.rigid-barrier-ban { background:url(../images/rigid-barrier-slide.jpg) no-repeat top center; background-size: cover; }
.printed-self-ban { background:url(../images/printed-self-slide.jpg) no-repeat top center; background-size: cover; }
.glass-packaging-ban { background:url(../images/glass-packaging-slide.jpg) no-repeat top center; background-size: cover; }
.closures-aluminium-ban { background:url(../images/closures-aluminium-slide.jpg) no-repeat top center; background-size: cover; }
.dosage-measurements-ban { background:url(../images/dosage-measurements-slide.jpg) no-repeat top center; background-size: cover; }
.appsorb-ban { background:url(../images/appsorb-slide.jpg) no-repeat top center; background-size: cover; }

.breadcrum-panel { padding:0; }
.breadcrum-list { margin:0; padding:10px 0; }
.breadcrum-list ul { margin:0; padding:0; width:100%; text-align:center; }
.breadcrum-list ul li { display:inline-block; font-size:15px; font-weight:400; color:#030116;  margin:0 10px;  }
.breadcrum-list ul li a { color:#030116; position:relative; }
.breadcrum-list ul li a:before { position:absolute; right:-16px; top: 6px; height: 9px; width:7px; content:""; background:url(../images/bread-arrow.jpg) no-repeat left center; }

ul.sitemap-menu { width: 100%; display: block; padding: 0; margin: 0; }
ul.sitemap-menu li { width: 100%; display: block; padding: 0; margin: 0; }
ul.sitemap-menu > li > a { text-transform: uppercase; font-weight: 600; }
ul.sitemap-menu li a { background: url(../images/arw-red.png) no-repeat 0 18px; display: block; padding: 10px 0 10px 20px; border-bottom: 1px solid #ddd; color: #000; }
ul.sitemap-menu li ul { padding: 0; margin: 15px 0 0; display: flex; width: 100%; justify-content: space-between; flex-wrap: wrap; }
ul.sitemap-menu li li { width: 100%; margin-bottom:25px } 
ul.sitemap-menu li li a { background: url(../images/blu-arw.png) no-repeat 0 14px; display: block; padding: 4px 0 4px 15px; border-bottom: none; color: #000; font-weight:500; }
ul.sitemap-menu li li li { width: 50%;margin-bottom:0 }
ul.sitemap-menu li li li a { background: url(../images/footer-arrow.png) no-repeat 0 14px; display: block; padding: 4px 0 4px 15px; border-bottom: none; color: #000; font-size: 14px; font-weight:400; }
ul.sitemap-menu li:last-child a { border:0; }

.main-title { font-size:39px; color:#2a3793; font-weight:200; text-transform:none; line-height:45px; position:relative; padding:0 0 10px; margin:0 0 30px; }
.main-title::before { content: ''; position: absolute; left: 0; margin: 0; background: #eb1d2a; width: 90px; height: 5px; display: block; bottom: 0; } 

.sub-title { font-size:30px; color:#eb1e2b; font-weight:200; text-align:center; padding:0; margin:0 0 40px; }
.pro-title01 { font-size:15px; color:#000; font-weight:400; line-height:24px; position:relative; padding:0 0 20px; margin:0 0 20px; min-height:68px; }
.pro-title01::before { content: ''; position: absolute; left: 0; margin: 0; background: #eb1e2b; width: 40px; height:3px; display: block; bottom: 0; } 
.diameters-list { margin:0; }
.diameters-list ul { margin:0; padding:0; width:100%; text-align:center; }
.diameters-list ul li { margin:0 10px; padding:10px 5px; list-style:none; display:inline-block; font-size:18px; color:#000; font-weight:400; border:1px solid #cccccc; width:69px; text-align:center; }
.pro-title02 { font-size: 30px; color: #eb1e2b; font-weight: 200; padding: 0; margin: 0 0 30px; line-height: 40px;  } 
.title-top-main { font-size: 39px; color: #2a3793; font-weight: 200; text-transform: capitalize; line-height: 45px; position: relative; padding: 0 0 10px; margin: 0 0 30px; text-align:center; }
.title-top-main:before {content: ''; position: absolute; left: 0; right:0; margin: 0 auto; background: #eb1d2a; width: 90px; height: 5px; display: block; bottom: 0;}
.main-title02 { font-size:39px; color:#000; font-weight:200; text-transform:capitalize; line-height:45px; position:relative; padding:0 0 10px; margin:0 0 50px; }
.main-title02::before { content: ''; position: absolute; left: 0; right:0; margin: 0 auto; background: #eb1e2b; width: 90px; height: 5px; display: block; bottom: 0; } 

.enquiry-title { font-size:20px; color:#000; font-weight:600; line-height:24px; position:relative; padding:0 0 20px; margin:0 0 40px; text-align:center;  }
.enquiry-title::before { content: ''; position: absolute; left: 0; right:0; margin: 0 auto; background: #eb1e2b; width: 40px; height:3px; display: block; bottom: 0; } 

.rt-bor { border-left:1px solid #e5e5e5; padding:0 0 0 44px; margin:0 0 0 44px; }
.product-info { /*background:url(../images/product-info-bg.jpg) no-repeat top center;*/ text-align:center; color:#fff; min-height:377px; padding:115px 0 0; line-height:26px; font-size:16px; font-weight:400; background-attachment: fixed; } 
.title01 { font-family: 'Work Sans', sans-serif; color:#fff; font-weight:400; font-size:35px; margin:0 0 35px; }
.product-info p { margin:0 auto; width:70%; color:#fff; }

.part-panel { padding:60px 0; }
.title02 { font-family: 'Work Sans', sans-serif; color:#176ac7; font-weight:400; font-size:35px; margin:0 0 40px; text-align:center; }
.part-box { float:left; text-align:center; background:#fff; padding:30px 10px; box-shadow: 0px 2px 30px rgba(0, 3, 8, 0.1); margin:0 15px 30px 15px; width:204px; }

/* .part-box:nth-child(5), .part-box:nth-child(10), .part-box:nth-child(15), .part-box:nth-child(20), .part-box:nth-child(25),  */
/* .part-box:nth-child(30), .part-box:nth-child(35), .part-box:nth-child(40), .part-box:nth-child(45), .part-box:nth-child(50), .part-box:nth-child(55), .part-box:nth-child(60), .part-box:nth-child(65), .part-box:nth-child(70), .part-box:nth-child(75), .part-box:nth-child(80), .part-box:nth-child(85), .part-box:nth-child(90), .part-box:nth-child(95), .part-box:nth-child(100), .part-box:nth-child(105), .part-box:nth-child(110), .part-box:nth-child(115), .part-box:nth-child(120), .part-box:nth-child(125), .part-box:nth-child(130), .part-box:nth-child(135), .part-box:nth-child(140), .part-box:nth-child(145), .part-box:nth-child(150), .part-box:nth-child(155), .part-box:nth-child(160), .part-box:nth-child(165), .part-box:nth-child(170) { margin:0 0 30px; } */

.distribution-title { text-align: center; position: relative; color: #2a3793; font-weight:200; font-size:40px; margin: 0 0 20px; padding: 0 0 10px; line-height: 40px; text-transform:uppercase;  }
 
.distribution-title::before { content: ''; position: absolute; left: 0; right: 0; margin: 0 auto; background:#eb1e2b; width: 90px; height:5px; display: block; bottom: 0; } 
.white h2,  .white p {color:#fff}
.part-number {  font-family: 'Work Sans', sans-serif; color:#000; font-weight:500; font-size:14px; margin:0 0 5px; text-transform:uppercase; }
.products-box { background: none; }
.products-box .owl-carousel.product-carousel .owl-item {position:relative}
.products-box .owl-carousel.product-carousel .owl-item:before {content:''; position:absolute; width:1px; height:100%; background:#fff}
.send-button { /*background:url(../images/send-arrow.png) no-repeat 85% center;*/ font-size:14px; font-weight:600; color:#176ac7; text-transform:uppercase; padding:0; margin:0 0 0 -17px; }
.part-box:hover { background:#176ac7; }
.part-box:hover .part-number { color:#fff; }
.part-box:hover .send-button { color:#fff;  }

.product-panel { background:#8ea9de; padding:55px 0 0; clear:both}
.tabbing-panel { margin:40px 0 0; }
.pro-box01 { float:left; width:100%; margin:0; position:relative;}
.pro-bottom-title { position:absolute; bottom:0; width:100%; left:0;  text-align:center; background:rgba(0, 0, 0, 0.8); padding:10px 0;  display:table; height:72px; }
.pro-bottom-title span { font-size:18px; font-weight:500; color:#fff; text-transform:none; letter-spacing:inherit; display: table-cell;
  vertical-align: middle; }
  
.product-thumb { overflow:hidden; display:block; }
.product-thumb img { transition: transform .5s ease; }
.product-thumb:hover img { transform: scale(1.2); }

.about-panel { background:url(../images/about-bg.jpg) no-repeat top center; position:relative; padding:55px 0; }
.about-title { text-align: left; position: relative; color:#2a3793; font-weight:200; font-size:40px; margin: 0 0 25px; padding: 0 0 10px; line-height: 40px; text-transform:uppercase;  }
.about-title::before { content: ''; position: absolute; left: 0; right: 0; margin: 0; background:#eb1e2b; width: 90px; height:5px; display: block; bottom: 0; } 
.about-sub { font-size:24px; color:#000; font-weight:500; line-height:31px; margin:0 0 25px; padding:0;  }
.read-btn { margin:25px 0 0; }
.view-all { width: 100%; text-align: center; padding: 35px 0 60px 0; }
.view-all .read-btn a {color:#fff;border:2px solid #fff;}
.read-btn a { font-size: 16px; color: #eb1d2a; text-transform: uppercase; padding: 13px 30px; border: 2px solid #eb1d2a; font-weight: 700; display: inline-block;margin: 0 10px;}
.read-btn a:hover { border:2px solid #fff; color:#fff; background: #eb1d2a} 
.display-mbl { display: none; } 
.about-panel::before { content: ''; background: url(../images/about-content-img01.png) no-repeat right 0; background-size: auto; background-size: auto; position: absolute; top: 45px; left: 0; width:682px; height: 100%; background-size: 100%;  } 
.about-rt { width: 50%; float: right; padding-left: 40px; position: relative; z-index: 9; } 

.bottom-contact-panel { position:relative; }
.bottom-text { position: relative;
z-index: 9; float:right; padding:105px 0 105px 35px; font-family: 'Work Sans', sans-serif; color:#fff; font-weight:300; font-size:20px; line-height:30px; width:50%;  }
.bottom-contact-panel::before { content: ''; background-size: auto; background-size: auto; position: absolute; top: 0; left: 0; width: 50%; height: 100%; background-size: cover; } 
.bottom-contact-panel::after { content: ''; background:#176ac7; position: absolute; top: 0; right: 0; width: 50%; height: 100%;  }
.bottom-text span { font-weight:600; font-size:16px; }
.bottom-text a { font-weight:600; text-decoration:underline; color:#fff; }
.bottom-img {display:none; }

.address-col { float: left; width: 25%; margin-bottom: 30px; }
.col1 { color: #f37417; text-align: center; margin-bottom: 15px; }
.add-iocns { margin: 0 10px 0 0; }
.add-iocns i { color: #176ac7; font-size: 35px; font-weight: 600; width: 60px; height: 60px; border: 1px solid #ddd; border-radius: 100%; padding: 10px; text-align: center; vertical-align: middle; line-height: 38px; }
.col2 { color: #000; text-align: center; font-weight: 400; } 
.col2 a { color: #000; }
.col2 a:hover { color: #000; text-decoration:underline;  }
.orenge-bold { font-size:20px; color: #176ac7; font-weight: 500; } 

.form-box { width:48%; float: left; }  
.enquiry-row { float: left; margin: 0px; padding: 0 0 30px; width: 100%; }  
.enquiry-bold { color: #000; float: left; padding:0; text-align: left; width: 100%; margin:0 0 10px;  }  
.enquiry-bold2 { float: left; font-weight: bold; padding: 4px 0 0 0; text-align: left; width: 5%; display:none;  }   
.enquiry-text { float: left; font-size: 13px; font-weight: normal; padding: 0; width:100%; }  
.req-fields { color: #ff0000; font-size: 14px; font-weight: bold; }  
.form-textfield-one { border:0; height: auto; padding:7px 0; border-bottom: 1px solid #cccccc;  border-right: 1px solid #cccccc; width: 100%; }  
.enquiry-button3 { text-align: center; width: 100%; margin: 0 auto; }
 
.form-textfield { border: 0px solid #fff; height: auto; padding: 7px 0; border-bottom: 1px solid #cccccc;  border-right: 1px solid #cccccc; width: 100%;  } 
.form-textfield2 { border: 0px solid #fff; height: auto; padding: 1px 0 0; border-bottom: 1px solid #cccccc;  border-right: 1px solid #cccccc; width: 100%;  } 
.business-title { position:relative; font-family: 'Work Sans', sans-serif; color: #ed1d24; font-weight: 400; font-size: 35px; margin: 0 0 30px; padding: 0 0 15px; line-height: 40px; }
.business-title::before { content: ''; position: absolute; left: 0; margin: 0;  width: 88px; height: 3px; display: block; bottom: 0; } 
.city-box {  margin:15px 14px 0 0; width: 31%; } 
.mrs { width:10%; margin:0 15px 0 0; }
.mr-sm { width:86%;  }
.area-code-small {  margin:0 10px 0 0; width: 15%; }  
.area-code { margin:0 10px 0 0; width: 23%; }
.city-box:last-child { margin:0; }
.phone-no { width: 56%; } 
.submit { background: #ed1d24; border-radius:8px; border: medium none; font-size:17px; color:#fff; text-transform:uppercase; cursor: pointer; display:inline-block; margin: 15px 15px 0 0; padding: 15px 0px; text-align:center; width:130px; }
.enquiry-row-big { float: left; margin: 0px; padding: 0 0 30px; width: 100%; }
.attached-now  { float: left; margin: 0px; padding: 0 0 30px; width: 100%; }
.form-inner { padding:0 2%;}

.call-wrap {
  position: fixed;
  right: -5px;
  z-index: 99;
  bottom: 120px;
}

.upload-btn-wrapper {
  position: relative;
  overflow: hidden;
  display: inline-block;
}

.btn {
  border: 2px solid #ed1d24;
  color: #ed1d24;
  background-color: white;
  padding: 8px 20px;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 400;
}

.upload-btn-wrapper input[type=file] {
  font-size: 100px;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}

input[type=number] {
  -moz-appearance: textfield;
   -webkit-appearance: none;
}

.form-control:focus {
  background-color: #f8f8f8 !important;
  box-shadow: none !important;
}

.site-title { position: relative; font-family: 'Work Sans', sans-serif; color: #ed1d24; font-weight: 400; font-size: 25px; margin: 0 0 20px; padding: 0 0 10px; line-height: 30px; float: left; width: 100%; }
.site-title a { color: #ed1d24; }
.site-title::before { content: ''; position: absolute; left: 0; margin: 0;  width: 88px; height: 3px; display: block; bottom: 0; } 
ul.site-bullets01 { margin:0; padding:0 0 0 20px; } 
ul.site-bullets01 li { list-style:none;  float: left; width:100%; border-bottom:1px solid #e8e9ec; margin:0 0 10px;  }
ul.site-bullets01 li a { font-size: 18px; line-height: 22px; font-weight: 400; text-transform: capitalize; color: #000000; padding:0 0 15px 15px; display:block;  }

ul.site-bullets02 { margin:0; padding:0 0 0 20px; } 
ul.site-bullets02 li {  list-style:none; float: left; width: 25%; border-bottom:0; margin: 0; }
ul.site-bullets02 li a { font-size: 16px; line-height: 22px; font-weight: 400; text-transform: capitalize; color: #000000; padding:0 0 10px 20px;  display:block; }
ul.site-bullets02.full-wid li { width:100%; }

ul.site-bullets03 { margin:0; padding:0 0 0 20px; } 
ul.site-bullets03 li {  list-style:none; float: left; width:20% !important; }
ul.site-bullets03 li a { font-size: 14px; line-height: 22px; font-weight: 400; text-transform: capitalize; color: #000000; padding:0 0 10px 0px; background:none; display:block; }

ul.inside-bullets { margin:0; padding:0; }
ul.inside-bullets li {  list-style:none; float: left; width:50%; }
ul.inside-bullets li a { font-size: 16px; line-height: 22px; font-weight: 400; text-transform: capitalize; color: #fff; padding:0 0 10px 20px;  display:block; }


ul.inside-bullets02 { margin:0; padding:0; } 
ul.inside-bullets02 li { font-family: 'Work Sans', sans-serif; color:#000; font-size: 16px; line-height: 24px; font-weight: 400; list-style:none; float: left; width: 33%; border-bottom:0; margin: 0;  padding:0 0 10px 20px; display:block;}
ul.inside-bullets02 li a { font-size: 16px; line-height: 22px; font-weight: 400; text-transform: capitalize; color: #000000; }

ul.inside-bullets03 { margin:0; padding:0; } 
ul.inside-bullets03 li { font-family: 'Work Sans', sans-serif; color:#000; font-size: 16px; line-height: 24px; font-weight: 400; list-style:none; float: left; width: 100%; border-bottom:0; margin: 0;  padding:0 0 10px 20px;  display:block;}
ul.inside-bullets03 li a { text-transform: capitalize; color: #000000; }


table.pro-main { padding: 0px; margin: 0px 0px 10px 0px; border:0px solid #f1f1f1; font-size: 14px; } 
table.pro-main .box-bg { background-color: #176ac7; height: auto; font-weight: 500; font-size: 16px; color:#fff; }
table.pro-main tr { padding: 0px; margin: 0px; border:0px solid #f1f1f1; }
table.pro-main .box-one { width: 50%; padding: 9px; border: 0; }
table.pro-main td { vertical-align: top; }
table.pro-main td { padding: 0px; margin: 0px; border: 0px solid #f1f1f1; }
table.pro-main .box-bg-two { background-color: #eeeeee; height: auto; font-weight: 300; }
table.pro-main .box-bg-three { background-color: #fcfcfc; height: auto; font-weight: 300; } 

.product-logo-panel { margin:40px 0 0; }
.product-logo-panel ul { margin:0 -15px; padding:0; }
.product-logo-panel ul li { list-style:none; float:left;  margin:0 15px 15px; width:204px; box-shadow: 0px 2px 30px rgba(0, 3, 8, 0.1); }

.wireless-panel { padding:10px 0 50px; }
.grey-patch { background:#f8f4ec; }

.pro-title { text-align:center; position: relative; font-family: 'Work Sans', sans-serif; color: #ed1d24; font-weight: 400; font-size: 35px; margin: 0 0 30px; padding: 0 0 15px; line-height: 40px; }
.pro-title::before { content: ''; position: absolute; left: 0; right:0; margin: 0 auto;  width: 88px; height: 3px; display: block; bottom: 0; } 
.brand-wrap { margin:0 0 40px; }
.brand-title { float:left; font-size:20px; color:#000; font-weight:500; padding:0; margin:0; text-transform:uppercase; width:25%; } 
.brand-extra { float:left; width: 75%; }
.brand-extra ul { margin:0; padding:0; }
.brand-extra ul li { margin:0 0 15px; padding:0 15px; list-style:none; float:left; border-right:1px solid #c8c8c8; }
.brand-extra ul li:last-child { border:0; }
.brand-extra ul li img { width:130px; height:46px; }
.enquiry-profile { float:left; margin:0 30px 0 0; width:48%; }
.module-panel { background-attachment:fixed; padding:50px 0 25px }
.module-wrap { float:left; width:20%; margin:0 0 25px;  }
.module-icon { float:left; margin:0 10px 0 0;  } 
.module-icon img { vertical-align:middle; display:inline-block; }
.module-text { float:left;  font-size:16px; color:#fff; padding:5px 0 0; }

.support-panel { position: relative; }
.support-panel::before { content: ''; background-size: auto; background-size: auto; background-size: auto; position: absolute; top: 0; left: 0; width: 50%; height: 100%; background-size: cover; } 
.support-panel::after { content: ''; background: #176ac7; position: absolute; top: 0; right: 0; width: 50%; height: 100%; } 
.details-title { font-size:35px; color:#000; font-weight:500; margin:0 0 50px; text-align:center; }
.detail-sub { color:#ee1d24; margin:0 0 30px; font-size:19px; padding:0; text-align:center; font-weight:500; }
ul.detail-list { margin:0 0 30px; padding:0; }
ul.detail-list li { margin:0 0 15px; padding:0 10px 0 15px; list-style:none; font-size:16px; color:#000; float:left; width:33%; position:relative; }
ul.detail-list li:before { content:''; position:absolute; left:0; top:4px; background:#ee1d24; width:2px; height:17px; }
.enquiry-btn { margin:20px 0 0; text-align:left; }
.enquiry-btn a { background:#fff; font-size: 14px; font-weight: 600; color: #176ac7; text-transform: uppercase; padding:15px 35px 15px 25px; display:inline-block; border-radius:8px; margin: 0; text-decoration:none; } 
.enquiry-btn a:hover {  color:#fff; }
.enquiry-btn2 { background:#e71f29 !important; color: #fff !important; padding: 6px 10px !important; } 
.enquiry-btn2:hover {  color:#fff;background:#000 !important }

.enquiry-btn2:hover::after {display:none}

ul.detail-sub-list { margin:0 0 30px 12px; padding:0; }
ul.detail-sub-list li { margin:0; padding:5px 10px 5px 0; list-style:none; padding:0 0 0 15px; margin:0 0 15px; font-size:15px; color:#000; float:left; width:100%; border:0;  }
ul.detail-sub-list li:before { content:unset; }

.simcom-main { border:1px solid #f1f1f1; margin:0 0 20px; }
.simcom-panel { margin:40px 0 0; }
.simcom-title { text-align:center; font-size:16px; color:#000; font-weight:500; padding:15px 0; }
.simcom-profile { background:#f9f9f9; }

ul.big-list { margin:0 0 30px; padding:0; }
ul.big-list li { margin:0 5% 15px; padding:0 10px 0 15px; list-style:none; font-size:16px; color:#000; float:left; width:40%; position:relative; font-weight:500; }
ul.big-list li:before { content:''; position:absolute; left:0; top:4px; background:#ee1d24; width:2px; height:17px; }
ul.big-list li:last-child { width:100%; }

ul.big-sub-list { margin:0 0 30px 12px; padding:0; }
ul.big-sub-list li { margin:0; padding:5px 10px 5px 0; list-style:none; padding:0 0 0 15px; margin:0 0 15px; font-size:15px; color:#000; float:left; width:100%; border:0; font-weight:300; }
ul.big-sub-list li:before { content:unset; }
ul.big-list li:last-child { width:auto; }
ul.big-list li:last-child ul.big-sub-list li { width:33%; }

ul.big-leve2 { margin:0 0 30px 12px; padding:0; }
ul.big-leve2 li { margin:0; padding:4px 10px 4px 0; list-style:none; padding:0 0 0 15px; margin:0 0 15px; font-size:14px; color:#000; float:left; width:100%; border:0;  font-weight:300; }
ul.big-leve2 li:before { content:unset; }
ul.big-list li:last-child ul.big-leve2 li { width:100%; }

.product-main { margin-top:-8px !important; }
.pro-img img { margin:0 auto 20px; height:97%;}
h3 { font-size:18px; line-height:24px; font-weight:600; color:#176ac7; padding:0; margin:10px 0 20px;}
h3.title-h3 {color:#000}
p {  color:#000; font-weight:400; font-size:15px; line-height:24px; }
.tab-con-wrap p, .tab-cont p { color:#fff;}

/* accordion style1 */
.accordion-style1 .panel  {background: transparent; box-shadow: none; margin-top: 0 !important}
.accordion-style1.panel-group .panel-heading  {border: 0px; border-bottom: 1px solid #000;}
.accordion-style1 .panel-heading {padding: 16px 0;}
.accordion-style1 .panel-title { font-size: 18px; font-weight: 500; color: #000; padding-right: 0; position: relative; }
.accordion-style1 .panel-title > span.float-right { position: absolute; right: 0; top: 0; }
.accordion-style1 .panel-heading i {font-size: 12px; color: #000}
.accordion-style1.panel-group .panel-heading+.panel-collapse>.list-group, .accordion-style1.panel-group .panel-heading+.panel-collapse>.panel-body{border-top:0; padding: 25px 0}

.mail-btn {  color: #fff;  display: inline-block; padding:5px 20px; border:1px solid #fa281a; background:#fa281a;  margin:5px 0 0; } 
.mail-btn:hover { color: #fa281a; border:1px solid #fa281a; background:#fff; } 

.accordion-style1 .collapsed .panel-title {color:#000; }
.certifications-panel { float:left; padding:0 15px 30px; width:20%; }
.thumb { position: relative; margin-bottom: 0px; background:#fff; } 

.certifications-info { font-size: 18px; font-weight: 600; color: #000; background: #fff; padding: 15px; display: flex; justify-content: center; align-items: center; border-top: 1px solid #eff0f1; }
.contact-info .info-box { padding:40px 30px; background-color: #fff; display: -ms-grid; display: grid; -ms-grid-rows: 1fr; grid-template-rows: 1fr; -ms-grid-columns: 40px 1fr; grid-template-columns: 40px 1fr; margin-bottom: 0px; grid-column-gap: 30px; min-height: 255px; } 

.contact-info .info-box .icon { font-size: 40px; color: #eb1e2b; } 
.contact-info .info-box .desc h4 { font-size: 24px; margin-bottom: 20px; } 

.contact-form { background-color: #fff; padding:0px; } 
.input-group .icon { position: absolute; left: 40px; bottom: 35px; color: #000; -webkit-transform: translateY(50%); transform: translateY(50%); }
.input-group.textarea .icon { top: 25px; bottom: auto; -webkit-transform: translateY(0); transform: translateY(0); }
/* .contact-form .input-group input, .contact-form .input-group select, .contact-form .input-group textarea, .contact-form .input-group select { padding-left: 80px; } */
.contact-form .mb-30 { margin-bottom: 30px; }
.contact-form input, .contact-form select, .contact-form textarea, .contact-form select { border: none; width: 100%; height: 70px; background-color: #f8f8f8; padding: 0 40px; padding-left: 40px; color:#000; -webkit-appearance: none; -moz-appearance:none; appearance:none;outline: 0 !important; }
.contact-form select {  background: #f8f8f8 url(../images/select-arrow-black.png) no-repeat 95% 50%; color: #000 } 
.contact-form select .grey-color { color:#ccc;  }

.contact-form input::-webkit-input-placeholder, .contact-form textarea::-webkit-input-placeholder, .contact-form select::-webkit-input-placeholder { /* Edge */
  color: #000;
}

.contact-form input:-ms-input-placeholder, .contact-form textarea:-ms-input-placeholder, .contact-form select:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #000;
}

.contact-form input::placeholder, .contact-form input:placeholder, .contact-form select:placeholder {
  color: #000;
}


 option:not(first-child) {
        color: #000;
    }

.contact-form textarea { height:150px; padding-top: 25px; }
.submit-main-btn { font-size: 16px; color: #fa281a; background:#fff; text-transform: uppercase; padding: 15px 30px; border: 2px solid #fa281a; font-weight: 700; display: inline-block; }
.submit-main-btn:hover { border: 2px solid #000; color: #000; }

/* gutter type */
.portfolio-grid.gutter-very-small li, .blog-grid.gutter-very-small li {padding: 3px 3px }
.portfolio-grid.gutter-small li, .blog-grid.gutter-small li {padding:5px 5px }

.portfolio-grid.gutter-medium li, .blog-grid.gutter-medium li {padding:7px 7px }
.portfolio-grid.gutter-large li, .blog-grid.gutter-large li {padding:10px 10px; }
.portfolio-grid.gutter-extra-large li, .blog-grid.gutter-extra-large li {padding:20px;}
.portfolio-grid.gutter-extra-large, .blog-grid.gutter-extra-large {margin:0 -20px;}
.blog-grid.gutter-large { margin-left: 10px; margin-right:10px;}
.portfolio-grid.gutter-large { margin: 0 10px;}
.portfolio-grid.gutter-very-small, .blog-grid.gutter-very-small {margin:0 3px }
.portfolio-grid.gutter-small, .blog-grid.gutter-small {margin:0 5px }
.portfolio-grid.gutter-medium, .blog-grid.gutter-medium {margin:0 7px }

/* portfolio 6 column */
.portfolio-grid.work-6col li, .blog-grid.blog-6col li {width: 16.67%} 
.portfolio-grid.work-6col li.grid-item-double, .blog-grid.blog-6col li.grid-item-double {width: 33.33%;}

/* portfolio 5 column */
.portfolio-grid.work-5col li, .blog-grid.blog-5col li {width: 20%} 
.portfolio-grid.work-5col li.grid-item-double, .blog-grid.blog-5col li.grid-item-double {width: 40%;}

/* portfolio 4 column */
.portfolio-grid.work-4col li, .blog-grid.blog-4col li {width: 25%} 
.portfolio-grid.work-4col li.grid-item-double, .blog-grid.blog-4col li.grid-item-double {width: 50%;}

/* portfolio 3 column */
.portfolio-grid.work-3col li, .blog-grid.blog-3col li {width: 33.33%; float: left}
.portfolio-grid.work-3col li.grid-item-double, .blog-grid.blog-3col li.grid-item-double {width: 66.67%;}

/* portfolio 2 column */
.portfolio-grid.work-2col li, .blog-grid.blog-2col li {width: 50%}
.portfolio-grid.work-2col li.grid-item-double, .blog-grid.blog-2col li.grid-item-double {width: 100%}

/* portfolio 1 column */
.portfolio-grid.work-1col li {width: 100%}


/* portfolio grid */
.portfolio-grid { list-style: none; padding: 0; margin: 0;}
.portfolio-grid .grid-item figure {margin: 0; position: relative; overflow: hidden}
.portfolio-grid .grid-item figure img {display: block; width: 100%; cursor: pointer; }
.portfolio-grid .grid-item {opacity: 1;overflow: hidden;}
.portfolio-grid .grid-item figure img {cursor: pointer; display: block; opacity: 1; width: 100%; transition: all 0.3s ease 0s;}
.portfolio-grid .grid-item figcaption {bottom:0; left:0; opacity: 0; position: absolute; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; width: 100%; height: 100%; padding:45px; z-index: 1; text-align: center}
.portfolio-grid .grid-item figure:hover .portfolio-img {transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s;}
.portfolio-grid .grid-item figure .portfolio-img { transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s;}
.portfolio-grid .grid-item figure:hover img { opacity: 0.15; transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s;}
.portfolio-grid .grid-item figure:hover figcaption {opacity: 1; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s;}
.container .hover-option4 .grid-item figcaption {padding: 30px;}

.gal {   -webkit-column-count: 3; /* Chrome, Safari, Opera */ -moz-column-count: 3; /* Firefox */ column-count: 3;   }	
.gal img{ width: 100%; padding: 7px 0;}
.panel-body ul, ul.common-list {padding:0; margin:0; width:100%; display:block}
.panel-body ul li, ul.common-list li {position: relative; display: block; padding: 0 0 0 20px; margin: 0 0 15px 0;}
.panel-body ul li:last-child, ul.common-list li:last-child {margin:0}
.panel-body ul li:before,ul.common-list li:before  {content: ''; position: absolute; left: 0; width: 3px; height: 16px; display: block; background: #eb1d2a; top: 5px;}	
.main-title.text-center:before {left:0; right:0; margin:0 auto}
.h2-title {font-size: 30px; color: #eb1e2b; font-weight: 200; padding: 0; margin: 0 0 30px; line-height: 40px;}

.w01 {width:253px}
.w02 {width:343px}
.w03 {width:196px}
.w04 {width:182px}
.grey-patch p:last-child, .white-patch p:last-child {margin-bottom:0}
.pt-50 {padding-top:45px}
.wd-less { width: 60%; margin: 0 auto; display: block; }
.wd-less.wd-less2 { width: 70%; }
a.example-image-link {display:block}
	
.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.table-responsive table { 
    width: 100%; 
    border-collapse: collapse; 
    margin:0px auto;
    }
/* Zebra striping */

.table-responsive table tr:nth-of-type(odd) { 
    background: #dde7fb; 
    }

.table-responsive table th { 
    background: #8ea9de; 
    color: white; 
	width: 16%;
	text-align: center !important;
    font-weight: 700 !important; 
    }

.table-responsive table td, 
.table-responsive table th { 
    padding: 10px; 
    border: 1px solid #ededed; 
    text-align: left; 
    font-size: 15px; font-weight:400;
    }
	
.owl-carousel.raw-mat .owl-stage{margin:0 auto}
	
.table-responsive table th:nth-child(1) {
    width: 50%;
	text-align: left !important;	    
}
.table-responsive table td:nth-child(1) {
	text-align: left !important;
    text-transform: uppercase;	
}	
.table-responsive.table2 table th:nth-child(2) {
    width:9%;
}	
span.ava-area {
    border: 1px solid #b0b8c7;
    padding: 2px 10px;
}
.table-responsive table td {
    text-align: center;
}

#enquiry-now {position: relative;top:-150px;}

@media (max-width: 500px) {
		
.gal { -webkit-column-count: 1; /* Chrome, Safari, Opera */ -moz-column-count: 1; /* Firefox */ column-count: 1; }
		
}




/* Navigation Styles */
nav { position: relative;  }
header.dark nav { background-color:rgba(255,255,255,0.5); }
header.light nav { background-color:rgba(0,0,0,0.5); }
.banners-area { padding-bottom: 10px;  }
.main-nav { list-style-type: none; padding: 0px; font-size: 0px; max-width: 1000px; margin: 0 auto; }
.main-nav > li { display: inline-block; padding:23px 15px;  position:static; background: url(../images/devider.png) no-repeat right center; }
.main-nav > li:last-child { background:none;padding: 0 !important; }
.main-nav > li > a { display: block; padding: 0px 1px; position: relative; color: #000; font-size: 14px; margin:0; font-weight: 400; text-transform:uppercase; box-sizing: border-box; letter-spacing:1px; }

.main-nav > li:hover { color:#eb1e2b; }
.main-nav > li:hover > a { color: #eb1e2b; font-weight: 400; }

.main-nav > li ul.sub-menu-lists { margin: 0px; padding: 0px; list-style-type : none; }

.main-nav > li ul.sub-menu-lists > li { padding: 2px 0;  border-bottom:1px solid #f8f4ec; }
.main-nav > li ul.sub-menu-lists > li:last-child {border-bottom:none}
.main-nav > li ul.sub-menu-lists > li > a { font-size: 14px; color:#000; font-weight:300; background: url(../images/menu-arrow.png) no-repeat 0 9px; display: block; padding: 4px 0 4px 15px; line-height:20px; }

.ic { position: fixed; cursor: pointer; display: inline-block; right: 25px; width: 32px; height: 24px; text-align: center; top:0px; outline: none; }
.ic.close { opacity: 1; font-size:14px; font-weight: 300; color: #fff; top:8px; height:40px; display: block; outline: none; position:absolute; background: url('../images/close.png') center center no-repeat; width:27px;right: 15px; }

.pop-title {
  font-size: 23px;
  color: #eb1e2b;
  font-weight: 200;
  padding: 0;
  margin: 0 0 20px;
  line-height: 35px;
}

section.modalWindow .col-md-6.mb-30 {
  margin-bottom: 0 !important;
}

/* Menu Icons for Devices*/
.ic.menu { top:25px;  }
.ic.menu .line { height: 4px; width: 100%; display: block; margin-bottom: 6px;   background: #000; }
.ic.menu .line-last-child { margin-bottom: 0px;  }

.sub-menu-head { margin:0 0 10px; }
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot { background:rgba(255, 255, 255, 0.8); }
.products-box .owl-prev, .products-box .owl-next { width: 40px; height:40px; position: absolute; top: 50%; transform: translateY(-50%); display: block !important; border:0px solid black; background:rgba(255, 255, 255, 0.5); } 	
.products-box .owl-prev .fa, .products-box .owl-next .fa { font-weight:700; font-size:40px; }
.products-box .owl-prev { left:10px; }
.products-box .owl-next { right:10px; }

.about-wrap { padding:30px 0; }
.whatsapp-wrap {position:fixed; right:-5px; z-index:99; bottom: 50px; }

.scroll-top-arrow, .scroll-top-arrow:focus { color: #fff; background: #eb1d2a; line-height: 40px; display: none; height: 40px; width: 40px; padding: 0; font-size:30px; font-weight:600; position: fixed; right: 10px; text-align: center; text-decoration: none; bottom: 10px; z-index: 999; border-radius: 0; }
.scroll-top-arrow:hover { background: #2a3793; color:#fff; }

.product-slider .pro-box01 { width:336px; margin:0 1px 0 0; }
.product-slider .pro-box02 { float:left; width:448px; margin:0 1px 0 0; position: relative; }

.ic.close {display:none}
.mt-30 {margin-top:30px}
a.collapse1 .ti-plus:before, a.collapse2 .ti-plus:before, a.collapse3 .ti-plus:before {
    content: "\e61a" !important;
}
.accordion-style1 .panel-heading a:(.collapsed) .ti-plus::before {content:"\e622" !important;}
.mrtp-30{margin-top:30px;}
.spacer1{margin-top:30px;float: left;width: 100%;}

.brd-none {
  background: none !important;
}

section.modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 998;
}
section.modalWindow {
  display: none;
  position: fixed;
  top: 10%;
  left: 42%;
  z-index: 999 !important;
  width: 770px;
  min-height: auto;
  margin-left: -300px;
  background: #FFF;
  cursor: default;
  padding: 32px;
  height: auto !important;
}
section.modal.overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 100%;
    background: rgba(0, 0, 0, 0.7);
    z-index: 997;
    cursor: pointer;
}
section.modalWindow section.modalWrapper {
    margin: 30px;
    border: 1px solid #DADADA;
    padding: 15px;
    text-align: left;
    line-height: 20px !important;
  height: 300px;
}
.closeBtn {
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
  background: #eb1e2b !important;
  z-index: 99999;
  color: #fff !important;
  height: 28px;
  width: 30px;
  text-align: center;
}

.closeBtn img {
  width: 60%;
}

@media only screen and (min-width:768px) {

#header { padding-top:0;padding-bottom:0 }
.main-nav > li a{padding: 8px 0px;}
}
@media only screen and (max-width:767px) {
	
.mrtp-mbl{margin-top:15px;}
}
@media only screen and (max-width:768px) {

section.modalWindow .input-group input {
  height: 50px !important;
  margin-bottom: 0px !important;
}
section.modalWindow .input-group {
  margin-bottom: 20px !important;
}

section.modalWindow {
  top: 5%;
  left: 6% !important;
  width: 90%;
  min-height: auto;
  margin-left: 0 !important;
  background: #FFF;
  cursor: default;
  padding: 32px;
  height: auto !important;
}	
	
.container { padding:0 15px; }
.sub-menu-head { color:orange; }
.ic.menu { display: block; }
header.dark .ic.menu .line { background-color: #fff; } 
header.light .ic.menu .line { background-color: #000; }
.ic.menu .line { -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; }   
 
/* Main Menu for Handheld Devices  */
.main-nav { width:100%; display:block}   
#mySidenav {z-index:2; padding: 50px 0; position: fixed; right: -300px; top: 0px; width: 300px; background-color:#2a3793; height: 100%; overflow-x: hidden;transition: 0.5s; z-index: 999;}
.main-nav > li > a:after {display: none;}
.main-nav > li:first-child { border-radius: 0px; }
.main-nav > li { display: block; border-bottom:1px solid #15238b; background: none; position:relative;padding-top: 0;padding-bottom: 0 !important;}   
.main-nav > li > a { font-weight: 600; color: #fff !important; padding: 5px 1px; }
.main-nav > li ul.sub-menu-lists > li a { color: #fff; font-size: 13px; background: url(../images/menu-arrow-w.png) no-repeat 0 8px; padding:2px 0 2px 15px; line-height:20px; }
.sub-menu-head { font-size: 14px; margin: 0; padding: 0 0 10px; color:#fff; line-height:25px; font-weight:500; }
.main-nav > li:hover { background-color: transparent;  }
.main-nav > li:hover > a {color: #fff; text-decoration: none; font-weight: 600;}

.sub-menu-block { padding: 0 10px; display:none }
.banners-area { padding-bottom: 10px;  }
.banners-area div { margin-bottom: 15px;  }
.banners-area { border-top: 1px solid #444; }
.dropdown-btn {display:inline-block;position: absolute; right:0; top: 2px; width: 50px; display: flex; align-items: center; justify-content: center; line-height: 16px; height: 30px;} 
.dropdown-btn .fa-angle-down { display: flex; align-items: center; }
.sub-menu-head.dropdown .dropdown-btn span::before {width:8px; height:8px}
.sub-menu-head.dropdown .dropdown-btn {height: 24px; justify-content: center; right: -5px; width: 40px;}
.certifications-panel { margin-bottom: 30px; }
.cert {padding-bottom:25px}
.certifications-info br {display:none}
}

@media only screen and (min-width:769px) {
.ic.menu { display: none; }
/* Main Menu for Desktop Devices  */
.main-nav { display: block; position: relative; }
.sub-menu-block { padding:15px 20px; }

/* Sub Menu */
.main-nav > li > div.sub-menu-block { visibility: hidden; background-color: #2a3793; position: absolute; margin-top: 0px; width: 100%;min-width:1015px;top: 78px; color: #333; right: 0; box-sizing: border-box; z-index : 3; font-size: 16px; opacity: 0;

/*CSS animation applied for sub menu : Slide from Top  -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; -webkit-transform: rotateX(90deg); -moz-transform: rotateX(90deg); -ms-transform: rotateX(90deg); transform: rotateX(90deg); -webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center;*/

}
.main-nav > li > div.sub-menu-block a:hover { color:#fb291b; }
.main-nav > li:hover > div.sub-menu-block{ background-color: #fff; visibility: visible; opacity: 1; -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -ms-transform: rotateX(0deg); transform: rotateX(0deg);box-shadow:0 5px 5px 0 rgba(200,213,229,0.99); }
.main-nav > li > div.sub-menu-block > * { -webkit-transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -o-transition-duration: 0.4s; transition-duration: 0.4s; opacity: 0; }

.main-nav > li:hover > div.sub-menu-block > * { opacity: 1; }

h2.sub-menu-head { font-size: 20px; padding:0; color:#eb1e2b; font-weight:400; line-height:40px;  } 
h2.sub-menu-head::before { content: ''; position: absolute; left: 0; margin: 0; background: #000; width: 100%; height: 1px; display: block; bottom: 0; } 
/* List Separator: Outer Border */
header.dark .main-nav > li > a { border-right: 1px solid #bbb; }
header.light .main-nav > li > a { border-right: 1px solid #666; }

/* .main-nav > li:after { content: '|'; width: 2px; height: 15px; position: absolute; right:0; top: 6px; z-index : 2; } */ 
header.dark .main-nav > li > a:after { background-color: #777; }
header.light .main-nav > li > a:after { background-color: #999; }

/* Drop Down/Up Arrow for Mega Menu */
.main-nav > li > a.mega-menu > span { display: block; vertical-align: middle; }
/* .main-nav > li > a.mega-menu > span:after { width: 0;  height: 0;  border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #fff; content: ''; background-color: transparent; display: inline-block; margin-left: 10px; vertical-align: middle; } */ 
.main-nav > li:hover > a.mega-menu span:after{ border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 0px solid transparent; border-bottom: 5px solid #666; }

.main-nav > li > a:hover::after {  content: ''; width: 100%; height: 2px; position: absolute; left:0; bottom: 0px; z-index : 2; background:#eb1e2b; }

.dropdown-btn {display:none}

}

a.anchor { display: block; position: relative; top: -80px; visibility: hidden; }























@media only screen and (min-width: 768px){
.main-menu .navigation > li > ul,.main-menu .navigation > li > ul > li > ul,.main-menu .navigation > li > ul > li > ul > li  > ul{display:block !important;visibility:hidden;opacity:0;}
.navbar-collapse.collapse { display: block !important; height: auto !important; padding-bottom: 0; overflow: visible !important;}

}



@media only screen and (max-width: 1024px) {
.certifications-info { font-size: 15px; }
.container { padding:0 15px; }
.module-wrap { width:25%; }
#header .menu-holder { display:none }
.main-menu .navigation > li { margin-left: 13px;}
.banner-carousel .slide-item { min-height:450px}
.genesis-box { float: left; width: 47%; } 
.part-box { width:174px;  }
.part-number { font-size:16px; } 

.logo-cont { width: 20%; }
.product-logo-panel ul li { width:174px; }
.send-button {  }
.mrs { width: 12%; }
.mr-sm { width: 83%; }
.city-box { margin: 15px 14px 0 0; width: 30.5%; } 
.phone-no { width: 55%; }
.about-panel::before { width:50%; }
.main-title { font-size: 30px; }
.contact-info .info-box { min-height: 266px; }
.product-slider .pro-box01 , .product-slider .pro-box02 { width: 340px; margin: 0 1px 0 0; } 
.pro-bottom-title span { font-size: 15px; }
.uvp {padding:0 15px}
.w01 {width:231px}
.w02 {width:300px}
.w03 {width:179px}
.w04 {width:164px}
.count-txt .text-big {font-size: 28px;line-height: 28px;}
.count-txt .text-small {    font-size: 18px; line-height: 18px; }
}


@media only screen and (max-width: 992px) {
.container { padding:0 15px; }
.main-title { font-size: 25px; }
.product-slider .pro-box01 , .product-slider .pro-box02 { width: 255px; margin: 0 1px 0 0; } 
.pro-bottom-title span { font-size: 15px; line-height: 20px; }
.certifications-panel { width:33%; }
.about-panel::before { width: 45%; }
.about-rt { width: 60%; }
.diameters-list ul li { margin:0 5px; width:58px; }
.banner-carousel .slide-item { min-height:450px}
.properties a { margin-left:0; padding:8px 0}
.properties {width:100%; float:left}
.properties li { width:100%; float:left; padding:0}
.send-button {  }
ul.social-media { margin: 3px 0 0; }
.main-menu .navigation > li { padding: 0 12px; margin-left: 0; }
.product-logo-panel ul li { width: 162px; }
.brand-extra ul li { padding:0 3px; }
ul.detail-list li { width:50%; }
.module-wrap { width:33%; }
.enquiry-profile { float: left; margin: 0 0 30px; width: 100%; } 
.form-box { width: 100%; float: left; }
.mr-sm { width: 85%; } 
.city-box { margin: 15px 14px 0 0; width: 31.5%; } 
.phone-no { width: 58%; }
ul.big-list li { width: 50%; margin: 0 0 15px; }
ul.big-sub-list li { width:100%; }
ul.big-list li:last-child ul.big-sub-list li { width: 50%; }
ul.big-leve2 li { width:100% !important; }

/* .part-box:nth-child(5), .part-box:nth-child(10), .part-box:nth-child(15), .part-box:nth-child(20), .part-box:nth-child(25),  */
/* .part-box:nth-child(30), .part-box:nth-child(35), .part-box:nth-child(40), .part-box:nth-child(45), .part-box:nth-child(50), .part-box:nth-child(55), .part-box:nth-child(60), .part-box:nth-child(65), .part-box:nth-child(70), .part-box:nth-child(75), .part-box:nth-child(80), .part-box:nth-child(85), .part-box:nth-child(90), .part-box:nth-child(95), .part-box:nth-child(100), .part-box:nth-child(105), .part-box:nth-child(110), .part-box:nth-child(115), .part-box:nth-child(120), .part-box:nth-child(125), .part-box:nth-child(130), .part-box:nth-child(135), .part-box:nth-child(140), .part-box:nth-child(145), .part-box:nth-child(150), .part-box:nth-child(155), .part-box:nth-child(160), .part-box:nth-child(165), .part-box:nth-child(170) { margin:0 30px 30px 0; } */

/* .part-box:nth-child(3), .part-box:nth-child(6), .part-box:nth-child(9), .part-box:nth-child(12), .part-box:nth-child(15),  */
/* .part-box:nth-child(18), .part-box:nth-child(21), .part-box:nth-child(24), .part-box:nth-child(27), .part-box:nth-child(30), .part-box:nth-child(33), .part-box:nth-child(36), .part-box:nth-child(39), .part-box:nth-child(42), .part-box:nth-child(45), .part-box:nth-child(48), .part-box:nth-child(51), .part-box:nth-child(54), .part-box:nth-child(57), .part-box:nth-child(60), .part-box:nth-child(63), .part-box:nth-child(66), .part-box:nth-child(69), .part-box:nth-child(72), .part-box:nth-child(75), .part-box:nth-child(78), .part-box:nth-child(81), .part-box:nth-child(84), .part-box:nth-child(87), .part-box:nth-child(90), .part-box:nth-child(93), .part-box:nth-child(96), .part-box:nth-child(99), .part-box:nth-child(102), .part-box:nth-child(105), .part-box:nth-child(108), .part-box:nth-child(111), .part-box:nth-child(113), .part-box:nth-child(115), .part-box:nth-child(118), .part-box:nth-child(121), .part-box:nth-child(123), .part-box:nth-child(126), .part-box:nth-child(129), .part-box:nth-child(132), .part-box:nth-child(135) { margin:0 0px 30px; } */

.part-box { width:226px; }
.count-txt .text-small { font-size:15px; }
.count-txt .text-big {font-size: 25px; line-height: 25px; }
.logo-cont { width: 25%; }

ul.inside-bullets02 li, ul.inside-bullets03 li { width: 50%;}
.contact-info .info-box { margin-bottom: 30px; }
.contact-info .info-box.last { margin-bottom: 0px; }
.pro-bottom-title { font-size:20px; padding: 10px 0; height: 80px; }
.careers-content { margin:0 0 20px; }
.careers-content img { width:100%; }
.count-img img { max-height: 50px; }
.ic.close {display:block}
.w01 {width:200px}
.w02 {width:277px}
.w03 {width:166px}
.w04 {width:155px}
.wd-less { width: 60%;}
.sub-menu-block .col-sm-12 {padding-left:0; padding-right:0}
}





@media only screen and (max-width: 767px) {
section.modalWindow .col-md-6.mb-30 {
  margin-bottom: 11px !important;
}	
section.modalWindow .contact-form textarea { height: 120px !important; }  
.wd-less {width: 100%;}
.container { padding:0 15px; }
.contact-form input, .contact-form select, .contact-form textarea, .contact-form select {  padding-left: 20px; }
.brand-title { width: 100%; font-size: 18px; margin:0 0 20px;  }
.brand-extra { float: left; width: 100%; } 
.brand-extra ul li { padding: 0 10px; width: 50%; text-align: center; border-right:0; border-left:1px solid #c8c8c8; }
.brand-extra ul li:first-child { border:0; } 
.brand-extra ul li:nth-child(3),.brand-extra ul li:nth-child(5) { border-left:0; } 
.rt-bt { border-right:1px solid #c8c8c8 !important; }
ul.detail-list li { width:100%; }
h2 { font-size: 35px; line-height: 40px; }
.count-txt .text-big,.counter-value { font-size:18px; line-height:18px }

.foot-mob { display:none; }
.count-txt .text-small { font-size: 14px; line-height: 16px; } 
.counter-Txt { display: block; float:left; width:100%;display: flex;  }
.certifications-panel { width:100%; }
.award-inner { text-align:center;}

.main-menu .navbar-collapse > ul li.dropdown .dropdown-btn {z-index:9999}
.main-menu {width:100%}
.mr-sm { width: 76%; }
.mrs { width: 17%; margin: 0 15px 0 0; }
.city-box { margin: 15px 14px 0 0; width: 28.6%; }
.phone-no { width:52%; } 
.banners-area { display:none; }
.sub-menu-head { padding:0 5px 10px; }
.sub-menu-head a {color:#fff}
.main-nav > li ul.sub-menu-lists > li:last-child { border-bottom:0; }
.header-upper .logo-outer {position:relative;left:0px;top:0px;right:0px;bottom:0px;width:100%;margin:0px;}
.main-header .header-top .top-right,.main-header .header-top .top-left{width:100%;	}
.main-header .header-top .top-right ul li,.main-header .header-top .top-left ul li{margin:0px 10px;	}
.main-header .header-top .top-right ul,.main-header .header-top .top-left ul,.header-top .social-icon,.header-top .top-right ul{text-align:center;width:100%;margin:10px 0px;padding:0px;	}
.sec-title h2{font-size:24px;	}
.main-menu .collapse {max-height:300px;overflow:auto;float:none;width:100%;padding:10px 0px 0px;border:none;margin:0px 0px 15px;-ms-border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;-o-border-radius:3px;border-radius:3px;box-shadow:none;}
.main-menu .collapse.in,.main-menu .collapsing{padding:10px 0px 0px;border:none;margin:0px 0px 15px;-ms-border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;-o-border-radius:3px;border-radius:3px;box-shadow:none;	}
.main-menu .navbar-header{position:relative;float:none;display:block;text-align:right;width:100%;padding:15px 0px;right:15px;z-index:12;}
.main-menu .navbar-header .navbar-toggle{display:inline-block;z-index:12;border:1px solid #67acbc;float:none;margin:0px 0px 0px 0px;border-radius:0px;background:#67acbc;padding: 9px 10px;position:absolute;top:0;right:0}

.navbar-toggle .icon-bar { display: block; width: 22px; height: 2px; border-radius: 1px;}
.navbar-toggle .icon-bar + .icon-bar { margin-top: 4px;}
.main-menu .navbar-header .navbar-toggle .icon-bar{background:#ffffff;	}
.main-menu .navbar-collapse > .navigation{float:none !important;margin:0px !important;width:100% !important;background:#2c2c2c;border:none;border-top:none;}
.main-menu .navbar-collapse > .navigation > li{margin:0px !important;float:none !important;padding:0px !important;width:100%;}
.main-menu .navigation > li > a,.main-menu .navigation > li > ul:before{border:none;	}
.main-menu .navbar-collapse > .navigation > li > a{padding:10px 10px !important;border:none !important;}
.main-menu .navigation li.dropdown > a:after,.main-menu .navigation > li.dropdown > a:before,.main-menu .navigation > li > ul > li > a::before,.main-menu .navigation > li > ul > li > ul > li > a::before{color:#ffffff !important;right:15px;font-size:16px;display:none !important;}
.main-menu .navbar-collapse > .navigation > li > ul,.main-menu .navbar-collapse > .navigation > li > ul > li > ul{position:relative;border:none;float:none;visibility:visible;opacity:1;display:none;margin:0px;left:auto !important;right:auto !important;top:auto !important;padding:0px;outline:none;width:100%;background:#2c2c2c;-webkit-border-radius:0px;-ms-border-radius:0px;-o-border-radius:0px;-moz-border-radius:0px;-webkit-box-shadow:none;-ms-box-shadow:none;-o-box-shadow:none;-moz-box-shadow:none;box-shadow:none;border-radius:0px;transition:none !important;-webkit-transition:none !important;-ms-transition:none !important;-o-transition:none !important;-moz-transition:none !important;}
.main-menu .navbar-collapse > .navigation > li > ul > li > ul,.main-menu .navbar-collapse > .navigation > li > ul > li > ul > li > ul{position:relative;border:none;float:none;visibility:visible;opacity:1;display:block;margin:0px;left:auto !important;right:auto !important;top:auto !important;padding:0px;outline:none;width:100%;background:#2c2c2c;-webkit-border-radius:0px;-ms-border-radius:0px;-o-border-radius:0px;-moz-border-radius:0px;-webkit-box-shadow:none;-ms-box-shadow:none;-o-box-shadow:none;-moz-box-shadow:none;box-shadow:none;border-radius:0px;transition:none !important;-webkit-transition:none !important;-ms-transition:none !important;-o-transition:none !important;-moz-transition:none !important;}

.main-menu .navbar-collapse > .navigation > li > ul > li > ul { display:none}
.main-menu .navbar-collapse > .navigation > li > ul,.main-menu .navbar-collapse > .navigation > li > ul > li > ul{border-top:1px solid rgba(0,0,0,0.1) !important;	}
.main-menu .navbar-collapse > .navigation > li,.main-menu .navbar-collapse > .navigation > li > ul > li,.main-menu .navbar-collapse > .navigation > li > ul > li > ul > li{border-bottom:1px solid rgba(0,0,0,0.1) !important;border-top:none;opacity:1 !important;top:0px !important;left:0px !important;visibility:visible !important;}
.main-menu .navbar-collapse > .navigation > li:first-child{border:none;	}
.main-menu .navbar-collapse > .navigation > li > a,.main-menu .navbar-collapse > .navigation > li > ul > li > a,.main-menu .navbar-collapse > .navigation > li > ul > li > ul > li > a{padding:10px 15px !important;line-height:22px;color:#ffffff;background:#2c2c2c;text-align:left;}
.main-menu .navbar-collapse > .navigation > li > ul > li > ul > li > a {padding:10px 15px 10px 35px !important}
.main-menu .navbar-collapse > .navigation > li > ul > li > ul > li > a {position:relative}
.main-menu .navbar-collapse > .navigation > li > ul > li > ul > li > a:before {border: solid #fff; border-width: 0 1px 1px 0; display:block !important; padding:0; transform: rotate(-45deg); -webkit-transform: rotate(-45deg);width:8px;height:8px;position:absolute;content:'';z-index:99;position: absolute;content: '';left: 15px;top: 16px;} 
.main-menu .navbar-collapse > .navigation > li > a:hover,.main-menu .navbar-collapse > .navigation > li > a:active,.main-menu .navbar-collapse > .navigation > li > a:focus{background:#99cc00;}
.main-menu .navbar-collapse > .navigation > li:hover > a,.main-menu .navbar-collapse > .navigation > li > ul > li:hover > a,.main-menu .navbar-collapse > .navigation > li > ul > li > ul > li:hover > a,.main-menu .navbar-collapse > .navigation > li.current > a,.main-menu .navbar-collapse > .navigation > li.current-menu-item > a{background:#67acbc;color:#ffffff !important;}
.main-menu .navbar-collapse > .navigation > li.current > a,.main-menu .navbar-collapse > .navigation > li > a {background-color: #333; color:#fff !important}
.main-menu .navbar-collapse > .navigation li.dropdown .dropdown-btn,.header-style-two .nav-outer .btn-outer{display:block;}
.home-detail,.main-slider .schedule-box,.main-menu .navbar-collapse > .navigation li.dropdown:after,.main-menu .navigation > li > ul:before,.main-slider .bordered-layer,.news-block-two .inner-box .image-column .image:after{display:none !important;	}
.main-header .nav-outer{float:none;padding-left:0px;float: left;padding-left: 0px;width:100%;position:absolute;right:0;top: 25px;  z-index: 99;}
.header-style-two .nav-outer{padding-right:15px;padding-left:15px;}
.main-header .btn-outer{left:0px;top:0px;right:auto;margin-top:15px;text-align:left;z-index:12;}

.uvp-inner { margin-top:0; font-size: 25px; font-weight: 500; line-height: 30px;  } 
.uvp-inner span { font-size: 18px; line-height: 18px; }
.header-content-top { display:none;  }
#header a.logo { padding:0 10px; z-index: 99; }

.part-box { width: 44%; margin: 0 10px 30px; }
.product-info { padding:30px 0 0; }
.product-info p { margin: 0 auto; width: 100%; }
.genesis-box { float: left; width: 100%; } 
.rt-bor { border-left: 0px solid #e5e5e5; padding: 30px 0 0; margin:30px 0 0; border-top: 1px solid #e5e5e5; }
.bottom-img { display:block; position: relative; z-index: 9; padding:30px 0 0; }
.bottom-contact-panel::before { content:unset; }
.bottom-contact-panel::after { width:100%; }
.bottom-text { width:100%; padding:30px 0; }
.logo-cont { width: 50%; }
.part-panel .row { margin:0 !important; }
ul.site-bullets02 li { width:100%; }
ul.site-bullets03 li {  width:100% !important; }
ul.inside-bullets li { width:100%; }
ul.sitemap-menu li li li { width: 100%; }

.send-button {  }
.product-logo-panel ul li { width:40%; }
.counter-ele { width: 100%; display: flex; justify-content:space-between; flex-wrap:wrap }
.pt-60 { padding-top: 30px; }
.pt-80 { padding-top: 30px; }
.address-col { float: left; width: 100%; }
.support-panel::before { content:unset; }
.support-panel::after { width:100%; }
.module-wrap { width:100%; }
.main-title { font-size: 28px; line-height: 32px;}
.tab-con-wrap { float: left; width: 100%; padding: 0; } 
.enquiry-profile { float: left; margin: 0 0 30px; width: 100%; } 
.form-box { width: 100%; float: left; } 
.logo-cont img { max-height:inherit; max-width: 100%;  }
.breadcrum-panel { padding:0; }
.inside-banner { min-height: 100px; width: 100%; } 
ul.big-list li { width: 100%; margin: 0 0 15px; } 
ul.big-list li:last-child ul.big-sub-list li { width: 100%; } 
.counter-Txt.middle { padding-top: 0px; } 
.section-electronics { min-height: 565px; }

ul.inside-bullets02 li, ul.inside-bullets03 li { width: 100%;}
.display-mbl { display: block; } 
.about-panel::before { content:unset; }
.about-rt { width:100%; padding:0; margin:20px 0 0; }
.about-panel { background: url(../images/about-bg.jpg) repeat top center; } 
.pro-box01 { float: left; width: 100%; margin:0; position: relative; } 
.banner-carousel .slide-item { min-height:200px}
.tagline { font-size: 18px; font-weight: 400; color: #000; line-height: 20px; } 
.tagline span {font-weight:200}
.certifications-panel { margin:0 0 30px; }
.certifications-panel.last { margin:0; }

.contact-info .info-box { display: block; padding: 30px 20px; min-height: auto !important; }
.contact-info .info-box .icon { margin-bottom: 15px; } 
.top-panel.flex-layout { display:block !important; }
.counter-Txt { width:49%; margin-bottom:15px }
.stats-panel {padding:45px 0 30px 0}
.count-txt {line-height: 16px;}
.careers-content { margin:0 0 20px; }
.products-box .owl-prev, .products-box .owl-next {top:40%; }
.products-box .owl-prev {left: 0px; }
.products-box .owl-next { right: 0px; }
.about-con  { margin:0 0 20px; }
.product-slider .pro-box01 , .product-slider .pro-box02 { width: 100%; margin: 0 0 10px; } 

.grey-patch .row .col-12.content-prod,.white-patch .row .col-12.content-prod {order:1; margin-bottom:30px}
.grey-patch .row .col-12,.white-patch .row .col-12 {order:2}
.count-img img { max-height: 40px; }
.h2-title {font-size:28px; line-height:35px}
.main-nav > li ul.sub-menu-lists  {display:none}
.dropdown-btn.red span::before {transform: rotate(45deg); -webkit-transform: rotate(45deg);}
}