/*Default css start */
html,
input,
textarea,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  outline: none;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -O-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

body {
  font-size: 14px;
  color: #262628;
  font-family: 'robotoregular';
  background: url('../images/bg_body.jpg') left top;
  overflow-x: hidden;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

ol,
ul {
  list-style: none;
}

li {
  display: inline-block;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}

strong {
  font-weight: bold;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

img {
  border: 0;
  max-width: 100%;
  height: auto;
}

p {
  line-height: 20px;
  margin-bottom: 18px;
}

a {
  color: #000;
  text-decoration: none;
  font-size: 14px;
}

a:hover {
  text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "GE Inspira";
  font-size: 52px;
  color: #f0c84c;
  margin-bottom: 24px;
}

.wrapper {
  display: inline-block;
  width: 100%;
  clear: both;
  /* padding-top: 50px; */
  /* padding-bottom: 50px; */
}

.main-container {
  width: 1200px;
  margin: 0 auto;
}

.title {
  font-family: 'SapientSansRegular';
  font-size: 22px;
  color: rgba(32, 32, 32, 0.8);
  line-height: 30px;
  margin-bottom: 12px;
  display: inline-block;
}

.title:after {
  display: block;
  content: '';
  width: 23px;
  height: 3px;
  background: #4cb746;
}

.clearfix:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}

.read-more a {
  background: rgb(0, 0, 0);
  background: linear-gradient(180deg, rgba(0, 0, 0, 1) 0%, rgba(204, 150, 75, 1) 0%, rgba(248, 211, 76, 1) 100%);
  display: inline-block;
  color: #fff;
  line-height: 44px;
  padding: 0 30px 0 20px;
  font-family: 'proxima_novaregular';
  font-size: 16px;
  text-transform: uppercase;
  transition: all ease 0.5s;
  /* margin-top: 15px; */
}

.read-more a:before {
  content: "";
  display: inline-block;
  width: 12px;
  height: 11px;
  vertical-align: middle;
  margin-right: 8px;
  background: url(../images/icon_bullet.png) no-repeat 0 0;
}

.read-more a:hover {
  background: #222222;
}

/*Default css end */

@font-face {
  font-family: 'proxima_novalight';
  src: url('fonts/proximanova-light-webfont.eot');
  src: url('fonts/proximanova-light-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/proximanova-light-webfont.woff2') format('woff2'),
    url('fonts/proximanova-light-webfont.woff') format('woff'),
    url('fonts/proximanova-light-webfont.ttf') format('truetype'),
    url('fonts/proximanova-light-webfont.svg#proxima_novalight') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'proxima_novaregular';
  src: url('fonts/proximanova-reg-webfont.eot');
  src: url('fonts/proximanova-reg-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/proximanova-reg-webfont.woff2') format('woff2'),
    url('fonts/proximanova-reg-webfont.woff') format('woff'),
    url('fonts/proximanova-reg-webfont.ttf') format('truetype'),
    url('fonts/proximanova-reg-webfont.svg#proxima_novaregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'proxima_novasemibold';
  src: url('fonts/ProximaNova-Semibold.eot');
  src: url('fonts/ProximaNova-Semibold.eot?#iefix') format('embedded-opentype'),
    url('fonts/ProximaNova-Semibold.woff2') format('woff2'),
    url('fonts/ProximaNova-Semibold.woff') format('woff'),
    url('fonts/ProximaNova-Semibold.ttf') format('truetype'),
    url('fonts/ProximaNova-Semibold.svg#proxima_novasemibold') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'roboto_slabregular';
  src: url('fonts/robotoslab-regular-webfont.woff2') format('woff2'),
    url('fonts/robotoslab-regular-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'pt_sansregular';
  src: url('fonts/ptsans-regular-webfont.eot');
  src: url('fonts/ptsans-regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/ptsans-regular-webfont.woff2') format('woff2'),
    url('fonts/ptsans-regular-webfont.woff') format('woff'),
    url('fonts/ptsans-regular-webfont.ttf') format('truetype'),
    url('fonts/ptsans-regular-webfont.svg#pt_sansregular') format('svg');
  font-weight: normal;
  font-style: normal;
}


/*start css for header*/
@media (max-width: 1500px) {
  .header-top {
    background: rgb(0, 0, 0);
    background: linear-gradient(300deg, rgba(0, 0, 0, 1) 73.2%, rgba(255, 255, 255, 1) 73.5%);
    padding: 5px 0 1px;
  }
}

header {
  position: absolute;
  top: 0;
  z-index: 99;
  width: 100%;
}

.header {
  background: rgb(255 255 255);
  height: 90px;
}

.header-top {
  background: rgb(0, 0, 0);
  background: linear-gradient(301deg, rgba(0, 0, 0, 1) 73%, rgba(255, 255, 255, 1) 73.3%);
  padding: 5px 0 1px;
}

.header-top .left {
  float: left;
  width: 64%;
}

.header-top .right {
  float: right;
  width: 36%;
  text-align: right;
}

.top-menu {
  display: inline-block;
  vertical-align: top;
  margin-top: 1px;
  margin-left: 310px;
}

.top-menu li {
  margin: 0 8px;
  font-family: 'proxima_novaregular';
}

.top-menu li .image {
  background: rgb(0, 0, 0);
  background: linear-gradient(173deg, rgba(0, 0, 0, 1) 0%, rgba(204, 150, 75, 1) 0%, rgba(248, 211, 76, 1) 100%);
  width: 28px;
  height: 28px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin-right: 7px;
}

.top-menu li .image img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

.top-menu li,
.top-menu li a {
  font-size: 17px;
  color: #fff;
  font-weight: 600;
  line-height: 28px;
  margin: 0 5px;
}

.social {
  text-align: center;
  display: inline-block;
  vertical-align: top;
}

.social ul:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}

b {
  float: left;
  margin: 0 7px;
}

.social li:first-of-type {
  margin-left: 0;
  background: linear-gradient(180deg, rgba(213, 157, 77, 1) 0%, rgba(248, 211, 76, 1) 100%);
  border-radius: 27px;
}

.social li:last-of-type {
  margin-right: 0;
  margin-left: 7px;
  background: linear-gradient(180deg, rgba(213, 157, 77, 1) 0%, rgba(248, 211, 76, 1) 100%);
  border-radius: 27px;
}

.social li a {
  display: block;
  width: 30px;
  height: 30px;
  background: url(../images/icon_facebook.png) no-repeat center;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: ease all 0.5s;
  -moz-transition: ease all 0.5s;
  transition: ease all 0.5s;
}

.social li a {}

.social li a.facebook:hover {
  background: url(../images/fbblk.png) no-repeat center;
  background-color: #fff;
}

.social li a.twitter:hover {
  background-image: url(../images/twblk.png);
}

.social li a.linkedin {
  background-image: url(../images/icon_linkedin.png);
  background-color: linear-gradient(180deg, rgba(213, 157, 77, 1) 0%, rgba(248, 211, 76, 1) 100%);
}
.social li a.linkedin:hover {
  background-image: url(../images/icon_linkedin_h.png);
  background-color: #fff;
}
.social li a.googleplus {
  background-image: url(../images/icon_googleplus.png);
  background-color: #d14333;
}

.social li a:hover {}

.logo {
  float: left;
  margin-top: 12px;
}

.logo img {
  display: block;
  margin-top: -56px;
}

.header-right {
  float: right;
  width: 76.8333%;
  text-align: right;
  margin-top: 23px;
}

/*start css for navigation*/
.header-right nav {
  display: inline-block;
  margin-right: 45px;
  -webkit-transition: all 0.1s ease;
  transition: all 0.1s ease;
}

.header-right nav ul {
  text-align: center;
}

.header-right nav ul>li {
  -webkit-transition: ease all 0.5s;
  -moz-transition: ease all 0.5s;
  transition: ease all 0.5s;
  position: relative;
}

.header-right nav li:first-of-type {
  background: none;
}

.header-right nav li a {
  font-size: 16px;
  color: #262628;
  font-family: 'roboto_slabregular';
  line-height: 45px;
  font-weight: 600;
  display: block;
  padding: 0 11px;
  position: relative;
  -webkit-transition: ease all 0.5s;
  -moz-transition: ease all 0.5s;
  transition: ease all 0.5s;
}
.header-right nav li:hover a,
.header-right nav li.active a {
  color: #d29e4b;
}
.header-right nav li ul.dropdown, .header-right nav li ul.dropdown ul.sub-dropdown, .header-right nav li ul.dropdown ul.sub-dropdown ul.subsub-dropdown {
  display: none;
  position: absolute;
  z-index: 5;
  background: rgb(255, 255, 255);
  width: 210px;
  /* overflow: hidden; */
  /* border-bottom: 4px solid #ddae4b; */
  -webkit-box-shadow: 5px 5px 7px rgba(0, 0, 0, 0.17);
  -moz-box-shadow: 5px 5px 7px rgba(0, 0, 0, 0.17);
  box-shadow: 5px 5px 7px rgba(0, 0, 0, 0.17);
  -webkit-transition: ease all 0.5s;
  -moz-transition: ease all 0.5s;
  transition: ease all 0.5s;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.header-right nav li ul.dropdown{
  left: 0;
  top: 45;
  display: none;
  border: 0;
}
.header-right nav li:hover ul.dropdown{
  display: block;
}
.header-right nav li ul.dropdown ul.sub-dropdown li a, .header-right nav li ul.dropdown ul.sub-dropdown ul.subsub-dropdown li a{font-size: 15px; line-height: 32px;}
.header-right nav li ul.dropdown ul.sub-dropdown, .header-right nav li ul.dropdown ul.sub-dropdown ul.subsub-dropdown{display: none;}
.header-right nav li ul.dropdown li:hover ul, .header-right nav li ul.dropdown ul.sub-dropdown li:hover ul.subsub-dropdown{display: block;left: 210px;top: 0;}

.header-right nav li ul li {
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  position: relative;
}

.header-right nav li ul li:last-of-type {
  border-bottom: 0;
}

.header-right nav li:hover ul li,
.header-right nav li:hover ul li a {
  display: block;
  line-height: 40px;
  height: auto;
  text-align: left;
  color: #333;
  background: none;
}

.header-right nav li ul li a:after {
  display: none;
}

.header-right nav li ul li a:hover {
  background: rgba(0, 0, 0);
  color: #fff;
}

.download-broucher {
  display: inline-block;
  vertical-align: top;
  margin-left: 21px;
  margin-top: 5px;
  text-align: left;
}

.download-broucher a {
  color: #fff;
  font-family: 'proxima_novasemibold';
  font-size: 16px;
  text-transform: uppercase;
  display: block;
}

.download-broucher .image {
  display: inline-block;
  vertical-align: top;
  margin-right: 5px;
}

.download-broucher .image img {
  -webkit-transition: all ease 0.5s;
  -moz-transition: all ease 0.5s;
  transition: all ease 0.5s;
  display: block;
}

.download-broucher span {
  display: inline-block;
  width: 90px;
}

.download-broucher a:hover .image img {
  transform: rotateY(180deg);
}

/*end css for header*/

.banner {
  position: relative;
  margin: 0 auto;
}

.banner ul li {
  /* display: block; */
  position: relative;
  width: 100%;
}
.banner ul li:before{
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  background: rgba(0,0,0,0.4);
  width: 100%;
  height: 100%;
}
.banner ul li span{
    position: absolute;
    top: 80px;
    bottom: 50px;
    margin: auto;
    z-index: 9999999999;
    font-size: 55px;
    left: 0;
    right: 0;
    color: #fff;
    vertical-align: top;
    height: 100px;
    width: 790px;
    text-align: center;
    line-height: 56px;
    background: transparent;
    text-shadow: 2px 3px 3px rgba(0,0,0,0.7);
}
.banner ul li img {
  width: 100%;
  display: block;
}

.banner .owl-buttons {
  width: 1200px;
  margin: 0 auto;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  z-index: 2;
}

.banner .owl-nav .owl-prev span {
  position: absolute;
  left: 10%;
  top: 350px;
  text-indent: -999px;
  overflow: hidden;
  width: 64px;
  height: 74px;
  background: url(../images/prev.png) no-repeat 0 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

.banner .owl-nav .owl-next span {
  position: absolute;
  right: 10%;
  top: 350px;
  text-indent: -999px;
  overflow: hidden;
  width: 64px;
  height: 74px;
  background: url(../images/next.png) no-repeat 0 0;
   -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

.product-range {
  text-align: center;
  padding: 40px 0;
}

.product-range .heading {
  font-family: 'roboto_slabregular';
  font-size: 30px;
  color: #222222;
  text-transform: uppercase;
}

.product-range .heading span {
  font-size: 38px;
  color: #f4b53c;
}

.product-range .subheading {
  font-family: 'pt_sansregular';
  font-size: 16px;
  color: #5f5e5e;
}

.product-range-list {
  margin-top: 35px;
}

.product-range-list ul {
  display: inline-block;
  width: 100%;
}

.product-range-list ul li {
  width: 33.33%;
  float: left;
  position: relative;
  overflow: hidden;
}

.product-range-list ul li .image img {
  display: block;
  transition: all ease 0.5s;
}

.product-range-list ul li .desc {
  position: absolute;
  bottom: 32px;
  width: 205px;
  margin-left: 25px;
}

.product-range-list ul li .desc .heading {
  font-family: 'proxima_novasemibold';
  font-size: 24px;
  color: #fff;
  text-align: center;
}

.product-range-list ul li .desc .enquire-now {
  margin-top: 5px;
}

.product-range-list ul li .desc .enquire-now a {
  background: rgb(213, 157, 77);
  background: linear-gradient(180deg, rgba(213, 157, 77, 1) 0%, rgba(248, 211, 76, 1) 100%);
  color: #fff;
  font-family: 'proxima_novasemibold';
  line-height: 34px;
  text-align: center;
  display: inline-block;
  width: 180px;
  transition: all ease 0.5s;
}

.product-range-list ul li .desc .enquire-now a:hover {
  opacity: 0.8;
}

.product-range-list .width-50 {
  width: 50%;
}

.product-range-list .dispensers .desc,
.product-range-list .steel-bins .desc,
.product-range-list .torlley .desc {
  right: 0;
}

.product-range-list .dispensers .desc .enquire-now a {
  background: rgb(213, 157, 77);
  background: linear-gradient(180deg, rgba(213, 157, 77, 1) 0%, rgba(248, 211, 76, 1) 100%);
}

.product-range-list .steel-bins .desc .enquire-now a {
  background: rgb(213, 157, 77);
  background: linear-gradient(180deg, rgba(213, 157, 77, 1) 0%, rgba(248, 211, 76, 1) 100%);
}

.product-range-list .torlley .desc .enquire-now a {
  background: rgb(213, 157, 77);
  background: linear-gradient(180deg, rgba(213, 157, 77, 1) 0%, rgba(248, 211, 76, 1) 100%);
}

.product-range-list .dittergent .desc .enquire-now a {
  background: rgb(213, 157, 77);
  background: linear-gradient(180deg, rgba(213, 157, 77, 1) 0%, rgba(248, 211, 76, 1) 100%);
}

.product-range-list ul li:hover .image img {
  transform: scale(1.2) rotate(-5deg);
}

.hygiene-solution {
  background: #f3f3f3;
  display: inline-block;
  width: 100%;
  position: relative;
  margin-top: 70px;
  padding-bottom: 40px;
}

.hygiene-solution .left {
  width: 54.25%;
  float: left;
  margin-top: -45px;
  position: relative;
}

.hygiene-solution .left img {
  width: 100%;
  display: block;
}

.hygiene-solution .left .play-button {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 82px;
  height: 82px;
  z-index: 1;
}

.hygiene-solution .left .play-button a {
  display: inline-block;
  transition: all ease 0.5s;
}

.hygiene-solution .left .play-button a:hover {
  opacity: 0.8;
}

.hygiene-solution .left .play-button img {
  width: auto;
}

.hygiene-solution .main-container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.hygiene-solution .right {
  width: 534px;
  float: right;
  padding-left: 30px;
}

.hygiene-solution .right .inside {
  width: 534px;
  padding: 25px 0;
}

.hygiene-solution .heading {
  font-family: 'roboto_slabregular';
  text-transform: uppercase;
  font-size: 30px;
  border-left: 6px solid #262628;
  line-height: 33px;
  padding-left: 10px;
  margin-bottom: 17px;
  color: #262628;
}

.hygiene-solution .heading span {
  font-family: 'proxima_novalight';
  font-size: 24px;
  display: block;
  color: #f4b53c;
  font-weight: 600;
}

.hygiene-solution p {
  font-family: 'proxima_novalight';
  font-size: 15px;
  line-height: 19px;
  color: #676565;
  margin-bottom: 10px;
}

.hygiene-solution .read-more {
  /* text-align: right; */
}

.customer {
  text-align: center;
  padding: 50px 0;
}

.customer .heading {
  font-family: 'roboto_slabregular';
  font-size: 30px;
  color: #222222;
  text-transform: uppercase;
}

.customer .subheading {
  font-family: 'proxima_novalight';
  font-size: 18px;
  color: #7a7a7a;
}
.customer .customer-carousel{text-align: center;}
.customer .customer-carousel .item{display: inline-block;text-align: left;width: 29%;margin: 0 2%;vertical-align: top;}
.customer-carousel {
  margin-top: 50px;
  border-right: 1px solid #fff;
}

.customer-carousel .customer-carousel-li {
  width: 100%;
  border-right: 0 solid #e5b64d;
  padding: 0 25px;
  text-align: justify;
}

.customer-carousel .customer-carousel-li:before {
  content: '';
  display: block;
  width: 23px;
  height: 17px;
  background: url(../images/icon_comma.png);
  margin-bottom: 10px;
}

.customer-carousel .customer-carousel-li p {
  font-family: 'proxima_novalight';
  font-size: 14px;
  color: #676565;
  line-height: 21px;
}

.customer-carousel .customer-carousel-li .customer-detail .image {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}
.customer-carousel .customer-carousel-li .customer-detail .image{width: 48px;height: 48px;overflow: hidden;border-radius: 50%;}
.customer-carousel .customer-carousel-li .customer-detail .image img{width: 100%;height: 100%;}
.customer-carousel .customer-carousel-li .customer-detail .name {
  display: inline-block;
  vertical-align: middle;
  font-family: 'proxima_novalight';
  font-size: 16px;
  text-transform: capitalize;
  color: #2f2f2f;
}

.customer-carousel .customer-carousel-li .customer-detail .name span {
  color: #e5b64d;
}


.choose {}

.choose .left {
  width: 62.4375%;
  background: url(../images/bg_chooseus.jpg) no-repeat 0 0 / cover;
  float: left;
  height: 466px;
}

.choose .right {
  width: 46.56%;
  background-image: url(../images/background.png);
  float: left;
  height: 494px;
  margin-left: -9%;
  margin-top: -28px;
  background-size: cover;
}

.why-choose {
  width: 800px;
  float: right;
  padding: 65px 130px 65px 0;
}

.why-choose .heading {
  font-family: 'roboto_slabregular';
  font-size: 30px;
  color: #fff;
  text-transform: uppercase;
}

.why-choose .subheading {
  font-family: 'proxima_novalight';
  font-size: 18px;
  color: #fff;
}

.why-choose-list {
  margin-top: 35px;
}

.why-choose-list li {
  width: 100%;
  margin-top: 20px;
}

.why-choose-list .image {
  width: 60px;
  text-align: center;
  float: left;
  margin-right: 25px;
}

.why-choose-list .image img {
  transition: all ease 0.5s;
}

.why-choose-list .text {
  width: 225px;
  float: left;
}

.why-choose-list .heading {
  font-size: 24px;
  text-transform: capitalize;
  color: #ffffff;
  margin-bottom: 5px;
}

.why-choose-list p {
  color: #fff;
  font-family: 'pt_sansregular';
  font-size: 13px;
  line-height: 18px;
  margin-bottom: 0;
}

.why-choose-list li:hover .image img {
  transform: rotateY(180deg);
}

.request {
  float: left;
  width: 100%;
  margin-top: -30px;
  page-break-before: right;
  position: relative;
}

.request:before {
  content: '';
  display: inline-block;
  height: 0;
  border-left: 120px solid transparent;
  border-right: 0px solid transparent;
  border-bottom: 495px solid #ee343a00;
  position: absolute;
  left: -120px;
  top: 0;
}

.request .inside {
  width: 542px;
  float: left;
  text-align: right;
  padding: 58px 0 4px 135px;
}

.request .heading {
  font-family: 'roboto_slabregular';
  font-size: 30px;
  color: #fff;
  text-transform: uppercase;
}

.request p {
  font-family: 'proxima_novalight';
  font-size: 18px;
  color: #fff;
  line-height: 25px;
  padding-left: 80px;
}

.request-form .field {
  width: 45%;
  float: left;
  margin-right: 10%;
  margin-bottom: 20px;
}

.request-form .field:nth-of-type(2n) {
  margin-right: 0;
}

.request-form .field-full {
  width: 100%;
}

.request-form input[type="text"],
.request-form input[type="number"],
.request-form input[type="email"],
.request-form select,
.request-form textarea {
  background: none;
  border: 1px solid #fff;
  border-width: 0 0 1px;
  font-family: 'proxima_novasemibold';
  font-size: 14px;
  color: #fff;
  width: 100%;
  text-align: right;
  line-height: 50px;
  height: 50px;
  outline: none;
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.request-form select option {
  color: #000;
}

.request-form textarea {
  height: 100px;
}

.request-form .action {
  margin-top: 35px;
}

.request-form .submit input {
  background: #fff;
  font-family: 'proxima_novaregular';
  font-size: 18px;
  color: #424141;
  font-weight: bold;
  text-align: center;
  line-height: 44px;
  padding: 0 45px;
  cursor: pointer;
  transition: all ease 0.5s;
}

.request-form .submit input:hover {
  background: #000;
  color: #fff;
}

.request-form input::-webkit-input-placeholder,
.request-form textarea::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #fff;
}

.request-form input::-moz-placeholder,
.request-form textarea::-moz-placeholder {
  /* Firefox 19+ */
  color: #fff;
}

.request-form input:-ms-input-placeholder,
.request-form textarea:-ms-input-placeholder {
  /* IE 10+ */
  color: #fff;
}

.request-form input:-moz-placeholder,
.request-form textarea:-moz-placeholder {
  /* Firefox 18- */
  color: #fff;
}

.google-map {}

.google-map img {
  display: block;
  width: 100%;
  display: none;
}


.our-info {
  margin: 0 35px;
}

.our-info .left {
  width: 56.66%;
  float: left;
}

.our-client {
  background: #262628;
  color: #fff;
  padding: 40px 27px 40px 72px;
  padding-bottom: 65px;
  min-height: 384px;
}

.our-client .heading {
  font-family: 'roboto_slabregular';
  font-size: 30px;
  text-transform: uppercase;
}

.our-client .subheading {
  font-family: 'proxima_novalight';
  font-size: 18px;
}

.client-list {
  margin-top: 20px;
  height: 190px;
  overflow: auto;
}

.client-list ul {}

.client-list ul li {
  overflow: hidden;
  margin-right: 18px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.client-list ul li+li+li+li {
  margin-top: 18px;
}

.client-list ul li:nth-of-type(3n) {
  margin-right: 18px;
}

.client-list ul li img {
  display: block;
}

.our-info .right {
  width: 40.41%;
  float: right;
  min-height: 384px;
}

.contact-info {
  background: #262628;
  padding: 40px;
  color: #fff;
}

.contact-info li {
  width: 100%;
  margin-bottom: 25px;
}

.contact-info li:last-of-type {
  margin-bottom: 0;
}

.contact-info .image {
  float: left;
  margin-right: 20px;
  width: 40px;
  text-align: center;
}

.contact-info .content {
  float: left;
}

.contact-info .heading {
  font-family: 'roboto_slabregular';
  font-size: 21px;
  color: #ffffff;
}

.contact-info p {
  font-size: 13px;
  font-family: 'pt_sansregular';
}

.contact-info a {
  color: #fff;
  transition: all ease 0.5s;
}

.contact-info a:hover {
  text-decoration: underline;
}

footer {
  background: rgb(243 243 243);
  color: #fff;
  /* margin-top: 475px; */
  /* overflow: hidden; */
}

.newsletter {
  padding-top: 30px;
  border-top: 2px solid #7b7b7b;
  display: inline-block;
  width: 100%;
}

.newsletter .newsletter-title {
  width: 400px;
  float: left;
}

.newsletter .heading {
  font-family: 'roboto_slabregular';
  font-size: 30px;
  text-transform: uppercase;
  color: #262628;
}

.newsletter .subheading {
  font-family: 'proxima_novalight';
  font-size: 18px;
  color: #262628;
}

.newsletter-form {
  float: right;
  margin-top: 10px;
  margin-left: 13px;
}

.newsletter-form .field {
  width: 285px;
  float: left;
  margin: 0 12px;
  1px:
  s;
}
.newsletter-form .field.captcha{width:200px;}
.newsletter-form input {
  width: 100%;
  background: #fff;
  line-height: 43px;
  padding: 0 24px !important;
  font-family: 'proxima_novalight';
  font-size: 14px;
  color: #434343;
  border: 1px solid #969696;
}

.newsletter-form .action {
  width: 156px;
  float: left;
  margin-left: 12px;
}

.newsletter-form .action .submit input {
  background: #262628;
  color: #fff;
  font-family: 'proxima_novaregular';
  font-weight: bold;
  font-size: 18px;
  text-transform: uppercase;
  cursor: pointer;
  transition: all ease 0.5s;
  border: 1px solid transparent
}

.newsletter-form .action .submit input:hover {
  background: none;
  color: #fff;
  border: 1px solid #fff;
}

.newsletter-form input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #434343;
}

.newsletter-form input::-moz-placeholder {
  /* Firefox 19+ */
  color: #434343;
}

.newsletter-form input:-ms-input-placeholder {
  /* IE 10+ */
  color: #434343;
}

.newsletter-form input:-moz-placeholder {
  /* Firefox 18- */
  color: #434343;
}


.copyright-menu {
  margin: 0px 0 0px;
  padding-bottom: 0px;
}

.footer-menu {
  float: left;
  margin-top: 18px;
}

.footer-menu ul {}

.footer-menu ul li {
  margin: 0 10px;
}

.footer-menu ul li:first-of-type {
  margin-left: 0;
}

.footer-menu ul li:last-of-type {
  margin-right: 0;
}

.footer-menu ul li a {
  color: #262628;
  font-family: 'roboto_slabregular';
  font-size: 17px;
  transition: all ease 0.5s;
}

.footer-menu ul li a:hover {
  color: #000;
  text-decoration: underline;
}

.copyright {
  width: 545px;
  float: right;
  background: #fff;
  background: black;
  color: #fff;
  font-family: 'proxima_novaregular';
  font-size: 13px;
  line-height: 64px;
  text-align: right;
  position: relative;
  font-weight: 700;
}

.copyright:before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-left: 60px solid transparent;
  border-right: 0px solid transparent;
  border-bottom: 64px solid #000;
  position: absolute;
  left: -60px;
  top: 0;
}

.copyright:after {
  content: '';
  display: block;
  width: 150%;
  height: 100%;
  background: #000;
  position: absolute;
  right: -150%;
  top: 0;
}


.products {
  background: #f5f5f5;
  padding: 40px 0;
}

.products .left {
  width: 285px;
  float: left;
}

.products .right {
  width: 885px;
  float: right;
}

.product-category {
  background: #fff;
  border: 1px solid #ececec;
}

.product-category .heading {
  font-family: 'roboto_slabregular';
  text-transform: uppercase;
  color: #fff;
  font-size: 20px;
  background: linear-gradient(173deg, rgba(0, 0, 0, 1) 0%, rgba(204, 150, 75, 1) 0%, rgba(248, 211, 76, 1) 100%);
  display: inline-block;
  line-height: 44px;
  padding: 0 17px 0 25px;
  margin-left: -10px;
  position: relative;
}

.product-category .heading:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-right: 10px solid #ebc14c;
  border-bottom: 10px solid transparent;
  border-top: 0px solid transparent;
  position: absolute;
  left: 0;
  bottom: -10px;
}

.product-category-list {
  margin-top: 10px;
}

.product-category-list ul {}

.product-category-list ul li {
  display: block;
  position: relative;
}
.product-category-list ul li ul{
  padding-left: 5px;
}
.product-category-list ul li ul ul{
  padding-left: 15px;
}
.product-category-list ul li ul a:before{
  background: #f6c023;
  width: 6px;
  height: 6px;
}
.product-category-list ul li ul ul a:before{
  background: #f6c023;
  width: 6px;
  height: 6px;
  border-radius: 50px;
}
.product-category-list ul li a {
  display: block;
  border-bottom: 1px solid #ececec;
  font-family: 'proxima_novaregular';
  color: #7f7f7f;
  font-size: 15px;
  padding: 8px 20px;
  line-height: 24px;
  transition: all ease 0.5s;
}

.product-category-list ul li a:before {
  content: '';
  display: inline-block;
  width: 17px;
  height: 12px;
  background: url(../images/icon_arrow.png) no-repeat 0 0;
  margin-right: 15px;
  transition: all ease 0.5s;
}

.product-category-list ul li a:hover,
.product-category-list ul li a.active {
  color: #000;
}

.product-category-list ul li a:hover::before,
.product-category-list ul li a.active:before {
  background-image: url(../images/icon_arrow_hover.png);
}

.grid-view {}

.grid-view .heading {
  border: 1px solid #ececec;
  background: #fff;
  padding: 22px 30px;
  font-family: 'proxima_novasemibold';
  color: #242223;
  font-size: 24px;
  text-transform: capitalize;
}

.grid-view .heading .image {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}

.grid-view-list {
  padding: 30px;
  border: 1px solid #ececec;
  background: #fff;
  margin-top: 2px;
}

.grid-view-list ul {
  display: inline-block;
  width: 100%;
}

.grid-view-list li {
  text-align: center;
  width: 31.0303%;
  margin-right: 2.95%;
  margin-bottom: 30px;
}

.grid-view-list li:nth-of-type(3n) {
  margin-right: 0;
}

.grid-view-list .image {
  border: 1px solid #ececec;
  overflow: hidden;
}

.grid-view-list .image img {
  display: block;
  width: 100%;
  transition: all ease 0.5s;
}

.grid-view-list .name {
  font-family: 'proxima_novaregular';
  font-size: 14px;
  text-transform: capitalize;
  padding: 0 22px;
  margin-top: 12px;
}

.cart-action {
  margin-top: 15px;
}

.cart-action .add-cart {
  display: inline-block;
  margin: 0 2px;
}

.cart-action .add-cart a {
  background: #ef3037;
  border: 1px solid #ef3037;
  display: block;
  display: none;
  color: #fff;
  width: 102px;
  line-height: 30px;
  font-family: 'proxima_novaregular';
  text-transform: uppercase;
  font-size: 13px;
  transition: all ease 0.5s;
}

.cart-action .add-cart a:hover {
  background: none;
  color: #ef3037;
}

.cart-action .send-enquiry {
  display: inline-block;
}

.cart-action .send-enquiry a {
  background: #312f30;
  border: 1px solid #312f30;
  display: block;
  color: #fff;
  width: 102px;
  line-height: 30px;
  font-family: 'proxima_novaregular';
  text-transform: uppercase;
  font-size: 13px;
  transition: all ease 0.5s;
}

.cart-action .send-enquiry a:hover {
  background: linear-gradient(180deg, rgba(213, 157, 77, 1) 0%, rgba(248, 211, 76, 1) 100%);
  color: #ffffff;
  border: #fff;
}

.grid-view-list li:hover .image img {
  transform: scale(1.1) rotate(-5deg);
}


.cms-page {
  background: #f5f5f5;
  padding: 40px 0;
}

.static-page {
  background: #fff;
  border: 1px solid #ececec;
  padding: 30px;
}

.static-page .heading {
  font-family: 'roboto_slabregular';
  text-transform: uppercase;
  color: #fff;
  font-size: 20px;
  background: linear-gradient(180deg, rgba(213, 157, 77, 1) 0%, rgba(248, 211, 76, 1) 100%);
  display: inline-block;
  line-height: 44px;
  padding: 0 17px 0 25px;
  margin-left: -10px;
  position: relative;
  margin-bottom: 30px;
}

.static-page .heading:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-right: 10px solid #f1c84d;
  border-bottom: 10px solid transparent;
  border-top: 0px solid transparent;
  position: absolute;
  left: 0;
  bottom: -10px;
}

/*.static-page .heading {font-family: 'roboto_slabregular'; text-transform: uppercase; color: #222; font-size: 30px; display: inline-block; line-height: 44px; padding-left: 10px; margin-bottom: 30px; border-left: 6px solid #ee3036;}*/
/*.static-page .heading span {color: #ee3036;}*/

.static-page .subheading {
  font-family: 'roboto_slabregular';
  text-transform: uppercase;
  color: #222;
  font-size: 20px;
  display: inline-block;
  line-height: 44px;
  margin: 30px 0 0px;
}

.static-page p {
  font-family: 'proxima_novaregular';
  font-size: 16px;
  text-align: justify;
  line-height: 24px;
}

.static-page .static-img {
  float: right;
  margin: 30px 0 10px 20px;
  width: 550px;
}

.static-page .static-img img {
  width: 100%;
}


.contact-us .left {
  width: 35%;
  float: left;
}

.contact-us .contact-info {
  background: none;
  padding: 0;
}

.contact-us .contact-info li {
  display: inline-block;
}

.contact-us .contact-info .heading {
  border: 0;
  padding: 0;
  margin-bottom: 15px;
  font-size: 22px;
  line-height: 21px;
  text-transform: capitalize;
  background: none;
  color: #222;
  margin-left: 0;
}

.contact-us .contact-info .heading:after {
  display: none;
}

.contact-us .contact-info p,
.contact-us .contact-info a {
  color: #676565;
  font-size: 16px;
}

.contact-us .right {
  width: 55%;
  float: right;
}

.contact-form .field {
  margin-bottom: 20px;
}

.contact-form input,
.contact-form textarea {
  width: 100%;
  background: none;
  border: 1px solid #ececec;
  line-height: 40px;
  font-family: 'proxima_novaregular';
  font-size: 18px;
  padding: 5px 15px;
}

.contact-form textarea {
  height: 150px;
}

.contact-form .submit {
  text-align: right;
}

.contact-form .submit input {
  background: #000;
  color: #fff;
  font-family: 'proxima_novasemibold';
  font-size: 20px;
  text-transform: uppercase;
  cursor: pointer;
  transition: all ease 0.5s;
  display: inline-block;
  width: auto;
  padding: 5px 40px;
}

.contact-form .submit input:hover {
  background: #ef3037;
  color: #fff;
}

.contact-form input::-webkit-input-placeholder,
.contact-form textarea::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #222;
}

.contact-form input::-moz-placeholder,
.contact-form textarea::-moz-placeholder {
  /* Firefox 19+ */
  color: #222;
}

.contact-form input:-ms-input-placeholder,
.contact-form textarea:-ms-input-placeholder {
  /* IE 10+ */
  color: #222;
}

.contact-form input:-moz-placeholder,
.contact-form textarea:-moz-placeholder {
  /* Firefox 18- */
  color: #222;
}

.news-list {}

.news-list ul {
  display: inline-block;
  width: 100%
}

.news-list ul li {
  width: 48%;
  margin-right: 4%;
  float: left;
  margin-bottom: 30px;
}

.news-list ul li:nth-of-type(2n) {
  margin-right: 0;
}

.news-list ul li .image {
  border: 1px solid #ececec;
  padding: 10px;
}

.news-list ul li .image img {
  width: 100%;
}

.news-list ul li .title {
  margin-top: 30px;
  border-left: 6px solid #e9bb4c;
  padding-left: 10px;
}
.news-list ul li .title a{color:#000;font-size: 22px;}
.news-list ul li .title:after {
  display: none;
}

.careers .left {
  width: 60%;
}

.customer .heading span {
  font-size: 38px;
  color: #f4b53c;
}

.owl-theme .owl-controls .owl-page span {
  background: #d7a04d;
}

.Contact a {
  background: rgb(0, 0, 0);
  background: linear-gradient(180deg, rgba(0, 0, 0, 1) 0%, rgba(204, 150, 75, 1) 0%, rgba(248, 211, 76, 1) 100%);
  display: inline-block;
  color: #fff;
  line-height: 44px;
  padding: 0 30px 0 20px;
  font-family: 'proxima_novaregular';
  font-size: 16px;
  text-transform: uppercase;
  transition: all ease 0.5s;
  /* margin-top: 15px; */
}

.social li:last-of-type:hover {
  background: #fff;
}

a {
  color: #fff;
  transition: all ease 0.5s;
}

.about .why-choose-list li {
  /* width: 49%; */
  /* margin-top: 20px; */
}
footer.newmail {
    margin-top: 0;
    font-size: 0;
}
.FOOTER .social li:first-of-type {
    margin-left: 0;
    background: #262628;
    border-radius: 27px;
    margin-top: 27px;
}

.FOOTER .social li:last-of-type {
    margin-right: 0;
    margin-left: 7px;
    background: #262628;
    border-radius: 27px;
}
.About .owl-controls.clickable {
    display: none !important;
}
.FOOTER .social li:first-of-type {
    margin-left: 0;
    background: #262628;
    border-radius: 27px;
}

.social li a.twitter {
    background: url(../images/icon_twitter_white.png) no-repeat center;
}
.our-client.client_inner{background: #fff;}
.our-client.client_inner .client-list{height: auto;overflow: hidden;}
.our-client.client_inner .heading{color: #333;}
.our-client.client_inner .subheading{color: #333;}


/* Blog Starts */
.blog-detail-page { 
    margin-top: 180px;
    margin-bottom: 50px;
}
.blog-detail-page .blog-item {
    margin-left: 0;
    margin-right: 25px;
}
.blog-detail-page .blog-item .b-img {
    margin: 20px 0;
    min-height: auto;
}
.blog-detail-page .blog-item .b-img img {
    width: 100%;
}
.b-content p.quote {
    font-size: 15px;
    color: #708790;
    background: #f4fbff;
    padding: 25px 60px;
    margin: 25px 0;
    position: relative;
}
.b-content p.quote:before {
    content: '\f10e';
    position: absolute;
    font-family: "FontAwesome";
    right: 30px;
    bottom: 20px;
    font-size: 24px;
    color: #90a0aa;
}



.single-sidebar {
    box-shadow: 0 0 18px 2px #ebebf3;
    -webkit-box-shadow: 0 0 18px 2px #ebebf3;
    padding: 25px 30px;
    margin-top: 45px;
    background-color: #fff;
}
.single-sidebar:not(:last-child) {
    margin-bottom: 30px;
}
.single-sidebar h2 {    
    border-bottom: 1px solid #e0f3ff;
    padding-bottom: 20px;
    margin-bottom: 30px;
    margin-top: 0;
    font-size: 22px;
    color: #daaa4b;
}

.single-popular-post:after {
    content: '';
    display: block;
    clear: both;
}
.single-popular-post:not(:last-child) {
    margin-bottom: 20px;
}
.single-popular-post-img {
    float: left;
    margin-right: 15px;
    padding-top: 5px;
    width: 70px;
    min-height: 75px;
}
.single-popular-post-img img { 
    max-width: 100%; 
    height: 75px; 
    border-radius: 6px;
}
.single-popular-post-info {
    width: 72%;
    display: inline-block;
    vertical-align: top;
}
.single-popular-post-info h3 {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 5px;
    margin-top: 0;
}
.single-popular-post-info a {
    display: inline-block;
    color: #000;
    font-size: 15px;
    position: relative;
}
.single-popular-post-info a:hover {
    color: #1929ad;
}
.single-popular-post-info span {
    font-size: 12px;
    color: #90a0aa;
}
.single-popular-post-info span i {
    margin-right: 8px;
    font-size: 18px;
    color:#1929ad;
}
.b-content h1{
    margin-top: 0;
    font-size: 35px;
    color: #000;
    text-transform: capitalize;
}
.b-content h4 {
    font-size: 26px;
    color: #00488a;
}
.b-content h5 {
    font-size: 22px;
    margin-top: 15px;
    margin-bottom: 15px;
}
.b-content span {
    font-size: 15px;
    color: #000;
}

.sidebar-list {
    padding: 0;
    margin-bottom: 0;
}
.sidebar-list li {
    list-style: none;
    position: relative;
    padding-left: 20px;
    color: #90a0aa;
    margin-top: 13px;
}
.sidebar-list li:before {
    content: '';
    position: absolute;
    width: 8px;
    height: 8px;
    border: 3px solid #50adef;
    border-radius: 100%;
    left: 0;
    top: 6.5px;
}
.sidebar-list li a {
    color: #90a0aa;
}

.single-sidebar .tagcloud a {
    font-size: 13px;
    color: #708790;
    background: #f4fbff;
    display: inline-block;
    padding: 6px 10px;
    -webkit-transition: all .2s;
    transition: all .2s;
    margin: 5px 1px;
}
.full_dis {
    display:flex;
}
.short_dis {
    width:67.777%;
}
.half_dis {
    width:33.333%;
}
/* Blogs End */


.scar-form{
background-color: #daaa4b;
padding: 15px 15px;
width: 375px;
}
.scar-form form input ,
.scar-form form  textarea{
display: block;
width: 100%;
font-family: 'Bold';
background-color: #f5f5f5;
padding: 10px;
color: #000;
margin-bottom: 15px;
border: none;outline: none;
}
.scar-form form  textarea {
font-family: 'Montserrat',sans-serif;
background-color: #f5f5f5;
padding: 10px;
border: none;
color: #000;
margin-bottom: 15px;
resize: none;
height: 60px;
outline: none;
}
.scar-form form input[type="submit"]{
cursor: pointer;
width: 50%;
text-align: center;
transition: all 1s ease-in-out;
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-ms-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
margin-top: 25px;
margin-bottom: 0;
}
.scar-right{
margin-top: 25px;
}
.welcome-wrapper.welcome-wrapper1 .scar-right h1
{
color: #fff;
font-family: 'Bold';
font-size: 32px;
padding-top: 16px;
padding-bottom: 20px;
}
.scar-form p
{
display: contents;
}
.scar-form form input[type="submit"]:hover {
background-color: #070707;
color: #ffffff;
}
.welcome1 {
    padding-top: 180px;
    padding-bottom: 70px;
    background-color: #fff;
    overflow: hidden;
    /* position: relative; */
}
.welcome-wrapper.welcome-wrapper1 h1 {
    color: #000;
    font-family: 'Bold';
    text-transform: capitalize;
    font-size: 30px;
    line-height: 24.6px;
    letter-spacing: 0.09px;
}

.scar-right h1 {
    font-size: 36px;
    padding-bottom: 25px;
    font-family: 'SemiBold';
    color: #fff;
    line-height: 1.3;
    font-weight: 600;
    margin: 0;
    text-align: center;
    box-shadow: 0px 10px 10px 0px rgb(0 0 0 / 20%);
    background-color: #000000;
    padding-top: 15px;
    padding-bottom: 15px;
}
.welcome1 .image img {
    width: 350px;
    margin-top: 20px;
}
.prod-itel {
    width: 50%;
    margin-left: 50px;
}


/* Dashboard Start Here */

.dashboard-sec {
    background-color: #f7f7f7;
    padding-top: 180px;  
    padding-bottom: 150px;
}

.prof_who {
    padding: 20px;
    position: relative;
}
.prof_who .img_holder {
    display: inline-block;
    vertical-align: middle;
    width: 75px;
    height: 75px;
    border-radius: 100%;
}
.prof_who .img_holder img {
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}
.prof_who .title_holder {
    display: inline-block;
    vertical-align: middle;
    margin-left: 15px;
}
.prof_who .title_holder div {
    display: table-cell;
    vertical-align: middle;
}
.prof_who .title_holder span {
    font-size: 14px;
    letter-spacing: .5px;
    color: #777;
    display: block;
    margin-bottom: 6px;
    font-family: 'Montserrat';
}
.prof_who .title_holder h3 {
    margin: 0px;
    font-size: 18px;
    color: #263248;
    font-family: 'montserratsemibold';
}













a.dashboard-responsive-nav-trigger {
    display: none;
}
.dashboard-content, .dashboard-nav {
    flex: 1;
}
.dashboard-nav {
    background: #fff;
    border: 1px solid #f1f1f1;
    position: sticky;
    overflow: hidden;
    top: 0;
}
.dashboard-nav-inner {
    /*height: 100%;*/
    display: inline-block;
    width: 100%;
    max-height: 100%!important;
}
.dashboard-nav ul {
    list-style: none;
    padding: 0;
}
.dashboard-nav ul li {
    color: #fff;
    display: block;
    border-bottom: 1px solid #f1f1f1;
    transition: 0.3s;
    line-height: 24px;
    font-size: 15px;
    margin-bottom: 0;
    position: relative;
}
.dashboard-nav ul li a {
      font-family: 'montserratsemibold';
    color: #444;
    display: block;
    padding: 15px 25px;
    transition: 0.3s;
    cursor: pointer;
    font-size: 14px;
}
.dashboard-nav ul li a i {
    padding-right: 10px;
    width: 24px;
    color: #27a8e0;
}
.dashboard-nav ul li.active, 
.dashboard-nav ul li:hover, 
.dashboard-nav ul li.active a, 
.dashboard-nav ul li:hover a {
    color: #fff;
    background-color: #cc964b;
}
.dashboard-nav ul li.active i, 
.dashboard-nav ul li:hover i, 
.dashboard-nav ul li.active a i, 
.dashboard-nav ul li:hover a i {
  color: #fff;

}

.title_holder{}
.user-title {
    background-color: #fff;
    padding: 30px;
    margin-bottom: 30px;
    color:#cc964b;
}
.user-title h2 {
    margin-top: 0;
    font-family: 'Conv_MontserratAlternates-Bold';
    text-transform: capitalize;    
}
.user-title span {
    font-size: 15px;
    color: #777;
}

.dashboard-stat {
    display: inline-block;
    vertical-align: top;
    padding: 0;
    background-color: #fff;
    border: 1px solid #f1f1f1;
    color: #444;
    width: 100%;
    position: relative;
    overflow: hidden;
    transition: 0.3s;
    cursor: default;
    margin-bottom: 2rem;    
}
.dashboard-stat:hover {
    transform: translateY(-4px);
}
.dashboard-stat-content, .dashboard-stat-icon {
    display: inline-block;
    vertical-align: middle;
}
.dashboard-stat-content {
    width: 70%;
    padding: 18px;
}
.dashboard-stat-content h4 {
    font-size: 42px;
    font-weight: 600;
    padding: 0;
    margin: 0;
    color: #444;
    letter-spacing: -1px;
}

.dashboard-stat-content span {
    font-size: 18px;
    margin-top: 4px;
    line-height: 24px;
    font-weight: 300;
    display: inline-block;
    color: #444;
}
.dashboard-stat-icon {
    font-size: 50px;
    color: #27a8e0;    
}
.dashboard-stat-item {
    text-align: center;
    bottom: 10px;
    border-top: 1px solid #eee;
    margin: 0;
    width: 100%;
}
.dashboard-stat-item p {
    color: #444;
    margin: 0;
    padding-top: 5px;
    font-size: 12px;
}


.dashboard-list-box{
    background-color: #fff;  
}
.dashboard-list-box h4.gray {
    background-color: #fff;
    padding: 15px 30px;
    font-size: 18px;
    color: #1f1f1f;
    font-family: 'montserratbold';
    margin: 0;
}
.table-box table.basic-table {
    width: 100%;
    margin: 0;
    padding: 0;
}
table.basic-table th, table.basic-table td {
  font-family: 'Montserrat';
    padding: 12px 15px;
    text-align: center;    
    font-size: 14px;
    color: #6e6d6d;
    border: 1px solid #f1f1f1;
}
table.basic-table th {
    font-family: 'montserratbold';
    background-color: #ececec;
    color: #676767;
    vertical-align: top;
    font-size: 16px;
    text-align: center;
}
table.basic-table th:nth-of-type(3) {
    width: 15%;
}

.dashboard-content {
    position: relative;
    z-index: 10;
}

.dashboard-form {
    background: #fff;
    padding: 30px;
    box-shadow: 0 0 12px 0 rgb(0 0 0 / 6%);
    position: relative;
    margin-bottom: 25px;
}
.edit-profile-photo {
    position: relative;
    display: block;
    margin-bottom: 35px;
}
.edit-profile-photo img {
    border-radius: 4px;
    width: 100%;
}
.change-photo-btn {
    font-weight: 600;
    padding: 5px 6px;
    color: #333;
    background-color: #fff;
    border-radius: 50px;
    display: inline-block;
    position: relative;
    font-size: 13px;
    width: auto;
    transition: 0.3s;
    cursor: pointer;
    line-height: 20px;
    position: absolute;
    bottom: 15px;
    left: 0;
    right: 0;
    width: 140px;
    margin: auto;
    z-index: 1;
}
.photoUpload {
    position: relative;
    overflow: hidden;
    padding: 3px 12px;
    cursor: pointer;
}
.photoUpload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}
.change-photo-btn:hover {
    color: #fff;
    background-color: #66676b;
}
.my-profile {
    display: block;
    margin-bottom: 15px;
}
.dashboard-form label {
    font-family: 'Montserrat';
    display: inline-block;
    color: #666;
    margin-bottom: 8px;
    font-weight: 400;
    font-size: 15px;
}



.nir-btn, .nir-btn1, .nir-btn-black {
    cursor: pointer;
    position: relative;
    z-index: 1;
    font-size: 14px;
    text-align: center;
    padding: 10px 20px 10px;
    text-transform: capitalize;
    /* transition: all ease-in-out 0.5s; */
    /* background: #fed100; */
    background: linear-gradient(180deg, rgba(0, 0, 0, 1) 0%, rgba(204, 150, 75, 1) 0%, rgba(248, 211, 76, 1) 100%);
    font-weight: 700;
    color: #fff;
    display: inline-block;
    border-radius: 0px;
    border: none;
    box-shadow: 0px 0px 0px 4px rgb(255 255 255 / 10%);
}
/*.nir-btn:before, .nir-btn1:before, .nir-btn-black:before {*/
/*    content: '';*/
/*    position: absolute;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    top: 0;*/
/*    left: 0;*/
/*    transition: all ease-in-out 0.5s;*/
/*    transform: scale(0, 1);*/
/*    z-index: -1;*/
/*    border: 2px solid #fed100;*/
/*    color: #fed100;*/
/*    background: transparent;*/
/*    border-radius: 0px;*/
/*}*/
/*.nir-btn:hover, .nir-btn1:hover, .nir-btn-black:hover {*/
/*    color: #fff;*/
/*    background: #009b3a;*/
/*    transition: all ease-in-out 0.5s;*/
/*    box-shadow: none;*/
/*}*/
/*.nir-btn:hover:before, .nir-btn1:hover:before, .nir-btn-black:hover:before {*/
/*    transform: scale(1);*/
/*    transition: all ease-in-out 0.5s;*/
/*    border-color: #009b3a;*/
/*}*/
.dashboard-form h4.gray {
      font-family: 'montserratsemibold';
    margin-top: 0;
    margin-bottom: 20px;
    font-size: 18px;
    color: #263248;
}
.currency-content {
    font-size: 15px;
    color: #666;
    line-height: 27px;
    margin-bottom: 18px;
}
.dashboard-form .form-control {
    box-shadow: none;
    font-family: 'Montserrat';
    font-size: 14px;
    text-transform: capitalize;
    font-weight: normal;
}

.dash-side {
    width: 25%;
}
.right-dash {
    width: 65%;
    margin-left: 25px;
}
.row {
    display: flex;
}
.col-lg-12.col-md-12.col-xs-12 {
    width: 100%;
}
.user-title h2{
    color: #cc964b;
}

/* Dashboard Start End */


/**/
.form-control{
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.dashboard-form .form-control {
    box-shadow: none;
    font-family: 'Montserrat';
    font-size: 14px;
    text-transform: capitalize;
    font-weight: normal;
}
.form-group {
    margin-bottom: 15px;
}
.row {
  display: flex;
  flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px;
}
.row > * {
  padding-left: 15px;
  padding-right: 15px;
}
.six{
    max-width: 50%;
    width: 100%;
}
.col-lg-12.col-md-12.col-xs-12 {
    width: 100%;
}
.four{
    max-width: 33.33%;
    width: 100%;
}
.eight{
    max-width: 66.66%;
    width: 100%;
}
button.multiselect.dropdown-toggle.btn.btn-default {
    margin-bottom: 15px;
}
label.checkbox input[type="checkbox"] {
    display: inline-block;
    width: inherit !important;
}
input.form-control.multiselect-search {
    border: 1px solid #c5c3c3;
}
a.process-btn {
    background: #000;
    padding: 10px 30px;
    color: #fff;
    text-decoration: none;
}
a.process-btn:hover {
    color: #daaa4b;
    text-decoration: none;
}


/* Our Latest Blog CSS Start  */
.blog{
padding: 45px 5px;
/* padding-bottom: 0; */
background-color: #fff;
width: 100%;
display: inline-block;
}
.blog-wrapper h2{
font-family: 'Bold';
font-size: 40px;
color: #1620a6;
text-align: center;
}
.blog-wrapper h2 span{
color: #111111;
}
.blog-wrapper p{
font-family: 'Regular';
font-size: 16px;
color: #555555;
padding-top: 12px;
text-align: center;
}
.blog-parent{
margin-top: 42px;
}
.b-child{
justify-content: space-between;
gap: 40px;
margin-bottom: 56px;
display: block;
flex-direction: row;
flex-wrap: wrap;}
.b-child .col-md-4 {
    margin-bottom: 25px;
}
.blog-item{
/* margin-bottom: 75px; */
}
.blog-item .blog-left{
/* width: 320px; */
/* height: 210px; */
/* overflow: hidden; */
float: left;
margin-right: 23px;
}
.blog-item .blog-right span{font-family: 'proxima_novasemibold';}
.scarblog-left h2, .scarblog-left h3
{
font-family: 'Bold';
font-size: 24px;
line-height: 30px;
color: #000000;
text-align: left;
margin-bottom: 8px;
}
.blog-left img{
height: 210px;
transition: all 0.9s;
-webkit-transition: all 0.9s;
-moz-transition: all 0.9s;
-ms-transition: all 0.9s;
-o-transition: all 0.9s;
width: -moz-available;
width: 320px;}
.blog-left img:hover{
transform: scaleX(0.9);
-webkit-transform: scaleX(0.9);
-moz-transform: scaleX(0.9);
-ms-transform: scaleX(0.9);
-o-transform: scaleX(0.9);
}
.blog-right h4{
  font-family: 'proxima_novasemibold';
font-size: 19px;
line-height: 26px;
color: #000000;
margin-bottom: 10px;
}
.blog-right h4 a {
    text-decoration: none;
    color: #000000;
    font-size: 20px;
    font-weight: 600;
}
.blog-right p {
  font-family: 'roboto_slabregular';
    font-size: 13px;
    line-height: 21px;
    color: #555555;
    text-align: left;
    margin-bottom: 20px;
}
.blog-btn{
font-family: 'roboto_slabregular';
font-size: 14px;
color: #ffffff;
background-color: #daaa4b;
height: 26px;
width: 120px;
padding: 5px 10px;
text-decoration: none;
cursor: pointer;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
transition: all 1s ease;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
}
.blog-btn .fa-arrow-right{
color: #ffffff;
color: #1620a6;
background-color: #ffffff;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
padding: 1px 2px;
margin-left: 5px;
}
.blog-btn:hover{
background-color: #000;
color: #fff;
}
.blog-btn:hover .fa-arrow-right{
background-color: #fff;
color: #000;
}
.col-md-4
{
width:50%;
float:left;
}
/* Our Latest Blog CSS End */

/* Blog Detail Start */
.scarblog{
padding: 60px 0 30px;
background-color: #fff;
width: 100%;
display: inline-block;
margin-top:140px;
}
.scarblog-wrapper{
display: block;
justify-content: space-between;
position: relative;
}
.scarblog-left{
width: 65%;
text-align: center;
float: left;
}
.scarblog-left h1{
font-size: 36px;
padding-bottom: 10px;
font-family: 'proxima_novasemibold';
color: #000000;
line-height: 1.3;
font-weight: 600;
margin: 0;
text-align: left;
}
.scarblog-left img{
max-width: 100%;
height: 472px;
width: 100%;
padding-bottom: 30px;
cursor: pointer;
transition: transform 0.9s;
-webkit-transition: transform 0.9s;
-moz-transition: transform 0.9s;
-ms-transition: transform 0.9s;
-o-transition: transform 0.9s;
}
.scarblog-left img:hover{
transform: scale(0.95);
-webkit-transform: scale(0.95);
-moz-transform: scale(0.95);
-ms-transform: scale(0.95);
-o-transform: scale(0.95);
}
.scarblog-left p{
font-size: 15px;
padding-bottom: 15px;
color: #555555;
font-family: 'proxima_novaregular';
line-height: 24px;
text-align: justify;
}
.scarblog-right
{
width: 30%;
float: right;
}
.scar-form.blog_text
{
width:auto;
}
.blog_text h2 {
  font-family: 'proxima_novasemibold';
    color: #ffffff;
    text-align: center;
    text-transform: capitalize;
    width: 100%;
    background-color: #000;
    padding: 10px 0px;
    margin-bottom: 20px;
    font-size:30px;
}
.scarblog ul {
    margin-bottom: 15px;
}
.blog_text ul {
    padding: 20px 15px;
    padding-top: 0;
}
.scarblog ul li {
    padding-top: 10px
px
;
    font-family: 'Regular';
    color: #4b4949;
    display: list-item;
    font-size: 16px;
    letter-spacing: 0.16px;
    padding-bottom: 0px;
    margin-left: 18px;
    text-align: left;
}
.blog_text ul li {
    padding: 20px 15px;
    text-decoration: none;
    list-style: none;
    padding: 0;
    list-style-type: none;
    margin-top: 15px;
}
.blog_text ul li a .blog_textimg {
    display: inline-block;
    vertical-align: middle;
    width: 65px;
    height: 65px;
    border-radius: 100%;
    overflow: hidden;
    margin-right: 15px;
}
.blog_text ul li a .blog_textimg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.blog_text ul li a .blogtext_title {
    display: inline-block;
    vertical-align: middle;
    width: 70%;
    margin-top: 0;
    font-family: 'proxima_novasemibold';
    font-size: 15px;
    color: #ffffff !important;
}
.blog_text {
    background-color: #d6a44b;
    padding-top: 0;
    padding: 0;
    /* width: auto; */
    margin-top: 85px;
}
.scarblog-left span {
    float: left;
    font-family: 'proxima_novasemibold';
}
/* Blog Detail Close */
.prod-design li {
    width: 100%;
    line-height: 1;
    font-size: 17px;
    font-weight: 600;
    color: #fff;
    padding: 7px 20px;
}
ul.prod-design {
    box-shadow: rgb(6 24 44 / 40%) 0px 0px 0px 2px, rgb(6 24 44 / 65%) 0px 4px 6px -1px, rgb(255 255 255 / 8%) 0px 1px 0px inset;
    background: #d4a14b;
}
.welcome-wrapper.welcome-wrapper1 {
    width: 100%;
    display: flex;
    justify-content: space-around;
}




/*   OUR CORE VALUE Start Here
-------------------------------------------*/

.ocv-box {
  background-color: #fff;
  width: 23.9%;
  display: inline-block;
  vertical-align: top;
  margin-right: 12px;
  margin-top: 64px;
  box-sizing: border-box;
  box-shadow: 0px 1px 5px 2px #ccc;
  transition: 0.8s;
  padding: 6px 15px;
  text-align: center;
}
.ocv-box .icon{
  background-color: #dba64d;
  width: 75px;
  height: 75px;
  margin: -40px auto 5px;
  display: inline-flex;
  border-radius: 100%;
  align-items: center;
  justify-content: center;
}
.ocv-box:last-child{
  margin-right: 0;
}
.ocv-box h3 {color: #000;font-size: 19px;text-transform: uppercase;font-family: 'roboto_slabregular';margin-top: 10px;margin-bottom: 5px;}
.ocv-box p {font-weight: normal;font-size: 13px;line-height: 24px;color: #636262;font-family: 'proxima_novaregular';/* font-size: 16px; */text-align: center;line-height: 24px;margin: 0 0 25px;padding: 0;}

.ocv-box:hover{
  background-color: #ddaa55;
}
.ocv-box:hover .icon {
  background-color: #000000;
}
.ocv-box:hover h3,
.ocv-box:hover p {
  color: #fff;
  /* font-family: 'roboto_slabregular'; */
}
.core_values{}
.core_values h2{
  text-align: center;
  font-family: 'roboto_slabregular';
  font-size: 30px;
  color: #000;
  text-transform: uppercase;
}


/*--------------------------------------------------------------
# Counts
--------------------------------------------------------------*/
.counts {
  padding: 70px 0 60px;
}

.counts .count_row{display: flex;justify-content: space-between;}
.counts .count_row .count_items{display: flex;width: 24%;flex-wrap: wrap;flex-direction: column;}

.counts .count-box {
  display: block;
  align-items: center;
  padding: 30px;
  width: 100%;
  background: #fff;
  box-shadow: 0px 0 30px rgba(1, 41, 112, 0.08);
  /* margin: 5px; */
}

.counts .count-box i {
  font-size: 42px;
  line-height: 0;
  margin-right: 20px;
  color: #dba64d;
  display: inline-block;
}

.counts .count-box span {
  font-size: 36px;
  display: block;
  font-weight: 600;
  color: #dba64d;
}
.counts .count-box div{display: inline-block;}
.counts .count-box p {
  padding: 0;
  margin: 0;
  font-family: 'roboto_slabregular';
  font-size: 14px;
}
li.active.sub a {
    color: #f6c023 !important;
}

.customer .owl-item{display: inline-block;vertical-align: top;}
.customer .owl-nav, .customer .owl-dots{display: none;}
.clk_btn{position: absolute;width: 25px;height: 25px;display: block;z-index: 9999999;top: 13px;right: 10px;color: #333;text-align: center;cursor: pointer;}
.product-category-list ul li ul.menu_carat, .product-category-list ul li ul.menu_carat01{display: none;}
.product-category-list ul li ul.menu_carat.activeclass, .product-category-list ul li ul.menu_carat01.activeclass{display: block;}
.clk_btn.active .fa-chevron-up:before{content:"\f078";}
.product-category-list ul li ul .fa{color: #f6c023;font-size: 12px;}
.slicknav_btn{background: #000 !important;}
.ocv-box{min-height: 215px;}
.blog-item .blog-right span i{margin-right: 5px;}
.scarblog-left span{margin-bottom: 15px;}
.scarblog-left span i{margin-right: 5px;}
.banner-title {
  position: absolute;
  left: 0;
  top: auto;
  right: 0;
  bottom: 30px;
  z-index: 2;
  height: 48px;
  margin: auto;
}
.banner-title ol.breadcrumb {
  background-color: transparent;
  justify-content: right;
  margin: 8px 0;
  padding: 0;
}

.banner-title ol.breadcrumb li.breadcrumb-item, .banner-title ol.breadcrumb li.breadcrumb-item a {
  font-family: 'roboto_slabregular';
  font-size: 15px;
  color: #fff;
}

.banner-title ol.breadcrumb li.breadcrumb-item::before {
  color: #fff;
}

.banner-title ol.breadcrumb li.breadcrumb-item {
  color: #f0c84c;
}

/*Hi-Care css start */
@media only screen and (min-width:1024px) {
	header.sticky {position: fixed; top: 0; left: 0; width: 100%;}

	@keyframes smooth {
		from {
		    opacity: 0;
		    -webkit-transform: translate3d(0, -100%, 0);
		    transform: translate3d(0, -100%, 0);
		  }

		  to {
		    opacity: 1;
		    -webkit-transform: none;
		    transform: none;
		  }
	}
}



/* PDF CSS */
.datasheetsec {
  margin: 40px 0
}

.datasheetsec .container {
  display: flex;
  justify-content: space-between;
  align-items: flex-start
}

.datasheetsec aside {
  width: 25%;
  background: #e6e7e8;
  box-shadow: 0 0 4px 3px #0000001a;
  border: 5px solid #fff;
  padding: 15px
}

.datasheetsec .datasheet-list {
  width: 100%
}
.datasheetsec .datasheet-list h2{text-align: center;color: #000;font-size: 40px;}
.datasheetsec .datasheet-list>ul {
  list-style: none;
  padding: 0;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  padding-left: 50px;
  gap: 30px
}

.datasheetsec .datasheet-list>ul li {
  background: #fceff3;
  border: 4px solid #fff;
  box-shadow: 0 0 4px 3px #fbeef2;
  position: relative;
  overflow: hidden;
  background: #ccc;
  background: -moz-linear-gradient(120deg,rgb(15 54 120 / 20%) 0%,rgb(243 112 33 / 20%) 100%);
  background: -webkit-linear-gradient(120deg,rgb(15 54 120 / 20%) 0%,rgb(243 112 33 / 20%) 100%);
  background: linear-gradient(120deg,rgb(15 54 120 / 20%) 0%,rgb(243 112 33 / 20%) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#febb0f",endColorstr="#f37021",GradientType=1);
  padding-bottom: 50px
}

.datasheetsec .datasheet-list>ul li img {
  max-width: 100%;
  transition: ease .3s
}

.datasheetsec .datasheet-list>ul li:hover img {
  transform: scale(1.05)
}

.datasheetsec .datasheet-list>ul li a {
  position: absolute;
  left: 50%;
  top: 50%;
  opacity: 0;
  transition: ease .3s;
  transform: translateX(-50%) translateY(-50%);
  font-size: 0;
  border-radius: 100%;
  background: #0f3678;
  background: #cc964b;
  background: -moz-linear-gradient(90deg,#cc964b 0%,#f8d34c 100%);
  background: -webkit-linear-gradient(90deg,#cc964b 0%,#f8d34c 100%);
  background: linear-gradient(90deg,#cc964b 0%,#f8d34c 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#cc964b",endColorstr="#f8d34c",GradientType=1);
  color: #fff;
  line-height: 40px;
  padding: 15px 20px;
  width: 70px
}

.datasheetsec .datasheet-list>ul li:hover a {
  display: block;
  opacity: 1;
  font-size: 32px
}

.datasheetsec .datasheet-list>ul li h3 {
  font-family: 'proxima_novaregular';
  font-size: 18px;
  text-align: center;
  background: #000;
  color: #fff;
  padding: 10px;
  position: absolute;
  bottom: 0;
  margin: 0
}

.datasheetsec .datasheet-list>ul li:hover h3 {
  background: linear-gradient(180deg, rgba(0, 0, 0, 1) 0%, rgba(204, 150, 75, 1) 0%, rgba(248, 211, 76, 1) 100%);
}

.datasheetsec aside h3 {
  background: rgb(15 54 120);
  background: -moz-linear-gradient(0deg,rgb(11 89 193) 0%,rgb(15 54 120) 100%);
  background: -webkit-linear-gradient(0deg,rgb(11 89 193) 0%,rgb(15 54 120) 100%);
  background: linear-gradient(0deg,rgb(11 89 193) 0%,rgb(15 54 120) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#febb0f",endColorstr="#f37021",GradientType=1);
  color: #fff;
  font-family: 'gothammedium';
  font-size: 21px;
  text-align: center;
  padding: 10px
}

.datasheetsec aside ul {
  list-style: none;
  padding: 0;
  margin: 0
}

.datasheetsec aside a {
  font-family: 'gothambook';
  font-size: 16px;
  display: block;
  background: #164085;
  border-bottom: 1px solid #1c4a92;
  color: #fff;
  padding: 10px 15px;
  position: relative
}

.datasheetsec aside ul ul a {
  background: #1c4a92;
  border-bottom: 1px solid #164085
}

.datasheetsec aside .subcat>a:after {
  content: "\f078";
  font: normal normal normal 16px/1 FontAwesome;
  position: absolute;
  right: 15px;
  top: 12px
}

.datasheetsec aside .subcat li>a:before {
  content: "\f068";
  font: normal normal normal 12px/1 FontAwesome;
  margin-right: 10px
}

.datasheetsec aside li.active a,.datasheetsec aside li:hover>a {
  background: rgb(255 255 255);
  color: #164085;
  font-family: 'gothammedium';
  border: none
}







@media only screen and (max-width:1280px) {
	.main-container {padding: 0 1%; width: 100%;}
	.header-top .left {width: 55%;}
	.header-top .right {width: 45%;}

	.header-right {width: auto;}
	.header-right nav {margin-right: 0;}

	.banner .owl-buttons {width: 100%; position: static;}
	.banner .owl-theme .owl-controls .owl-buttons div {top: 50%; margin-top: -37px;}

	.hygiene-solution {height: 420px;}
	.hygiene-solution .left {margin-top: -30px;}
	.hygiene-solution .right {width: 44.5%;}
	.hygiene-solution .right .inside {padding-bottom: 0; width: 100%; padding-right: 1%;}

	.choose .left {width: 62.66%; padding-left: 1%; height: 422px;}
	.why-choose {width: 100%; padding-right: 0;}
	.choose .right {width: 46.33%; padding-right: 1%; height: 450px;}
  .request p{font-size: 14px;}
  .request-form textarea{height: 60px;}
  footer.newmail{margin-top: -5px;}
  .top-menu{margin-left: 340px;}
	.request {margin-top: 0;}
	.request:before {display: none;}
	.request .inside {width: 100%;}

	.newsletter-form .es_lablebox {padding-left: 0;}
	.newsletter-form .es_textbox input {width: 300px;}
	.footer-menu ul li {margin: 0 10px;}

	.products .left {width: 30%;}
	.products .right {width: 69%;}

	.grid-view-list li {width: 30.03%;}
	.grid-view-list .image {height: 200px;}

	#single-page .projectitem {width: 100%;}
	.top-menu li:first-child{display: none;}
}
@media only screen and (max-width:1199px) {
  .hygiene-solution{margin-top: 30px;height: auto;}
  .ocv-box{margin-right:10px ;min-height: 240px;}
  .static-page p{font-size: 14px;line-height: 23px;text-align: left;}
  .ocv-box p{text-align: center;font-size: 13px;}
  .blog-item .blog-left{width: 54%;margin-right: 20px;}
  .blog-item .blog-right{float: left;width: 40%;}
}
@media only screen and (max-width:1139px) {
	.hygiene-solution .left {width: 46.25%; margin-top: 50px;}
	.hygiene-solution .right {width: 54.5%;}
  .top-menu{margin-left: 290px;}
  .logo img{height: 115px;margin-top: -54px;}
  .top-menu li a{font-size: 14px;}
	.top-menu li .image{margin-right: 0;}
  .product-range{padding: 20px 0;}
  .hygiene-solution p{font-size: 13px;}
  .hygiene-solution .left{margin-top: -10px;}
  .read-more a{font-size: 15px;line-height: 40px;padding: 0 20px 0 20px;}
  .request-form .action{margin-top: 20px;}
  .footer-menu ul li:first-of-type{display: none;}
  .footer-menu ul li a{font-size: 13px;}
  .newsletter .heading{font-size: 25px;}
  .FOOTER .social li:first-of-type{margin-top: 0;}
  .blog-right h4 a{font-size: 18px;}
  .blog-right h4{margin-bottom: 10px;}
  .blog-right p{font-size: 14px;}
  .scarblog{margin-top: 110px;}
  .scarblog-left h1{font-size: 27px;}
  
}
@media only screen and (max-width:1049px) {
  .header-right nav li a{font-size: 13px;}
  .hygiene-solution p br{display: none;}
  .request .heading{font-size: 25px;}
  .copyright{width: 500px;}
  .footer-menu ul li{margin: 0;}
  .footer-menu ul li a{margin-right: 15px;}
  .newsletter{padding-top: 20px;}
  .top-menu{margin-left: 275px;}
  .header-right{margin-top: 20px;}
  .header-right nav li ul.dropdown, .header-right nav li ul.dropdown ul.sub-dropdown, .header-right nav li ul.dropdown ul.sub-dropdown ul.subsub-dropdown{width: 180px;}
  .header-right nav li ul.dropdown ul.sub-dropdown li a, .header-right nav li ul.dropdown ul.sub-dropdown ul.subsub-dropdown li a{font-size: 12px;line-height: 25px;}
  .header-right nav li ul.dropdown li:hover ul, .header-right nav li ul.dropdown ul.sub-dropdown li:hover ul.subsub-dropdown{left: 180px;}
  .blog_text ul li, .scarblog ul li{margin-left: 0;}
  .blog_text h2{padding: 9px 10px;text-align: left;font-size: 20px;}
  .blog_text ul li a .blogtext_title{width: 65%;font-size: 14px;line-height: 20px;}
  .scarblog-left img{height: auto;}
  .datasheetsec .datasheet-list > ul{padding-left: 0;}
}
@media only screen and (max-width:1023px) {
  .logo img{height: 100px;}
  .Contact a{padding: 0 15px 0 15px;line-height: 35px;}
  .core_values{text-align: center;}
  .ocv-box{width: 47%;margin:45px 1% 25px;min-height: 190px;}
  .ocv-box:last-child{margin-right: 1%;}
  .datasheetsec .datasheet-list > ul{gap: 15px;}
}
@media only screen and (max-width:991px) {
  .header-right nav ul{display: none;padding: 0;margin: 0;}
  .slicknav_menu{display: block;background: transparent;}
  .header-right nav{float: right;}
  .download-broucher{margin-top: 11px;}
  .Contact a{font-size: 14px;line-height: 29px;}
  .header-right nav ul{text-align: left;}
  .slicknav_nav{background: #000;top: 133px;}
  .header-right nav li a{color: #fff;}
  .header-right nav li ul.dropdown, .header-right nav li ul.dropdown ul.sub-dropdown, .header-right nav li ul.dropdown ul.sub-dropdown ul.subsub-dropdown{display: block;position: relative;}
  .header-right nav li:hover ul li, .header-right nav li ul li a{display: block;line-height: 34px;height: auto;text-align: left;color: #333;background: none;}
  .header-right nav li ul li a:hover{background-color: #fff;color: #000;}
  .header-right nav li ul li a:hover .slicknav_arrow{color: #000;}
  .slicknav_nav .slicknav_arrow{top: 0;}
  .header-right nav li ul.dropdown li:hover ul, .header-right nav li ul.dropdown ul.sub-dropdown li:hover ul.subsub-dropdown{left: 0;}
  .header-right nav li a{line-height: 35px;}
  .header-right nav li ul li, .header-right nav li ul li a{line-height: 34px;}
  .header-right nav li:hover ul li, .header-right nav li:hover ul li a{line-height: 34px;}
  .cart-action .send-enquiry a{line-height: 25px;}
  .header{position: relative;z-index: 99999999;}
  
}
@media only screen and (max-width:979px) {
	.logo {width: 21%;}
	.logo img {width: 100%;}
	.header-right nav li a {padding: 0 8px; font-size: 14px;}
	.download-broucher {margin-left: 10px;}
	.download-broucher a {font-size: 13px;}
	.download-broucher .image {width: 30px;}
	.download-broucher .image img {width: 100%;}
	.download-broucher span {width: 75px;}

	.hygiene-solution {min-height: auto; height: auto;margin-top: 0;margin-bottom: -5px;}

	.choose .left,
	.choose .right {width: 100%; float: none; height: auto; padding: 0 1%;}
  .choose .left{background-position: 0 0px;background-size: 150%;}
  .why-choose{padding: 0 15px;}
  .choose .right{background-image: none;background-color: #d8a24d;padding: 0;margin: 0;}
  .request .inside{text-align: left;}
  .request-form input[type="text"], .request-form input[type="number"], .request-form input[type="email"], .request-form select, .request-form textarea{text-align: left;}
  .request p{padding-left: 0;}
  .request .inside{padding-bottom: 55px;}
  .newsletter-form .field{float: none;display: inline-block;}
  .newsletter-form .action{display: inline-block;float: none;}
  footer .main-container{text-align: center;padding-top: 10px;padding-bottom: 10px;}
  .footer-menu ul li{margin: 0;}
	.request {float: none;}
	.request .inside {float: none;}

	.our-info {margin: 35px 0;}
	.our-info .left {width: 100%; float: none;}
	.our-info .right {width: 100%; float: none; margin-top: 30px;}
	.our-client {min-height: auto;}
	.client-list {height: auto;}

	.newsletter .newsletter-title {float: none; width: 100%; text-align: center;}
	.newsletter-form {width: 100%; float: none; margin-left: 0; text-align: center;}
	.newsletter-form .es_lablebox {float: none;}

	.footer-menu {float: none; margin: 0 0 40px; text-align: center;}
	.footer-menu ul li a{margin: 0 15px;}
	.copyright {float: none; text-align: center; width: 100%;}
	.copyright:before,
	.copyright:after {display: none;}

	.contact-info .contact_left {width: 55%;}
	.contact-info .contact_right {width: 44%;}

	.grid-view-list li,
	.grid-view-list li:nth-of-type(3n) {width: 48%; margin-right: 3%;}
	.grid-view-list li:nth-of-type(2n) {margin-right: 0;}

	.blog-list {width: 70%;}
	.recent-blog {width: 30%;}
	.modal-content{ width: 90%; margin-top: 3%; }
  .footer-menu{margin-bottom: 25px;}
  footer .main-container{padding-bottom: 0;}
  .footer-menu{margin-bottom: 15px;}
  .newsletter{padding-top: 0;}
  .request .inside{padding: 25px 35px 25px 35px;}
  .copyright{font-size: 12px;line-height: 35px;}
  footer .main-container{padding: 0;}
  footer .social{margin: 15px 0;}
  .newsletter-form .action .submit input:hover{background: #d8a24d;border: 1px solid #d8a24d;}
  .logo img{width: auto;}
  .counts .count_row .count_items{width: 23%;}
  .counts .count-box span{font-size: 30px;}
  .counts .count-box p{font-size: 12px;}
  .counts .count-box i{margin-right: 0;}
  .static-page{padding: 20px;}
  p{margin-bottom: 8px;}
  .counts{padding: 20px 0 30px;}
  .static-page .subheading{margin: 15px 0 0px;line-height: 35px;font-size: 20px;}
  .static-page .static-img{width: 370px;}
  .blog_text ul li a .blogtext_title{width: 60%;}
  .single-popular-post-info{width: 60%;}
}
@media only screen and (max-width:939px) {
  .header-top .right{line-height: 0;}
  .header-top .left{width: 60%;}
  .top-menu{margin-left: 250px;}
  .header-top .right{width: 15%;}
  .social li a{width: 28px;height: 28px;}
  .header-right{margin-top: 5px;}
  .header{height: auto;}
  .slicknav_nav{top: 101px;}
  .header-right nav li a{line-height: 35px;}
  .datasheetsec .datasheet-list > ul{gap: 10px;}
}
@media only screen and (max-width:899px) {
  .hygiene-solution{padding-bottom: 0;}
  .hygiene-solution .left img{height: 260px;}
  .hygiene-solution .left .play-button img{height: auto;}
  .hygiene-solution .heading{margin-bottom: 10px;}
  .newsletter-form .action{margin-left: 0;}
  .read-more a{font-size: 12px;line-height: 30px;padding: 0 12px 0 10px;}
  .blog-item .blog-left{width: 100%;margin-right: 0;margin-bottom: 10px;}
  .blog-item .blog-right{width: 100%;}
  .blog-left img{height: auto;width: 100%;}
  .welcome1{padding-top: 60px;}
  .prod-itel{margin-left: 10px;}
  .single-popular-post-info{width: 57%;}
  .contact-info .content{width: 77%;}
}
@media only screen and (max-width:839px) {
  .header-top .left{width: 65%;}
  .top-menu{margin-left: 215px;margin-top: -1px;}
  .slicknav_nav{top: 99px;}
  .blog_text ul li a .blogtext_title{width: 52%;}
  .single-popular-post-img{width: 60px;min-height: 55px;}
  .single-popular-post-img img{height: 60px;}
  .b-content h1{font-size: 25px;margin-bottom: 15px;}
  .contact-info .content{width: 74%;}
  .contact-form .submit input{font-size: 14px;padding: 0px 25px;}
  .contact-us .contact-info .heading{font-size: 19px;}
  .contact-form input, .contact-form textarea{line-height: 35px;padding: 1px 15px;font-size: 14px;}
}
@media only screen and (max-width:768px) {
	.cart_item[data-title="Price"], .cart_item[data-title="Total"], .order-total{ display: none !important; }
	.woocommerce table.shop_table_responsive tr td[data-title="Price"], .woocommerce-page table.shop_table_responsive tr td[data-title="Price"],
	.woocommerce table.shop_table_responsive tr td[data-title="Total"], .woocommerce-page table.shop_table_responsive tr td[data-title="Total"],
	.woocommerce table.shop_table_responsive tr.cart-subtotal{display: none !important;}
}

@media only screen and (max-width:767px) {
	header {position: static;}
	.logo {position: relative; z-index: 2;}
	.header-top .right .top-menu {vertical-align: middle; float: left;}
	.header-top .right .social {vertical-align: middle; float: right; margin-top: 10px;}
	.header-top .right .social ul {margin: 0;}
	.top-menu li {display: block; margin: 8px;}
	.header-top .right .top-menu li {margin-right: 0;}
	#menu-header-menu {display:none;}
	.slicknav_menu {display:block; text-align: center; padding: 0; background: none; position: relative;}
	/* .slicknav_nav {}
	.header-right nav {float: right; margin-left: 10px;}
	.header-right nav li a {text-align: left;}
	.header-right nav ul > li.current-menu-item a {background: #fff; color: #000;}
	.header-right nav li ul {position: static; display: block; margin-left: 0; width: 100%; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; background: none; padding-left: 15px; border-bottom: 0;}
	.header-right nav li:hover a {background: #000; color: #fff;}
	.header-right nav li.active a {background: #fff; color: #000;}
	.header-right nav li:hover ul li,
	.header-right nav li:hover ul li a {color: #fff; line-height: 45px;} */

	.hygiene-solution {min-height: auto;}
	.hygiene-solution .left {width: 100%; padding: 0; margin: 0;}
	.hygiene-solution .main-container {position: static;}
	.hygiene-solution .right {width: 100%; padding: 0 2% 15px;}

	.why-choose-list li {width: 47%; margin-right: 5%; vertical-align: top;}
	.why-choose-list li:nth-of-type(2n) {margin-right: 0;}
	.why-choose-list .heading {font-size: 20px;}
	.why-choose-list .image {margin-right: 15px;}
	.why-choose-list .text {width: 200px;}

	.request .inside {padding-bottom: 45px;}

	.footer-menu ul li {margin: 0 10px;}

	.contact-info .contact_left,
	.contact-info .contact_right {width: 100%; display: block;}
	.contact-info .contact_right {margin-top: 30px;}

	.products .left {float: none; margin: 0 auto; width: 100%;}
	.products .right {float: none; width: 100%; margin: 30px auto 0;}

	.news-list ul li {width: 100%; right: 0;}

	.blog-list,
	.recent-blog {width: 100%;}
	.careers .left{ width: 100%; }
	.header-right nav{float: right;
	    margin-left: 10px;
	    position: fixed;
	    right: 0;
	    z-index: 9999999;
	}	
	.download-broucher {
	    float: right;
	    margin-left: 10px;
	    margin-right: 90px;
	}
  .logo{margin-top: 2px;}
  .logo img{height: 90px;}
  .download-broucher{margin-top: 6px;}
  .slicknav_btn{margin-top: 6px;}
  .top-menu li{margin: 0;}
  .header-top .right .social{margin-top: 0;}
  .slicknav_nav{top: 46px;}
  .top-menu li a{font-size: 13px;margin-left: 0;}
  .logo img{margin-top: -44px;}
  .owl-dots{display: none;}
  .banner ul li span{width: 90%;}
  .why-choose-list{margin-top: 5px;}
  .counts .count_row{display: block;}
  .static-page .static-img{width: 270px;}
  .counts .count_row .count_items{width: 44%;display: inline-block;margin: 2%;}
  .ocv-box p{font-size: 12px;line-height: 22px;}
  .ocv-box{min-height: 205px;}
  .blog-right h4{line-height: 23px;}
  .blog-right h4 a{font-size: 16px;}
  .blog-right p{font-size: 13px;line-height: 20px;}
  .scarblog-left{width: 100%;}
  .scarblog-right{width: 100%;}
  .scarblog{margin-top: 0;padding-top: 30px;}
  .blog_text{margin-top: 20px;}
  .prod-itel{width: 100%;}
  .welcome-wrapper.welcome-wrapper1{display: block;}
  .scar-form{width: 100%;}
  .welcome-wrapper.welcome-wrapper1 .scar-right h1{font-size: 22px;padding-top: 6px;padding-bottom: 10px;}
  .customer-carousel .customer-carousel-li{width: 100%;border-right: 0;margin-bottom: 45px;}
  .customer .heading, .customer .heading span{font-size: 20px;}
  .blog-detail-page{margin-top: 60px;}
  .full_dis{display: block;}
  .short_dis{width: 100%;}
  .half_dis{width: 100%;}
  .contact-us .left, .contact-us .right{width: 100%;}
  .contact-us .contact-info .heading{margin-bottom: 5px;}
  .contact-us .contact-info .heading{font-size: 16px;}
  .contact-us .contact-info p, .contact-us .contact-info a{font-size: 15px;}
  .contact-form .submit{text-align: left;}
  .single-sidebar{padding: 15px 10px;}
  .single-sidebar h2{margin-bottom: 15px;}
}
@media only screen and (max-width:665px) {
  .header-top .left{width: 75%;}
  .top-menu{margin-left: 175px;}
  .product-range-list ul li .desc .enquire-now a{width: 110px;line-height: 28px;}
  .ocv-box{min-height: 230px;}
  .datasheetsec .datasheet-list > ul li h3{font-size: 14px;padding: 4px 15px;}
}
@media only screen and (max-width:599px) {
	.product-range-list ul li {width: 100%;}
	.product-range-list .width-50 {width: 100%;}

	.why-choose .heading,
	.why-choose .subheading {text-align: center;}
	.why-choose-list li {width: 100%; margin-right: 0; margin-bottom: 20px; vertical-align: top;}
	.why-choose-list li:last-of-type {margin-bottom: 0;}
	.why-choose-list li:nth-of-type(2n) {margin-right: 0;}
	.why-choose-list .heading {font-size: 24px; text-align: center;}
	.why-choose-list .image {margin: 0 auto; float: none;}
	.why-choose-list .text {width: 225px; float: none; margin: 0 auto; text-align: center;}
  .logo img{height: 66px;width: 116px;margin-top: -38px;}
  .header-top{background: linear-gradient(315deg, rgb(0, 0, 0) 70%, rgb(255, 255, 255) 60.3%);}
  .header-right{margin-top: 0;}
  .product-range-list ul li .image img{width: 100%;}
  .choose .left{background-size: 1330px;}
  .footer-menu ul li{margin: 0;}
  .slicknav_nav{top: 40px;}
  .header{padding-bottom: 2px;}
}

@media only screen and (max-width:565px) {
  .logo{width: auto;}
  .header-top .left{width: 79%;}
  .footer-menu ul li a{margin: 0 7px;}
  .newsletter .heading{font-size: 20px;}
  .request-form .submit input{font-size: 15px;padding: 0 25px;line-height: 34px;}
  .newsletter-form input{line-height: 34px;}
  .newsletter-form .action{width: 115px;}
  .newsletter-form .action .submit input{font-size: 15px;}
  .banner ul li span{font-size: 40px;line-height: 45px;}
  .top-menu{margin-left: 155px;}
  .static-page .static-img{width: 100%;margin-top: 5px;}
  .ocv-box{width: 100%;min-height: auto;}
  .blog-parent{margin-top: 0;}
  .blog-parent .col-md-4{width: 100%;}
  .blog{padding: 20px 5px;}
  .blog-wrapper h2{font-size: 30px;}
  .datasheetsec{margin: 20px 0;}
  .datasheetsec .datasheet-list h2{font-size: 30px;}
  .datasheetsec .datasheet-list > ul li a{line-height: 14px;padding: 8px 8px;width: 38px;text-align: center;}
  .datasheetsec .datasheet-list > ul li a i.fa.fa-download{font-size: 20px;}
}

@media only screen and (max-width:479px) {
	.contact-info {padding: 44px 20px;}
	.newsletter .newsletter-title {padding: 0 1%;}
	.newsletter-form {padding: 0 1%;}
	.newsletter-form .es_textbox {display: block; margin: 0;}
	.newsletter-form .es_textbox input {width: 100%;}
	.newsletter-form .es_button {margin-top: 15px;}

	.social li{margin: 0 0px;}
  .header-top .right{float: right;display: inline-block;width: 72px;}
  .header-top .left{width: 69px;float: none;display: inline-block;vertical-align: top;}
  .header-top{display: none;}
  .logo img{margin-top: 0;}
  .header-right{margin-top: 17px;}
  .newsletter-form .field{width: 195px;margin: 0 5px;}
  .newsletter-form input{padding: 0 10px !important;}
  .product-range .heading, .product-range .heading span{font-size: 25px;}
  .product-range .subheading{font-size: 14px;}
  .product-range-list{margin-top: 15px;}
  .product-range-list ul li .desc .heading{font-size: 20px;}
  .hygiene-solution .heading{font-size: 25px;}
  .hygiene-solution .heading span{font-size: 20px;}
  .copyright{font-size: 12px;line-height: 18px;padding: 10px;}
  .banner ul li span{font-size: 28px;line-height: 30px;}
  .counts .count_row .count_items{width: 100%;margin:3% auto;}
  footer .social{margin: 10px 0;}
  .products .grid-view-list li{width: 100%;}
  .products .grid-view-list .image{height: auto;}
  .contact-info li{margin-bottom: 8px;}
  .contact-form textarea{height: 80px;}
}

@media only screen and (max-width:383px) {
	.header-top .left,
	.header-top .right {width: 100%; float: none; text-align: left;}
	.header-top .right .top-menu li {margin-top: 0;}
	.social {margin-left: 8px; margin-bottom: 15px;}
	.logo {width: 32%;}
	.download-broucher {margin-left: 0;}
	.download-broucher a {text-transform: none;}
	.download-broucher span {width: 60px;}

	.why-choose .heading,
	.request .heading {font-size: 24px;}

	.request-form .field {width: 100%; margin-right: 0;}

	
	.header-top .right .top-menu{ padding-top: 11px; }
}
@media only screen and (max-width:359px) {
  .newsletter-form .action{width: 100px;}
  .newsletter-form .field{width: 185px;}
  .static-page .subheading{font-size: 18px;}
}