body {
  font-family: "Poppins", Arial, sans-serif;
  font-size: 14px;
  line-height: 1.8;
  font-weight: normal;
}

.row {
    margin: 0px !important;
}

a {
  -webkit-transition: .3s all ease;
  -o-transition: .3s all ease;
  transition: .3s all ease;
}
  a:hover, a:focus {
    text-decoration: none !important;
    outline: none !important;
    -webkit-box-shadow: none;
    box-shadow: none; }

button {
  -webkit-transition: .3s all ease;
  -o-transition: .3s all ease;
  transition: .3s all ease; }
  button:hover, button:focus {
    text-decoration: none !important;
    outline: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important; }

h1, h2, h3, h4, h5,
.h1, .h2, .h3, .h4, .h5 {
  line-height: 1.5;
  font-weight: 400;
  font-family: "Poppins", Arial, sans-serif;
  color: #000; }

.ftco-section {
  padding: 7em 0; }

.ftco-no-pt {
  padding-top: 0; }

.ftco-no-pb {
  padding-bottom: 0; }

.heading-section {
  font-size: 28px;
  color: #000; }
  .heading-section small {
    font-size: 18px; }

.img {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center; }

.navbar {
  padding: 15px 10px;
  background: #fff;
  border: none;
  border-radius: 0;
  height:60px;
  /*margin-bottom:5px;*/
  -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); }

.navbar-btn {
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: none !important;
  border: none; }

.line {
  width: 100%;
  height: 1px;
  border-bottom: 1px dashed #ddd;
  margin: 40px 0; }

.wrapper {
  width: 100%; }

.sidebar_submenu{
    color:#FFF;
    font-size:15px;
}
.sidebar_subsubmenu{
    color:#FFF;
    margin-left: 8px;
    padding:5px!important;
    font-size: 12px;
    transition: all 0.5s;
}
.sidebar_subsubmenu:hover{
   margin-left: 15px;

}
.sidebar_active{
  background-color: #18a2b8;
}
.sidebar_active::after{
  content: " >>";
}

#sidebar {
  box-shadow: -148px -13px 49px -157px rgba(0,0,0,0.75) inset;
-webkit-box-shadow: -148px -13px 49px -157px rgba(0,0,0,0.75) inset;
-moz-box-shadow: -148px -13px 49px -157px rgba(0,0,0,0.75) inset;

  min-width: 300px;
  max-width: 300px;
  background: #2f5597;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s; }
  #sidebar.active {
    margin-left: -300px; }
  #sidebar .logo {
    display: block;
    width: 120px;
    height: 120px;
    margin: 0 auto; }
    #sidebar .logo span {
      display: block; }
  #sidebar ul.components {
    padding: 0; }
  #sidebar ul li {
    font-size: 16px; }
    #sidebar ul li > ul {
      /*margin-left: 10px;*/
      border-left:1px solid grey;}
      #sidebar ul li > ul li {
        font-size: 14px; }
    #sidebar ul li a {
      padding: 10px 0;
      display: block;
      border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
      #sidebar ul li a:hover {
        color: #f8b739; }
    #sidebar ul li.active > a {
       }
  @media (max-width: 991.98px) {
    #sidebar {
      margin-left: -300px; }
      #sidebar.active {
        margin-left: 0; } }

a[data-toggle="collapse"] {
  position: relative; }

.dropdown-toggle::after {
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);}

@media (max-width: 991.98px) {
  #sidebarCollapse span {
    display: none; } }

#sidebarCollapse{
    background-color: #fff!important;
    color:#2f5597!important;
    border-color: #fff!important;
    font-size:20px;
}

#sidebarCollapse:hover{
    background-color: #e2e2e2!important;
}

#content {
  width: 100%;
  padding: 0;
  min-height: 100vh;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  min-width:350px;}

.page_data{
    width:100%;
    padding:15px 7px 15px 7px;
}

.footer p {
  color: rgba(255, 255, 255, 0.5); }

 .page-header{
    background-image: url(../images/page_heading_background.jpg);
    background-size: cover;
    background-position: bottom left;
    position: relative;
    border-radius: 0;
    color: #fff;
    padding: 35px 40px;
}

.page-header:before {
	content: "";
	background-color: rgba(0, 0, 0, 0.5);
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.page-header .page-block {
	padding: 35px 40px;
}

.page-header .page-block .breadcrumb {
	float: right;
	background: transparent;
	margin-bottom: 0;
	padding: 0;
}

.page-header .page-block .breadcrumb a {
	font-size: 14px;
	color: #fff;
}
.breadcrumb-item + .breadcrumb-item::before {
    content: ">";
}

/* filter navbar MUST IN SYNC WITH ERP AND CUSTOMER*/
.sidenav1 {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  right: 0;
  background-color: #FFF;
  overflow-x: hidden;
  transition: 0.5s;
  color:#000;
  box-shadow: -18px 4px 27px -4px rgba(0,0,0,0.63);
-webkit-box-shadow: -18px 4px 27px -4px rgba(0,0,0,0.63);
-moz-box-shadow: -18px 4px 27px -4px rgba(0,0,0,0.63);
font-size: 15px;
}

.filter_value{
    width:12px;
    height:13px;
}

#filter_div{
    padding: 20px 10px 30px 10px;
}

.filter_field {
    color:#0080FF;
    font-size: 14px;
    margin-bottom: 1px;
    margin-top: 5px;
}
.filter_label{
    font-size: 12px;
    margin-bottom: 0px;
}

.sidenav1 .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}
.filter_tag{
  float: left;
  background-color: #a4e2f0;
  margin-left: 8px;
  border-radius: 8px;
  padding: 0px 8px 0px 8px;
}
.filter_tag_heading{
  float:left;
}
.filter_values_div {
  margin-left: 10px;
  max-height: 300px;
  overflow: auto;
  max-width: 95%;
}


/*category cards */
.category_image {
    width:100%;
    max-width: 200px;
}
.category_description{
    color:grey!important;
    line-height: 1.5em;
}

.category_card{
    padding: 8px;
    font-size: 15px;
    cursor: pointer;
}
.category_card:hover{

}
.category_card .row{
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)!important;
    padding:5px;
    height:100%;
    border-left: 7px solid #15BFDD5e;
    background-color: #fff;
}

.category_card .row:hover{
    border:1px solid #EBEBEB;
    border-left:10px solid #15BFDD
}
.category_title {
    font-size:13px;
    font-weight:bold;
    color:black!important;
}

/* enquiry cart css */
.fa-shopping-cart {
  color: black;
}

.fa-stack[data-count]:after {
  position: absolute;
  right: 0%;
  top: 0%;
  content: attr(data-count);
  font-size: 40%;
  padding: .4em;
  border-radius: 999px;
  line-height: .75em;
  color: red;
  text-align: center;
  min-width: 2em;
  font-weight: bold;
  background: greenyellow;
}

.fa-circle {
  color: black;
}

.cart_icon {
  background: transparent;
}

.cart_title {
    padding: 15px;
    background-color: #ffdc75;
    font-size: 18px;
}

.icon_div{
    float:right;
    margin-left: 6px;
    margin-right: 6px;
    padding:4px;
}
.top_icon{
    color:#2f5597;
    font-size: 25px;
    cursor: pointer;
}

.addedToCart{
    background-color: #2ba32c;
}

.fa-times-circle{
    cursor: pointer;
}

.disable_checkbox {
    color:grey;
}
/* login page */
.login_form, .forgot_password_form{
  padding:25px;
}
.login_form_title {
  padding: 30px 5px 30px 5px;
  text-align: center;
  width: 100%;
  background-image: linear-gradient( 109.6deg,  rgb(20 119 135) 11.2%, rgb(11 192 221) 100.2% );
}
#login_error, #forgot_password_error{
  color: red;
  width: 100%;
  padding: 0px 0px 10px 99px;
}
#login_success, #forgot_password_success{
  color: green;
  width: 100%;
  padding: 0px 0px 10px 99px;
}
.login_form_card {
  max-width: 550px;
  margin: 0 auto;
  box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)!important;
  margin-top:40px;
  border-radius: 20px;
  background-color: #fff;
}

#login_body{
  background-image: url(../images/login_background.jpg);
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center;
  background-size: cover;
}

.required::before{
  content:'*';
  color: red;
}

.input_error{
  color:red;
  margin-left: 10px;
}

label{
  color:#4c7480;
  font-weight: 500;
}

.table-responsive{
  min-height: 300px;
}
/* card1 */
.card1 {
  box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)!important;
  margin-top:10px;
}
.card1_content {
  padding:7px;
  width: 100%;
}

.card1_floating_menu {
  /* padding: 10px; */
  float: right;
  color: #FFF;
  font-size: 20px;
  padding-right: 30px;
  padding-left: 20px;
  /* height: inherit; */
  margin-top: 7px;
  cursor: pointer;
}

.form-group {
  margin-bottom: 1rem!important;
}

.card_heading {
  font-size: 18px;
  font-weight: 600;
  background-color: #4c7480;
  padding: 10px;
  color: #fff;
  width: 100%;
}

.card_heading_red {
  font-size: 18px;
  font-weight: 600;
  background-color:#c9000a;
  padding: 10px;
  color: #fff;
  width: 100%;
}
.card_heading_green {
  font-size: 18px;
  font-weight: 600;
  background-color:#3c7037;
  padding: 10px;
  color: #fff;
  width: 100%;
}

.card_heading_green_sm {
  font-size: 14px;
  font-weight: 600;
  background-color:#3c7037;
  padding: 5px;
  color: #fff;
  width: 100%;
}

.card_heading_purple {
  font-size: 18px;
  font-weight: 600;
  background-color:#520098;
  padding: 10px;
  color: #fff;
  width: 100%;
}

.card_heading_orange {
  font-size: 18px;
  font-weight: 600;
  background-color:#984900;
  padding: 10px;
  color: #fff;
  width: 100%;
}

.card-body_custom{
    padding:10px 10px 10px 10px;
}
.cart_item_title{
    font-size: 15px; color: #17a2b8; font-weight: 600;
}

.page_heading{
    font-size: 18px;   color: #2f5597;    font-weight: 600;
}

/*homepage*/
.homepage_company_heading_div{
    padding: 30px;text-align: center;background-color: #2f5597;
}
.homepage_company_heading{
    font-size: 25px;
    color: #ffffff;
    font-weight: 600;
    margin-bottom:0px;
}
.homepage_company_heading_subheading{
    color: #15BFDD;
}

/*brands*/
.brands_logo
{
    padding: 64px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #d6eaff;
    overflow: hidden;
    background: #fff;
    height: 160px;
}
.brand_logo_img {
      transition: all 0.4s ease-in-out;
      width: 150px;
}

.brand_logo_img:hover {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}

/*about us */
.work-methodology {
  width: 100%;
  float: left;
  margin: 118px 0 130px;
  text-align: center;
}
.work-methodology h2 {
  width: 100%;
  float: left;
  font-size: 23px;
  font-weight: 600;
  color: #404040;
  text-transform: uppercase;
}
.work-methodology ul {
  width: 100%;
  float: left;
  margin: 80px 0 75px;
  list-style: none;
}
.work-methodology ul li {
  float: left;
  width: 251px;
  margin: 0 0 0 -25px;
  position: relative;
  display:inline;
}
.work-methodology ul li:first-child {
  margin-left: 0;
}
.methodology-img {
  width: 102px;
  display: inline-block;
}
.methodology-img figure {
  width: 100%;
  display: table;
  table-layout: fixed;
}
.methodology-img figure span {
  width: 102px;
  height: 102px;
  border-radius: 50%;
  display: table-cell;
  vertical-align: middle;
  border-radius: 50%;
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  -ms-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}
.methodology-img figure span img {
  display: inline-block;
  vertical-align: middle;
}
.methodology-text {
  width: 100%;
  border-radius: 50%;
  height: 251px;
  margin-top: -51px;
  padding: 60px 60px 0 60px;
  -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.15);
}
.methodology-text h4 {
  width: 100%;
  float: left;
  font-size: 29px;
  font-weight: 600;
  margin: 0 0 9px 0;
}
.methodology-text p {
  width: 100%;
  float: left;
  font-size: 15px;
  line-height: 26px;
  color: rgba(0, 0, 0, 0.7);
}
.bg-0 .methodology-img figure span {
  background: #4c96c1;
}
.bg-0 .methodology-text {
  background: rgba(76, 150, 193, 0.3);
}
.bg-0 .methodology-text h4 {
  color: #4c96c1;
}
.bg-1 .methodology-img figure span {
  background: #de971b;
}
.bg-1 .methodology-text {
  background: rgba(196, 175, 35, 0.3);
}
.bg-1 .methodology-text h4 {
  color: #de971b;
}
.bg-2 .methodology-img figure span {
  background: #37abac;
}
.bg-2 .methodology-text {
  background: rgba(78, 178, 179, 0.3);
}
.bg-2 .methodology-text h4 {
  color: #37abac;
}
.bg-3 .methodology-img figure span {
  background: #8a5b85;
}
.bg-3 .methodology-text {
  background: rgba(144, 101, 138, 0.3);
}
.bg-3 .methodology-text h4 {
  color: #8a5b85;
}
.bg-4 .methodology-img figure span {
  background: #668a5b;
}
.bg-4 .methodology-text {
  background: rgba(105, 208, 95, 0.3);
}
.bg-4 .methodology-text h4 {
  color: #668a5b;
}
.work-methodology ul li:hover .methodology-img figure span {
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
}
.contact-box {
  width: 100%;
  float: left;
  background: #f7f7f7;
  padding: 33px 0 25px;
}
.contact-box p {
  width: 100%;
  float: left;
  font-size: 15px;
  color: #404040;
  margin: 0 0 15px 0;
}
.box-call {
  width: auto;
  display: inline-block;
  vertical-align: middle;
  font-size: 25px;
  font-weight: 500;
  color: #28ac6d;
}
.contact-box figure {
  width: auto;
  display: inline-block;
  vertical-align: middle;
  margin: 0 16px;
}
.box-mail {
  width: auto;
  display: inline-block;
  vertical-align: middle;
  font-size: 25px;
  font-weight: 500;
  color: #28ac6d;
}
.box-mail a {
  color: #28ac6d;
}
.box-mail a:hover {
  color: #404040;
}

@media screen and (max-width: 1220px) {
 .work-methodology {
    margin: 80px 0 90px;
  }
  .work-methodology ul {
    margin: 60px 0 55px 20px;
  }
  .methodology-img {
    width: 90px;
  }
  .methodology-img figure span {
    width: 90px;
    height: 90px;
    padding: 20px;
  }
  .work-methodology ul li {
    width: 220px;
  }
  .methodology-text {
    height: 220px;
    margin-top: -45px;
    padding: 55px 30px 0 30px;
  }
  .methodology-text h4 {
    font-size: 24px;
  }
  .methodology-text p {
    font-size: 13px;
    line-height: 22px;
  }
}

@media screen and (max-width: 1023px) {
  .work-methodology {
    margin: 60px 0;
  }
  .work-methodology ul li {
    width: 264px;
    float: none;
    display: inline-block;
    margin: 0 0 25px -25px;
  }
  .methodology-text {
    height: 264px;
    padding: 55px 50px 0 50px;
  }
  .methodology-text p {
    font-size: 15px;
    line-height: 25px;
  }
  .work-methodology ul {
    margin: 30px 0 25px;
  }
  .box-call,
  .box-mail {
    font-size: 22px;
  }
  .contact-box {
    padding: 25px 0 20px;
  }
}

@media screen and (max-width: 767px) {
  .work-methodology {
    margin: 40px 0;
  }
  .work-methodology ul li {
    width: 220px;
  }
  .methodology-text {
    height: 220px;
    margin-top: -35px;
    padding: 40px 30px 0 30px;
  }
  .methodology-img {
    width: 70px;
  }
  .methodology-img figure span {
    width: 70px;
    height: 70px;
    padding: 15px;
  }
  .methodology-text h4 {
    font-size: 22px;
  }
  .methodology-text p {
    font-size: 13px;
    line-height: 23px;
  }
  .work-methodology ul {
    margin: 30px 0 5px;
  }
  .contact-box p {
    font-size: 14px;
  }
  .box-call,
  .box-mail {
    font-size: 19px;
  }
  .contact-box figure {
    margin: 0 10px;
  }
  .contact-box {
    padding: 25px 0 15px;
  }
}

@media screen and (max-width: 639px) {
  .work-methodology {
    margin: 35px 0;
  }
  .work-methodology h2 {
    font-size: 20px;
  }
  .work-methodology ul li {
    width: 196px;
  }
  .methodology-text {
    height: 196px;
  }
  .methodology-text h4 {
    font-size: 20px;
  }
  .methodology-text p {
    font-size: 12px;
    line-height: 20px;
  }
  .work-methodology ul li {
    margin: 0 0 20px -25px;
  }
  .work-methodology ul {
    margin: 25px 0 5px;
  }
  .contact-box {
    padding: 20px 20px 12px;
  }
  .box-call,
  .box-mail {
    font-size: 17px;
  }
  .contact-box figure {
    width: 35px;
  }
  .contact-box p {
    line-height: 20px;
    margin: 0 0 10px 0;
  }
}

@media screen and (max-width: 567px) {
  .work-methodology h2 {
    font-size: 19px;
  }
  .work-methodology ul li {
    width: 250px;
    margin: 0 0 20px 0;
  }
  .methodology-text {
    height: 250px;
    margin-top: -40px;
    padding: 55px 40px 0 40px;
  }
  .methodology-text h4 {
    font-size: 22px;
  }
  .methodology-img {
    width: 80px;
  }
  .methodology-img figure span {
    width: 80px;
    height: 80px;
    padding: 18px;
  }
  .methodology-text p {
    font-size: 15px;
    line-height: 27px;
  }
  .box-call,
  .box-mail {
    width: 100%;
  }
  .contact-box figure {
    margin: 10px 0;
  }
  .contact-box {
    padding: 16px 20px 12px;
  }
}
/*about us ends */

/*contact us*/
.contact_us_icon{
  background-color: #3a8972;
  width: 50px;
  height: 50px;
  padding: 9px;
  text-align: center;
  border-radius: 50%;
  margin: auto;
  transition: all 0.4s ease-in-out
}
.contact_us_icon_i
{
  font-size:24px;color:white;
}

.contact_us_div{
    padding:20px;
    text-align: center;
    font-size:20px;
    transition: all 0.4s ease-in-out;
    cursor:pointer;
}

.contact_us_icon:hover {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}

.contact_text{
        padding: 8px;
        background-color: #f0f0f0;
        border-radius: 30px;
        font-size: initial;

}

/*contact us ends */

/* download */
.download_icon{
    background-color: #ff0000;
    width: 40px;
    height: 40px;
    padding: 9px;
    text-align: center;
    border-radius: 50%;
    margin: auto;
    transition: all 0.4s ease-in-out;
}

.download_icon:hover {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}

/*article*/
.article_date{
    width: 80%;
    text-align: center;
    margin: auto;
    background-color: #46bcc5;
    padding: 20px;
    border-radius: 20px;
    color: white;
    font-size: 1.2em;
    min-width: 75px;
}

.article_heading_div{

    padding:20px 15px 20px 15px;
    border-bottom: 1px solid grey;
}
.article_heading_div p{
    margin-bottom: 0px;
}

.article_heading{
    font-size:1.5em;
    color:#46bcc5;
}

.article_author{
    color:grey;
    font-size:13px;
}

.article_date_line{
    height: 100%;
    width: 10px;
    background-color: #46bcc5;
    margin: auto;
}

.artile_content{

    font-size: 15px;
    color: #292929;
    max-height: 400px;
    overflow: hidden;
}
.artile_content_search_result{

    font-size: 15px;
    color: #292929;
    max-height: 100px;
    overflow: hidden;
}

.article_content_all{
    font-size: 15px;
    color: #292929;
    min-height: 500px;
}

.article_image{
    width:100%;
    margin-top:5px;
}

@media screen and (max-width: 567px) {
    .article_date{
        min-width:60px;
        padding: 10px;
    }
}

.article_content_all_image {
        width:100%;
        float: none;
}
@media (min-width: 768px) {
    .article_content_all_image {
        max-width: 550px;
        float: right;
    }
}


/*article ends*/

/*brand logo*/
.logo_text_only
{
    font-size: 18px;
    background-color: #f7f7f7;
    padding: 50px;
    text-align: center;
    border-radius: 50px 0px 50px 0px;
    width:100%;
}

.result_view_btn
{
  background-color: #bdbcbc;
  border-color: white;

}

.related_products_div
{
    padding-top: 50px;padding-bottom: 50px;background-color: #ebebeb;
    margin-top: 20px;
    margin-bottom: 20px;
}

/* width */
.custom_scrollbar::-webkit-scrollbar {
  width: 8px;
}

/* Track */
.custom_scrollbar::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey; 
  border-radius: 10px;
}
 
/* Handle */
.custom_scrollbar::-webkit-scrollbar-thumb {
  background: grey; 
  border-radius: 10px;
}

/* Handle on hover */
.custom_scrollbar::-webkit-scrollbar-thumb:hover {
  background: #E5E5E5; 
}