@import url("https://fonts.googleapis.com/css2?family=Rambla:ital,wght@0,400;0,700;1,400;1,700&display=swap");
html {
  scroll-behavior: smooth;
}
/* width */
::-webkit-scrollbar {
  width: 3px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #888;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555;
}
a,
h1,
h2,
h3,
h4,
h5,
h6,
p,
span {
  overflow-wrap: break-word;
  margin-bottom: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Rambla", sans-serif;
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Rambla", sans-serif;
}
dl,
ol,
ul {
  margin-bottom: 0;
}
a {
  text-decoration: none;
}
li {
  list-style: none;
}
a:hover {
  text-decoration: none;
}
p {
  font-size: 16px;
  line-height: 25px;
  font-weight: 400;
  margin-bottom: 15px;
}
div {
  width: 100%;
  display: block;
}
.form-control {
  font-size: 14px;
  line-height: 24px;
}
ul li a:hover {
  color: #1c74bc !important;
}
a:hover {
  color: #1c74bc;
}
.footer-menu ul li a:hover,
.top-header a:hover {
  color: #d8d8d8 !important;
}
.navbar .dropdown-menu {
  box-shadow: 0 10px 11px 0 rgb(223, 223, 223), 0 6px 20px 0 rgba(0, 0, 0, 0.1);
}
button,
input,
optgroup,
select,
textarea {
  outline: none;
}
/*////////////////top header/////////////////*/
.top-header {
  background: #1c74bc;
  padding: 5px 0;
}
.web-info a {
  margin-left: 15px;
  color: #fff;
}
.web-info a span {
  font-weight: 100;
  font-size: 14px;
  margin-left: 2px;
}
.web-info .fa {
  margin-right: 7px;
}
/*//////////////////// header meanu//////////////*/
.header {
  /*padding: 5px 0;*/
  border: 1px solid #f7f7f7;
}
.header .collapse {
  padding: 15px 0 !important;
}
.navbar-brand img {
  width: 260px;
}
.navbar .dropdown-menu div[class*="col"] {
  margin-bottom: 1rem;
}
.navbar .dropdown-menu {
  border: none;
}
.header-menu {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.header .dropdown-menu {
  height: 200px;
  overflow-y: scroll;
}
.navbar-nav li a {
  font-size: 16px;
  text-transform: uppercase;
  font-weight: bold;
  color: #585353;
  -webkit-transition: all 400ms linear 0s;
  -o-transition: all 400ms linear 0s;
  transition: all 400ms linear 0s;
}
.dropdown-menu ul li a {
  font-size: 15px;
  line-height: 17px;
  padding: 0;
  color: #28abe1;
  text-transform: capitalize;
  font-weight: 300;
}
.dropdown-menu ul li {
  padding: 5px 0 !important;
  min-height: 44px;
}
.dropdown-menu-col {
  padding-right: 0;
}
.header .btn {
  background: #1c74bc;
  color: #fff;
  padding: 5px 21px;
  line-height: 15px;
  border-radius: 5px;
  /*margin-left: 30px;*/
  border: 1px solid #000;
  transition: 0.5s ease;
}
.togglesearch {
  background: #fff;
  position: absolute;
  top: 68px;
  right: 7.7%;
  width: 250px;
  height: 30px;
  line-height: 30px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  z-index: 9999999;
  display: none;
}
.togglesearch::before {
  content: "";
  position: absolute;
  top: -29px;
  right: 35px;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-top: 14px solid transparent;
  border-bottom: 14px solid #1c74bc;
}

.top-search-wrp input {
  background: transparent;
  border: none;
  color: #000;
  font-size: 14px;
  border-bottom: 1px solid #000;
  display: block;
  width: 100%;
  padding: 0 15px;
  letter-spacing: 2px;
  font-weight: 600;
}
.form-input-wrp {
  display: flex;
  width: 230px;
  border: 1px solid #fff;
  padding: 0 15px;
  border-radius: 25px;
  justify-content: space-around;
  align-items: center;
}
.top-search-wrp button {
  background: transparent;
  border: none;
}
.top-search-wrp .fa {
  color: #000;
  font-size: 14px;
  /* margin-left: 12px; */
}
.searchbar {
  margin-right: 35px;
}
.top-search-wrp {
  margin-left: 25px;
}
/*///////////////////home page slider/////////////*/
.home-slider {
  position: relative;
}
.home-slider::after {
  position: absolute;
  width: 100%;
  height: 80px;
  background-image: url(./images/shape.png);
  left: 0;
  right: 0;
  margin: auto;
  content: "";
  bottom: 0;
  background-repeat: no-repeat;
}
.slick-next,
.slick-prev {
  display: none !important;
}
.home-slider .aarow-slider {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 50%;
  display: flex;
  justify-content: space-between;
}
/*.slick-arrow {
  background: #1c74bc;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  border: none;
  color: #fff;
  font-size: 24px;
  margin: 0 25px;
}*/
/*////////////////////////about us////////////////////////*/
.about-us,
.product-category,
.contact-wrp,
.category-main-wrp,
.admin-distributer-list,
.error-wrp,
.prod-desc-wrp,
.sitemap-wrp,
.certification-wrp,
.singlecatlog-wrp,
.search-wrp,
.product-by-cat-wrp,
.subproduct-by-cat-wrp,
.compare-product,
.about-us-wrp {
  margin: 45px 0;
}
.main-heading {
  text-align: center;
  padding-bottom: 45px;
}
.main-heading h2 {
  position: relative;
  letter-spacing: 1px;
  font-weight: 600;
  transition: 0.5s ease;
}
.main-heading h2:hover {
  letter-spacing: 4px;
}
.main-heading h2::after {
  position: absolute;
  left: 0;
  bottom: -3px;
  background: red;
  content: "";
  height: 2px;
  width: 50px;
  right: 0;
  margin: auto;
  transition: 0.3s all;
}
.main-heading h2:hover::after {
  position: absolute;
  left: 0;
  bottom: -3px;
  background: red;
  content: "";
  height: 4px;
  width: 100px;
  right: 0;
  margin: auto;
}
.about-us p {
  font-size: 15px;
  line-height: 23px;
  text-align: justify;
}
.about-us p span {
  font-size: 16px;
  font-weight: 600;
}
.about-us h4 {
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 1px;
  margin-bottom: 10px;
}
.about-img-wrp img {
  border-radius: 0 40px 0 40px;
  box-shadow: 0 10px 11px 0 rgb(223, 223, 223), 0 6px 20px 0 rgba(0, 0, 0, 0.1);
}

/*///////////////Product Category////////////////////*/

.product-button {
  background: transparent;
  border: none;
  padding: 10px 0;
  width: 100%;
  display: block;
  transition: 0.8s ease;
  font-size: 14px;
  cursor: pointer;
}
.prod-name-wrp {
  text-align: left;
  box-shadow: 0 10px 11px 0 rgb(223, 223, 223), 0 6px 20px 0 rgba(0, 0, 0, 0.1);
  padding: 5px;

  transition: 0.3s ease;
}
.prod-name-wrp:hover {
  background: #1c74bc;
}
.product-button:focus,
.product-button:active,
.product-button:visited,
.product-button:target,
.product-button:focus-visible {
  border: none;
  outline: none;
}
.product-button:hover span {
  display: none;
}
.product-button:hover:before {
  content: "View More";
}
.prod-name-wrp a {
  width: 100%;
  display: block;
}
.product-button:hover {
  color: #fff;
  text-decoration: underline;
}

/*//////////////////////feature product//////////////////*/

.feature-product {
  position: relative;
}
.aarow-slider {
  position: absolute;
  right: 95px;
  top: 2px;
  width: 120px;
}
.slick-arrow1 {
  background: #1c74bc;
  width: 35px;
  height: 35px;
  color: #fff;
  border-radius: 50%;
  border: #1c74bc;
  text-align: center;
}
.prod-image {
  display: block;
  width: 100%;
  height: auto;
}

.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: 0.5s ease;
  background-color: #1c74bc;
  border-radius: 15px;
}

.feature-product-box:hover .overlay {
  opacity: 0.8;
}

.text {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}
.feature-product-box {
  padding: 25px;
  position: relative;
  border: 1px solid #f2f2f2;
  border-radius: 15px;
}
.featured-title {
  padding-top: 20px;
  text-align: center;
}
.featured-title a {
  color: #000;
  font-size: 15px;
}
.feature-product .main-heading h2::after {
  position: absolute;
  left: 0;
  bottom: -3px;
  background: red;
  content: "";
  height: 2px;
  width: 50px;
  right: inherit;
  margin: inherit;
  transition: 0.3s all;
}
.feature-product .main-heading h2:hover::after {
  position: absolute;
  left: 0;
  bottom: -3px;
  background: red;
  content: "";
  height: 4px;
  width: 100px;
  right: inherit;
  margin: inherit;
}
.feature-product .main-heading {
  position: relative;
}

/*///////////////////////home page product category//////////////*/
.home-product-category {
  margin-top: 45px;
}
.home-product-category .prod-cat-row h3 {
  line-height: 22px;
  min-height: 45px;
}
.home-product-category .shop-now {
  font-size: 13px;
  color: red;
  margin-top: 7px;
}
.home-product-category .prod-cat-row h3 a {
  line-height: 14px;
  color: #000;
  font-size: 16px;
  text-transform: capitalize;
}
.home-product-category .prod-cat-row {
  border: 5px solid #f2f2f2;
  padding: 15px;
  border-radius: 15px;
}
.home-product-category .prod-cat-row:hover {
  border: 5px solid #1c74bc;
}
.home-product-category .shop-now .fa {
  margin-left: 5px;
}
.home-product-category .main-heading a {
  font-size: 18px;
  color: #000;
  font-weight: 500;
  letter-spacing: 2px;
}
/*///////////////////footer//////////////////*/
footer {
  background: #f5f5f5;
  padding: 45px 0;
  margin-top: 45px;
}
footer h3 {
  font-size: 28px;
  font-weight: 600;
  line-height: 28px;
  position: relative;
  transition: 0.3s ease;
  margin-bottom: 20px;
  letter-spacing: 1px;
}
footer h3:hover {
  letter-spacing: 4px;
}
footer h3::after {
  position: absolute;
  left: 0;
  bottom: -25px;
  background: red;
  content: "";
  height: 2px;
  width: 50px;
  right: inherit;
  margin: inherit;
  transition: 0.3s all;
}
footer h3:hover::after {
  position: absolute;
  left: 0;
  bottom: -25px;
  background: red;
  content: "";
  height: 4px;
  width: 100px;
  right: inherit;
  margin: inherit;
}
footer p {
  font-size: 15px;
  line-height: 23px;
  margin-bottom: 0;
}
footer ul li a {
  color: #000;
  font-size: 15px;
}
footer ul {
  margin-right: 10px;
  display: inline-block;
}
footer iframe {
  width: 100%;
  display: block;
}
/*//////////////////bottom footer/////////////////*/
.bottom-footer {
  background: #1c74bc;
  padding: 25px 0;
}
.footer-logo img {
  width: 200px;
}
.bottom-footer p {
  margin-bottom: 0;
}
.footer-menu ul li a {
  color: #fff;
  font-size: 15px;
  line-height: 25px;
}
.footer-menu-list ul {
  padding-bottom: 0;
  border-bottom: 1px solid #fff;
}
.footer-menu-list ul li {
  padding: 5px;
}
.footer-social-icon {
  margin-top: 8px;
}
.footer-social-icon p {
  color: #fff;
  font-size: 14px;
}
.footer-social-icon ul li {
  margin-left: 25px;
}
/*/////////////////////////login page/////////////////////////*/
.breadcrumb-top {
  position: relative;
  height: 120px;
  background: #27abe1;
  ;
}
.breadcrumb-top nav {
  margin: 15px 0;
}
.breadcrumb-top nav li a {
  color: #fff !important;
}
.breadcrumb-top .breadcrumb-item + .breadcrumb-item::before {
  color: #fff;
}
.breadcrumb-item.active {
  color: #005192;
}
.breadcrumb-top::after {
  position: absolute;
  width: 100%;
  height: 80px;
  background-image: url(./images/shape.png);
  left: 0;
  right: 0;
  margin: auto;
  content: "";
  bottom: 0;
  background-repeat: no-repeat;
}
.breadcrumb {
  background-color: transparent;
}
.login,
.forgot-pass {
  width: 50%;
  margin: auto;
  border: 1px solid #f6f6f6;
  border-radius: 0 40px 0 40px;
  box-shadow: 0 10px 11px 0 rgb(223, 223, 223), 0 6px 20px 0 rgba(0, 0, 0, 0.1);
}
.login-reg-wrp {
  margin-top: 45px;
}
.tab-pane {
  padding: 25px;
}
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
  color: #495057;
  background-color: #f8f8f8;
  border-color: #f8f8f8;
}
.login .btn,
.forgot-pass .btn {
  background: #1c74bc;
  padding: 6px 25px;
  color: #fff;
  transition: 0.5s ease;
  border: 1px solid #1c74bc;
  border-radius: 5px;
}
.login a {
  color: #005192;
}
/*///////////////////////////about us///////////////////////////*/
.about-text p {
  font-size: 15px;
  line-height: 23px;
}
.about-text h4 {
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 1px;
  margin-bottom: 10px;
}
.about-text ul li {
  font-size: 15px;
  padding-left: 25px;
  line-height: 25px;
  position: relative;
}
.about-text ul li::after {
  position: absolute;
  left: 10px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #1c74bc;
  content: "";
  top: 9px;
}
.aboutus-img-wrp img {
  margin-bottom: 29px;
}
.about-text p span {
  font-weight: 600;
  font-size: 16px;
}

/*/////////mobile menu/////////////*/

.mobile-menu .card {
  background-color: #1c74bc;
}
.sideMenuInner li a:hover {
  color: #b0b0b0 !important;
}
.mobile-menu .has-submenu .nav-link {
  position: relative;
}
.mobile-menu ul li .fa {
  margin-right: 8px;
}
.mobile-menu .collapse li {
  padding: 0 15px;
}
.mobile-menu .has-submenu > .nav-link::after {
  position: absolute;
  right: 0;
  top: 7px;
  content: "\f0d7";
  font-family: FontAwesome;
}
.main {
  margin: 0 auto;
  display: block;
  height: 100%;
  margin-top: 60px;
}

.mainInner {
  display: table;
  height: 100%;
  width: 100%;
  text-align: center;
}

.mainInner div {
  display: table-cell;
  vertical-align: middle;
  font-size: 3em;
  font-weight: bold;
  letter-spacing: 1.25px;
}

#sideMenu {
  height: 100%;
  position: fixed;
  left: 0;
  width: 250px;
  top: 0;
  transform: translateX(-250px);
  transition: transform 250ms ease-in-out;
  background: #1c74bc;
  z-index: 1;
}

.sideMenuInner {
  margin: 0;
  padding: 0;
  border-top: 1px solid black;
}

.sideMenuInner li {
  list-style: none;
  color: #fff;
  text-transform: uppercase;
  font-weight: bold;
  padding: 15px 20px 0 15px;
  cursor: pointer;
  /*border-bottom: 1px solid black;*/
}

.sideMenuInner li span {
  display: block;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.5);
}

.sideMenuInner li a {
  color: #fff;
  text-transform: uppercase;
  font-weight: bold;
  cursor: pointer;
  text-decoration: none;
}

input[type="checkbox"]:checked ~ #sideMenu {
  transform: translateX(0);
}

input[type="checkbox"] {
  transition: all 0.3s;
  box-sizing: border-box;
  display: none;
}

.sideIconToggle {
  transition: all 0.3s;
  box-sizing: border-box;
  cursor: pointer;
  position: absolute;
  z-index: 99;
  height: 100%;
  width: 100%;
  top: 22px;
  right: 14px;
  height: 22px;
  width: 22px;
}

.spinner {
  transition: all 0.3s;
  box-sizing: border-box;
  position: absolute;
  height: 3px;
  width: 100%;
  background-color: #000;
}

.horizontal {
  transition: all 0.3s;
  box-sizing: border-box;
  position: relative;
  float: left;
  margin-top: 3px;
}

.diagonal.part-1 {
  position: relative;
  transition: all 0.3s;
  box-sizing: border-box;
  float: left;
}

.diagonal.part-2 {
  transition: all 0.3s;
  box-sizing: border-box;
  position: relative;
  float: left;
  margin-top: 3px;
}

input[type="checkbox"]:checked ~ .sideIconToggle > .horizontal {
  transition: all 0.3s;
  box-sizing: border-box;
  opacity: 0;
}

input[type="checkbox"]:checked ~ .sideIconToggle > .diagonal.part-1 {
  transition: all 0.3s;
  box-sizing: border-box;
  transform: rotate(135deg);
  margin-top: 8px;
}

input[type="checkbox"]:checked ~ .sideIconToggle > .diagonal.part-2 {
  transition: all 0.3s;
  box-sizing: border-box;
  transform: rotate(-135deg);
  margin-top: -9px;
}

#sidenav-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background: rgba(0, 0, 0, 0.1);
  cursor: pointer;
  z-index: 1;
}
.mobile-menu {
  display: none;
}
/*////////////////////////Contact Us////////////////////////*/
.contact-map iframe {
  width: 100%;
  height: 280px;
}
.contact-list ul li {
  display: flex;
  justify-content: start;
  align-items: center;
  margin-bottom: 5px;
  border-bottom: 1px solid #eaeaea;
  padding: 5px 0;
}
.contact-list ul li p {
  margin-bottom: 0;
  line-height: 20px;
  font-size: 15px;
}
.contact-list .fa {
  margin-right: 12px;
}
.contact-list ul li a {
  font-size: 15px;
  color: #000;
  line-height: 25px;
}
.contact-map {
  margin-top: 25px;
}
.contact-form .btn {
  background: #1c74bc;
  color: #fff;
  font-size: 16px;
  border-radius: 5px;
  padding: 6px 21px;
  transition: 0.5s ease;
  border: 1px solid #1c74bc;
}
.contact-form .btn:hover,
.header .btn:hover,
.login .btn:hover,
.forgot-pass .btn:hover {
  background: #fff;
  border: 1px solid #27abe1;
  color: #27abe1;
}
.contact-wrp h3 {
  position: relative;
  letter-spacing: 1px;
  font-weight: 600;
  transition: 0.5s ease;
  margin-bottom: 25px;
}
.contact-wrp h3:hover {
  letter-spacing: 4px;
}
.contact-wrp h3::after {
  position: absolute;
  left: 0;
  bottom: -3px;
  background: red;
  content: "";
  height: 2px;
  width: 50px;
  transition: 0.3s all;
}
.contact-wrp h3:hover::after {
  position: absolute;
  left: 0;
  bottom: -3px;
  background: red;
  content: "";
  height: 4px;
  width: 100px;
}
/*////////////////////////////category page////////////////////*/
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: #fff;
  background-color: #1c74bc;
}
.category-main-wrp .nav-link {
  color: #000;
  border-bottom: 1px solid #ccc;
  border-radius: 0 !important;
}
.category-main-wrp .tab-content {
  padding: 5px;
  border: 1px solid #ccc;
  border-radius: 25px;
}
.tab-content .category-wrp a {
  position: relative;
  color: #000;
  font-size: 14px;
  padding-left: 18px;
}
.tab-content .category-wrp a::after {
  position: absolute;
  left: 0;
  top: 0;
  content: "\f0a4";
  font-family: FontAwesome;
}
.tab-content .category-wrp a:hover {
  color: #27abe1;
}
.cat-tab-image {
  width: 250px;
  margin-bottom: 15px;
}
.search-alphabet-wrp {
  margin-bottom: 25px;
}
.search-alphabet-wrp .col-12 {
  padding: 0;
}
.category-search input {
  background: transparent;
  border: transparent;
  border-bottom: 1px solid #ccc;
  padding: 5px 46px 5px 0;
  font-size: 14px;
}
.category-search button {
  background: #1c74bc;
  color: #fff;
  padding: 5px 20px;
  border: 1px solid #1c74bc;
  border-radius: 20px;
  margin-left: -18px;
}

/*///////////////////////fotgot Password//////////////////////////*/
.forgot-pass {
  padding: 25px;
}
.forgot-pass h3 {
  font-size: 25px;
  font-weight: 600;
  line-height: 35px;
  margin-bottom: 25px;
  position: relative;
  letter-spacing: 1px;
  transition: 0.5s ease;
}
.forgot-pass h3:hover {
  letter-spacing: 4px;
}
/*/////////////////////////edit profile//////////////////////////////*/
.user-profile-wrp img {
  width: 40px;
}
.user-profile-wrp {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}
.user-profile-wrp input[type="file"] {
  font-size: 13px;
  position: absolute;
  left: 65px;
  top: 9px;
  opacity: 1;
}
.user-profile {
  border-radius: 20px;
  overflow: hidden;
}
.user-info h4 {
  font-size: 17px;
  font-weight: 600;
  line-height: 25px;
  letter-spacing: 1px;
}
.user-info p {
  font-size: 15px;
  color: #808080;
}
.forgot-pass h3::after {
  position: absolute;
  left: 0;
  bottom: -1px;
  background: red;
  content: "";
  height: 2px;
  width: 50px;
  transition: 0.3s all;
}
.forgot-pass h3:hover::after {
  position: absolute;
  left: 0;
  bottom: -1px;
  background: red;
  content: "";
  height: 4px;
  width: 100px;
}
.edit-links a {
  display: block;
}
.edit-links {
  margin-top: 25px;
}
/*//////////////////////admin distributer list//////////////////////*/
.admin-distributer-list .active,
.admin-distributer-list .fa-thumbs-up {
  color: #007600;
}
.admin-distributer-list .inactive,
.admin-distributer-list .fa-thumbs-down {
  color: #fa0d0d;
}
.admin-distributer-list .icon {
  text-align: center;
}
.admin-distributer-list .fa-trash {
  color: #1c74bc;
}
.admin-distributer-list .dataTables_length,
.admin-distributer-list .dataTables_info {
  width: 49%;
  float: left;
}
.admin-distributer-list .dataTables_filter,
.admin-distributer-list .dataTables_paginate {
  float: left;
  text-align: right;
  width: 49%;
}
.admin-distributer-list .dataTables_length label {
  margin-bottom: 0;
}
.admin-distributer-list table {
  margin-top: 12px;
  display: inline-block;
}
.admin-distributer-list .dataTables_filter input,
.admin-distributer-list .dataTables_length select {
  padding: 0 5px;
}
.admin-distributer-list .dataTables_length select {
  margin: 0 8px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  color: #fff !important;
  border: 1px solid #1c74bc;
  background-color: white;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, white),
    color-stop(100%, #1c74bc)
  );
  background: -webkit-linear-gradient(top, white 0%, #1c74bc 100%);
  background: -moz-linear-gradient(top, white 0%, #1c74bc 100%);
  background: -ms-linear-gradient(top, white 0%, #1c74bc 100%);
  background: -o-linear-gradient(top, white 0%, #1c74bc 100%);
  background: #1c74bc;
}
/*////////////////////////////Error Page////////////////////*/
.error-text h2 {
  font-size: 122px;
  font-weight: 600;
  color: #f00;
}
.error-text p {
  font-size: 21px;
}
.error-text a {
  background: #1c74bc;
  color: #fff;
  padding: 8px 35px;
  border-radius: 25px;
  margin-top: 20px;
  display: inline-block;
  font-size: 17px;
  border: 1px solid #1c74bc;
  transition: 0.5s ease;
}
.error-text a:hover {
  background: #fff;
  border: 1px solid #1c74bc;
  color: #1c74bc;
}
/*///////////////////////////product Description////////////////////////////*/
.shoose-wrp-box {
  width: 100%;
  margin: auto;
  position: relative;
  border: 1px solid #f4f4f4;
  border-radius: 20px;
  background: #fff;
}

.shoose-wrp {
  padding: 80px 0;
  width: 100%;
  display: block;
  position: relative;
  background-image: linear-gradient(#f94dde, #6058c4);
}
.shoose-content .shoose-image {
  min-height: 270px;
  max-height: 270px;
}
.shoose-content {
  text-align: center;
  background: rgba(255, 255, 255, 0.25);
  border-top: 1px solid rgba(255, 255, 255, 0.5);
  border-right: 1px solid rgba(255, 255, 255, 0.5);
  padding: 50px 25px;
  position: relative;
  border-radius: 20px;
}
/*.shoose-thumb {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(-50%,-50%);
  margin: 0;
  width: 115px;
}*/
.shoose-thumb ul li img {
  max-width: 70px;
  transition: 0.8s ease-in-out;
}
.shoose-thumb ul li:hover img {
  transform: rotate(-15deg);
}
.shoose-thumb li {
  width: 90px;
  height: 90px;
  /*background: rgb(0,0,0,0.5);*/
  margin-bottom: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #f4f4f4;
  border-radius: 20px;
  background: #fff;
}
.shoose-thumb li:last-child {
  margin-bottom: 0;
}
.shoose-content h2 {
  margin-bottom: 0;
  color: #1c74bc;
  font-weight: bolder;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 20px;
  /* text-shadow: 2px 1px #000; */
}
.sizr-wrp li a {
  background: #1c74bc;
  color: #fff;
  padding: 8px 21px;
  line-height: 15px;
  border-radius: 5px;
  margin-right: 16px;
  border: 1px solid #1c74bc;
  transition: 0.5s ease;
}
.sizr-wrp li a:hover {
  background: #fff;
  border: 1px solid #27abe1;
  color: #27abe1;
}
.sizr-wrp {
  margin: 20px 0;
}
.prod-desc-wrp h2 {
  font-weight: 800;
  line-height: 38px;
  color: #02355f;
  margin-bottom: 15px;
}
.prod-desc-button ul li .fa {
  margin-left: 13px;
}
.prod-desc-wrp .nav-tabs .nav-item.show .nav-link,
.prod-desc-wrp .nav-tabs .nav-link.active {
  color: #fff;
  background-color: #1c74bc;
  border-color: #1c74bc;
}
.prod-desc-wrp .nav-tabs .nav-link {
  /*padding: 4px 10px;*/
  color: #000;
}
.prod-desc-button {
  margin-top: 60px;
}
.prod-tesc-tab h4 {
  font-size: 17px;
  color: #000;
  font-weight: 600;
}
.prod-tesc-tab ul li {
  position: relative;
  margin-bottom: 5px;
  font-size: 15px;
}
.prod-tesc-tab ul li::after {
  position: absolute;
  left: -21px;
  top: 0;
  content: "\f00c";
  font-family: FontAwesome;
}
.range-products .main-heading h2::after {
  position: absolute;
  left: 0;
  bottom: -3px;
  background: red;
  content: "";
  height: 2px;
  width: 50px;
  right: inherit;
  margin: inherit;
  transition: 0.3s all;
}
.range-products .main-heading h2:hover::after {
  position: absolute;
  left: 0;
  bottom: -3px;
  background: red;
  content: "";
  height: 4px;
  width: 100px;
  right: inherit;
  margin: inherit;
}
.range-products {
  position: relative;
}
.range-products .btn {
  background-color: #1c74bc;
  color: #ffff;
  font-weight: 500;
  font-size: 14px;
  border-radius: 5px;
}
.range-products .btn:hover {
  background: #fff;
  border: 1px solid #27abe1;
  color: #27abe1;
}
.range-heading h3 {
  background: #ebebeb;
  text-align: center;
  padding: 10px;
  line-height: 14px;
  min-height: 55px;
}
.range-heading h3 a {
  color: #210770;
  font-size: 16px;
  text-transform: capitalize;
}
.range-heading {
  padding: 12px 0;
}
.range-prod-footer {
  padding: 20px 0 10px 0;
}
.range-img-wrp img {
  min-height: 245px;
}
.range-img-wrp {
  padding: 5px 15px;
}
.glance-slider {
  margin-top: 25px;
}

/*//////////////////////sitemap////////////////////*/

.step1 {
  margin-left: 25px;
}
.step2 {
  margin-left: 50px;
}
.sitemap-main ol li {
  display: list-item;
  list-style: decimal;
  line-height: 35px;
}

/*/////////////////////certification//////////////////////////////*/
/*.certificatio-row:nth-child(even) .certification-img-wrp {float: left;}
.certificatio-row:nth-child(even) .cert-col  { order: 2;}
.certificatio-row:nth-child(even) .certification-img-wrp {order: 1;}*/

.cert-order:nth-child(5) {
  order: 6;
}
.cert-order:nth-child(10) {
  order: 9;
}
.cert-col {
  box-shadow: 0 1px 3px 0 rgb(223, 223, 223), 0 6px 20px 0 rgba(0, 0, 0, 0.1);
  background: #f8f8f8;
}
.cert-col,
.certification-img-wrp {
  margin-bottom: 25px;
}
.certification-title h3::after {
  position: absolute;
  left: 0;
  bottom: -3px;
  background: red;
  content: "";
  height: 2px;
  width: 50px;
  right: 0;
  margin: auto;
  transition: 0.3s all;
}
.certification-title h3 {
  position: relative;
  letter-spacing: 1px;
  font-weight: 600;
  transition: 0.5s ease;
}
.certification-title h3:hover::after {
  position: absolute;
  left: 0;
  bottom: -3px;
  background: red;
  content: "";
  height: 4px;
  width: 100px;
  right: 0;
  margin: auto;
}
.certification-title h3:hover {
  letter-spacing: 4px;
}

/*////////////////////////Search/////////////////////////*/
.search-wrp-box {
  position: relative;
}
.search-text {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}

.column-1,
.column-10,
.column-11,
.column-12,
.column-2,
.column-3,
.column-4,
.column-5,
.column-7,
.column-8,
.column-9 {
  float: left;
}

.column-1 {
  width: 8.333333333333333%;
}

.column-2 {
  width: 16.66666666666667%;
}

.column-3 {
  width: 25%;
}

.column-4 {
  width: 33.33333333333333%;
}

.column-5 {
  width: 41.66666666666667%;
}

.column-6 {
  width: 50%;
  float: left;
  padding: 15px;
}

.column-7 {
  width: 58.33333333333333%;
}

.column-8 {
  width: 66.66666666666667%;
}

.column-9 {
  width: 75%;
}

.column-10 {
  width: 83.33333333333333%;
}

.column-11 {
  width: 91.66666666666667%;
}

.column-12,
.wrapper-full {
  width: 100%;
}

.nav-icon,
.navigation {
  float: right;
}

.custom-row::after {
  content: "";
  display: table;
  clear: both;
}

.wrapper {
  max-width: 1140px;
  margin: 0 auto;
  position: relative;
}

.rotate {
  position: absolute;
  transform: rotate(-20deg);
  left: 0;
  font-size: 2.8rem;
  top: 5px;
}

.ex_padd {
  padding-top: 170px !important;
}

.box-tab {
  margin: 10px 0;
}

.effect {
  margin: auto;
  box-shadow: 0 0 15px 5px rgba(0, 0, 0, 0.07);
  background-color: #fff;
  border: 5px solid #f5f5f5;
}

.tab-container {
  padding: 50px 0;
}

.tab-head {
  text-align: center;
  padding-bottom: 10px;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
}

.tab .effect {
  position: relative;
  overflow: hidden;
  max-height: 240px;
  max-width: 350px;
  /*background: #3085a3;*/
  text-align: center;
  cursor: pointer;
}

.grid-width3,
.grid-width6 {
  max-height: 270px !important;
  max-width: 530px !important;
}

.grid-width8 {
  max-width: 700px !important;
}

.tab .effect img {
  position: relative;
  display: block;
  min-height: 100%;
  opacity: 0.8;
  width: 100%;
}

.tab .effect .tab-text {
  padding: 2em;
  color: #fff;
  text-transform: uppercase;
  font-size: 1.25rem;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.tab-text h2 {
  color: #484848;
  margin: 0;
  font-size: 1.5rem;
}

.tab-text p {
  color: #fff;
  margin: 0;
  font-size: 1rem;
}

.hide {
  display: none;
}

@media (max-width: 575px) {
  .column-xs-1,
  .column-xs-10,
  .column-xs-11,
  .column-xs-12,
  .column-xs-2,
  .column-xs-3,
  .column-xs-4,
  .column-xs-5,
  .column-xs-7,
  .column-xs-8,
  .column-xs-9 {
    float: left;
    padding: 15px;
  }
  .column-xs-1 {
    width: 8.333333333333333%;
  }
  .column-xs-2 {
    width: 16.66666666666667%;
  }
  .column-xs-3 {
    width: 25%;
  }
  .column-xs-4 {
    width: 33.33333333333333%;
  }
  .column-xs-5 {
    width: 41.66666666666667%;
  }
  .column-xs-6 {
    width: 50%;
    float: left;
    padding: 15px;
  }
  .column-xs-7 {
    width: 58.33333333333333%;
  }
  .column-xs-8 {
    width: 66.66666666666667%;
  }
  .column-xs-9 {
    width: 75%;
  }
  .column-xs-10 {
    width: 83.33333333333333%;
  }
  .column-xs-11 {
    width: 91.66666666666667%;
  }
  .column-xs-12 {
    width: 100%;
  }
  .hide-xs {
    display: none;
  }
  .effectTab-header .title::before {
    width: 125%;
    left: 15%;
  }
  .tab-container {
    padding-top: 25px;
    padding-bottom: 25px;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  .column-sm-1,
  .column-sm-10,
  .column-sm-11,
  .column-sm-12,
  .column-sm-2,
  .column-sm-3,
  .column-sm-4,
  .column-sm-5,
  .column-sm-7,
  .column-sm-8,
  .column-sm-9 {
    float: left;
    padding: 15px;
  }
  .column-sm-1 {
    width: 8.333333333333333%;
  }
  .column-sm-2 {
    width: 16.66666666666667%;
  }
  .column-sm-3 {
    width: 25%;
  }
  .column-sm-4 {
    width: 33.33333333333333%;
  }
  .column-sm-5 {
    width: 41.66666666666667%;
  }
  .column-sm-6 {
    width: 50%;
    float: left;
    padding: 15px;
  }
  .column-sm-7 {
    width: 58.33333333333333%;
  }
  .column-sm-8 {
    width: 66.66666666666667%;
  }
  .column-sm-9 {
    width: 75%;
  }
  .column-sm-10 {
    width: 83.33333333333333%;
  }
  .column-sm-11 {
    width: 91.66666666666667%;
  }
  .column-sm-12 {
    width: 100%;
  }
  .hide-sm {
    display: none;
  }
  .visible-sm {
    display: block;
  }
  .tab-container {
    padding-top: 25px;
    padding-bottom: 25px;
  }
}

@media (max-width: 1000px) {
  .header h1 {
    padding-left: 70px;
  }
  .rotate {
    left: 30px;
  }
  @media (min-width: 768px) and (max-width: 991px) {
    .column-md-1,
    .column-md-10,
    .column-md-11,
    .column-md-12,
    .column-md-2,
    .column-md-3,
    .column-md-4,
    .column-md-5,
    .column-md-7,
    .column-md-8,
    .column-md-9 {
      float: left;
      padding: 15px;
    }
    .column-md-1 {
      width: 8.333333333333333%;
    }
    .column-md-2 {
      width: 16.66666666666667%;
    }
    .column-md-3 {
      width: 25%;
    }
    .column-md-4 {
      width: 33.33333333333333%;
    }
    .column-md-5 {
      width: 41.66666666666667%;
    }
    .column-md-6 {
      width: 50%;
      float: left;
      padding: 15px;
    }
    .column-md-7 {
      width: 58.33333333333333%;
    }
    .column-md-8 {
      width: 66.66666666666667%;
    }
    .column-md-9 {
      width: 75%;
    }
    .column-md-10 {
      width: 83.33333333333333%;
    }
    .column-md-11 {
      width: 91.66666666666667%;
    }
    .column-md-12 {
      width: 100%;
    }
    .hide-md {
      display: none;
    }
    .visible-md {
      display: block;
    }
  }
}

.effect.effect-three {
  background: linear-gradient(-45deg, #0c71e9 0, #034b96, 100%);
  text-align: left;
}

.effect.effect-three h2 {
  transform: translate3d(25px, 0, 0);
  -webkit-transform: translate3d(25px, 0, 0);
  transition: all 0.35s;
  font-family: Oswald;
  font-size: 20px;
}

.effect.effect-three h2:before {
  content: "[ ";
  position: absolute;
  left: -15px;
  bottom: 3px;
  font-weight: 400;
}

.effect.effect-three:hover h2 {
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  opacity: 0.5;
}

.effect.effect-three .tab-text:before {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  border: 140px solid red;
  border-radius: 50% 0 0 50%;
  opacity: 0;
  transform: translate3d(50%, 50%, 0) rotate3d(0, 0, 1, 135deg);
  transition: all 0.35s 0.15s;
  border-color: transparent transparent transparent #fff;
}

.effect.effect-three:hover .tab-text:before {
  transform: translate3d(50%, 50%, 0) rotate3d(0, 0, 1, 45deg);
  opacity: 0.8;
  transition-delay: 0s;
}

.effect.effect-three p {
  position: absolute;
  width: 31px;
  height: 36px;
  bottom: 70px;
  right: -31px;
  font-size: 120%;
}

.effect.effect-three p a {
  width: 31px;
  height: 36px;
  position: absolute;
  opacity: 0;
  transition: all 0.35s cubic-bezier(0.25, 0.4, 0.2, 0.5) 0s;
}

.effect.effect-three p a i {
  color: #5d504f;
  transition: transform 0.35s cubic-bezier(0.5, 0.2, 0.4, 0.25) 0s;
}

.effect.effect-three p a i:hover {
  color: #cc6055;
}

.effect.effect-three:hover p a {
  opacity: 1;
}

.effect.effect-three:hover p a:nth-child(1) {
  transform: translate3d(0, 60px, 0);
  -webkit-transform: translate3d(0, 60px, 0);
  transition: all 0.35s cubic-bezier(0.5, 0.2, 0.4, 0.25) 0.15s;
  -webkit-transition: all 0.35s cubic-bezier(0.5, 0.2, 0.4, 0.25) 0.15s;
}

.effect.effect-three:hover p a:nth-child(1) i {
  transform: translate3d(-100px, 0, 0);
  transition: transform 0.35s cubic-bezier(0.25, 0.4, 0.2, 0.5) 0.15s;
  -webkit-transform: translate3d(-100px, 0, 0);
  -webkit-transition: transform 0.35s cubic-bezier(0.25, 0.4, 0.2, 0.5) 0.15s;
}

.effect.effect-three:hover p a:nth-child(2) {
  transform: translate3d(0, 30px, 0);
  transition: all 0.35s cubic-bezier(0.5, 0.2, 0.4, 0.25) 0.25s;
  -webkit-transform: translate3d(0, 30px, 0);
  -webkit-transition: all 0.35s cubic-bezier(0.5, 0.2, 0.4, 0.25) 0.25s;
}

.effect.effect-three:hover p a:nth-child(2) i {
  transform: translate3d(-80px, 0, 0);
  transition: transform 0.35s cubic-bezier(0.25, 0.4, 0.2, 0.5) 0.25s;
  -webkit-transform: translate3d(-80px, 0, 0);
  -webkit-transition: transform 0.35s cubic-bezier(0.25, 0.4, 0.2, 0.5) 0.25s;
}

.effect.effect-three:hover p a:nth-child(3) {
  transform: translate3d(0, 0, 0);
  transition: all 0.35s cubic-bezier(0.5, 0.2, 0.4, 0.25) 0.35s;
  -webkit-transform: translate3d(0, 0, 0);
  -webkit-transition: all 0.35s cubic-bezier(0.5, 0.2, 0.4, 0.25) 0.35s;
}

.effect.effect-three:hover p a:nth-child(3) i {
  transform: translate3d(-45px, 0, 0);
  transition: transform 0.35s cubic-bezier(0.25, 0.4, 0.2, 0.5) 0.35s;
  -webkit-transform: translate3d(-45px, 0, 0);
  -webkit-transition: transform 0.35s cubic-bezier(0.25, 0.4, 0.2, 0.5) 0.35s;
}

.effect.effect-three img {
  transform: scale3d(1.1, 1.1, 1) translate3d(15px, 0, 0);
  transition: all 0.35s;
  transform-origin: 85% 100%;
  -webkit-transform: scale3d(1.1, 1.1, 1) translate3d(15px, 0, 0);
  -webkit-transition: all 0.35s;
  -webkit-transform-origin: 85% 100%;
}

.effect.effect-three:hover img {
  transform: scale3d(1.1, 1.1, 1) translate3d(0, 0, 0);
  -webkit-transform: scale3d(1.1, 1.1, 1) translate3d(0, 0, 0);
  opacity: 0.6;
}

/*////////////////////product by category///////////////////////////*/
/*.nav-link[data-toggle].collapsed::after {
  content: "+";
  position: absolute;
  right: 12px;
}
.nav-link[data-toggle]:not(.collapsed):after {
  content: "▾";
  position: absolute;
  right: 12px;
}*/

.category-alphabet ul li a:hover {
  color: #fff !important;
  background: #1c74bc;
}
.category-alphabet ul li a {
  padding: 0px 6px;
  border: 1px solid #dee2e6;
}
.category-alphabet ul li {
  display: inline;
}
.category-alphabet ul {
  float: right;
}
.product-by-cat-wrp .nav-link {
  padding: 3px 1rem;
}
.product-by-cat-wrp {
  position: relative;
}
.product-by-cat-wrp .catalog-masonry ul {
  width: 100%;
  margin-top: 15px;
}
.product-by-cat-wrp .collapse {
  padding: 5px;
}
.collapse {
  margin-left: -76px;
}
.collapse.show {
  margin-left: 0px;
}
.item-catalog {
  display: inline-block;
  background: #fff;
  padding: 10px;
  margin: 0 0 2em;
  width: 100%;
  -webkit-transition: 1s ease all;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border: 1px solid #dee2e6;
}
.catalog-masonry {
  -webkit-column-count: 4;
  -moz-column-count: 4;
  column-count: 4;
  -webkit-column-gap: 1em;
  -moz-column-gap: 1em;
  column-gap: 1em;
  margin: 0rem;
  padding: 0;
  -moz-column-gap: 1.5em;
  -webkit-column-gap: 1.5em;
  column-gap: 1.5em;
  font-size: 0.85em;
}
.catalog-masonry1 {
  -webkit-column-count: 3;
  -moz-column-count: 3;
  column-count: 3;
  -webkit-column-gap: 1em;
  -moz-column-gap: 1em;
  column-gap: 1em;
  margin: 0rem;
  padding: 0;
  -moz-column-gap: 1.5em;
  -webkit-column-gap: 1.5em;
  column-gap: 1.5em;
  font-size: 0.85em;
}
.widget__title.newtitl {
  background: #f7f7f7;
  text-align: center;
  border: 1px solid #f6f6f6;
  border-radius: 0 40px 0 40px;
  box-shadow: 0 2px 1px 0 rgb(223, 223, 223), 0 2px 4px 0 rgba(0, 0, 0, 0.1);
}
.catalog-masonry .fa {
  margin-right: 5px;
  color: #000;
}
.catalog-masonry a {
  color: #000;
}

.catalog-masonry1 .fa {
  margin-right: 5px;
  color: #000;
}
.catalog-masonry1 a {
  color: #000;
}
.product-by-cat-wrp #sidebar {
  background: white;
  border: 1px solid #dee2e6;
}
.product-by-cat-wrp #sidebar ul {
  margin-top: 15px;
  width: 100%;
}
.product-by-cat-wrp #sidebar ul li a {
  color: #0e8299;
  position: relative;
  /* padding-left: 30px !important; */
  
}
.product-by-cat-wrp #sidebar ul li {
  position: relative;
}
.product-by-cat-wrp #sidebar ul li a::after {
  position: absolute;
  left: 10px;
  top: 7px;
  /* content: "\f061"; */
  font-family: FontAwesome;
  font-size: 12px;
}
/*///////////////////////catlog/////////////////////*/
.catlog-wrp .catalog-masonry .fa,
.pdf-link p a .fa {
  margin-right: 8px;
  color: #de0505;
  font-size: 16px;
  font-weight: 600;
}
.catlog-wrp .catalog-masonry ul li {
  margin: 8px auto;
}
.catlog-wrp .widget-categories .cat-img-wrp {
  margin: 15px auto;
  text-align: center;
}
.catlog-wrp .widget__title.newtitl {
  font-size: 20px;
  padding: 10px;
  border-radius: 0 20px 0 19px;
}
/*////////////////catlog model///////////////*/
.download-wrp {
  border: 2px dashed #ccc;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 25px;
  margin: 15px 0;
}
.download-wrp img {
  width: 85px;
}
.catlog-modal .modal-header h5 {
  color: green;
  font-weight: 600;
  letter-spacing: 1px;
  font-size: 25px;
}
.catlog-modal h3 {
  font-size: 21px;
}
.pdf-link p {
  width: 49%;
  float: left;
  margin-bottom: 0;
}
.pdf-link p a {
  color: #000;
}
.pdf-link p a:hover,
.widget-categories__row a:hover {
  color: #1575bd;
}
/*////////////////////////sub product page//////////////////////////*/
.subproduct-by-cat-wrp {
  position: relative;
}
.subproduct-by-cat-wrp .tabbable ul {
  width: 20%;
  float: left;
  display: block;
  border: 1px solid #e9f0f4;
  border-radius: 10px 10px 0 0;
}
.subproduct-by-cat-wrp .tabbable .tab-content {
  width: 80%;
  float: left;
}
.subproduct-by-cat-wrp #tab_selector {
  display: none;
}

.range-img-wrp {
  display: flex;
  justify-content: center;
}
.range-prod-footer .col-6 {
  padding: 0;
}
.range-prod-desc {
  padding: 15px 0;
  height: 206px;
  overflow-y: scroll;
}

.range-product h3,
.range-product h3 a {
  line-height: 21px;
  color: #210770;
  font-size: 16px;
  text-transform: capitalize;
  min-height: 45px;
}
.product-categories {
  background: #f8f9fa;
}
.prod-cat-row {
  text-align: left;
}
.range-prod-desc h4 {
  font-size: 15px;
  line-height: 20px;
  font-weight: 500;
  text-align: left;
}

.range-prod-desc p {
  font-size: 12px;
  line-height: 20px;
  font-weight: 400;
  text-align: left;
  margin: 0;
}

.range-prod-desc .row {
  border-bottom: 2px solid #ebebeb;
  padding: 5px 0;
}

.range-prod-footer {
  padding: 20px 0 10px 0;
}

.range-prod-footer .fa {
  margin-left: 7px;
  font-size: 20px;
  color: #1c74bc;
}

.range-prod-footer .fa:hover {
  color: #27abe1;
}

.compare-btn {
  position: absolute;
  top: 0;
  right: 0;
  width: 50px;
  height: 25px;
  border-radius: 0;
  background: #1c74bc;
}
.compare-btn div {
  position: absolute;
  left: 50%;
  top: 21px;
  margin: auto;
  transform: translate(-50%, -50%);
}
.compare-btn label {
  color: #fff;
  font-size: 12px;
  display: block;
  letter-spacing: 1px;
  /*transform: rotate(90deg);*/
  margin: 0;
  padding: 0;
}
.subprod-img-box {
  padding: 15px;
  border-radius: 2px;
  border: 1px solid rgba(0, 0, 0, 0.05);
  background-color: #fff;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05);
  margin-bottom: 20px;
}
.subprod-column {
  padding-right: 0;
}
.subprod-img-box button,
.subprod-img-box button:active,
.subprod-img-box button:focus {
  background: none;
  border: none;
}
.subprod-img-box .btn {
  background-color: #1c74bc;
  color: #ffff;
  font-weight: 500;
  font-size: 13px;
  border-radius: 5px;
}
.subproduct-by-cat-wrp .tab-selector.active,
.subproduct-by-cat-wrp .tab-selector:hover {
  background: #1c74bc;

  border-radius: 10px 10px 0 0;
}
.subproduct-by-cat-wrp .tab-selector.active:hover {
  border-radius: 10px 10px 0 0;
}
.subproduct-by-cat-wrp .tab-selector:hover {
  border-radius: 0;
}
.subproduct-by-cat-wrp .tab-selector.active a,
.subproduct-by-cat-wrp .tab-selector a:hover {
  color: #fff !important;
}
.subproduct-by-cat-wrp .tab-selector {
  margin-bottom: 10px;
}
.subproduct-by-cat-wrp .tab-selector a {
  width: 100%;
  display: block;
  padding: 8px 15px;
}
.compare-btn input[type="checkbox"] {
  display: block;
}
/*/////////////////////////Caompare page/////////////////*/

.compare-product .table thead th {
  vertical-align: middle;
}
.compare-table-row-col {
  width: 220px;
}
.compare-product th h3 {
  font-size: 20px;
  text-align: center;
  color: #000;
}
.compare-product .table thead th img {
  min-height: 205px;
}
.compare-product th h3:hover {
  color: #27abe1;
}
.compare_bttn .fa {
  color: #fff !important;
}
.compare_bttn {
  background-color: #fff;
  width: 50px;
  color: #0377c0;
  text-align: right;
  /* margin-left: auto; */
  /* margin-right: 20px; */
  /* margin-top: 10px; */
  height: 25px;
  }
.action--compare-add {
  color: #334a9f ;
  }
  .action--compare-add:hover .action__text--invisible,
  .action--download:hover .action__text--invisible {
  color: #ddd;
  font-size: 16px;
  letter-spacing: 0;
  background: #2F3035;
  border-radius: 2px;
  padding: 3px 5px
  }
  .action--compare-add:hover {
      color: #334a9f 
  }
  .action--compare-add .fa-check,
  .action--compare-add input[type=checkbox]:checked~.fa-plus {
  display: none
  }
  .action--compare-add input[type=checkbox]:checked~.fa-check {
    display: inherit;
  color: #009688
  }
/*only four tick */
.action--compare-add1 .fa-check,
  .action--compare-add1 input[type=checkbox]:checked~.fa-plus {
  display: inherit
  }
  .action--compare-add1 input[type=checkbox]:checked~.fa-check {
    display: none;
  color: #009688
  }


  .check-hidden {
  position: absolute;
  opacity: 0
  }
  .action {
  display: inline-block;
  font-size: 16px;
  white-space: nowrap;
  cursor: pointer;
  border: none;
  background: transparent;
  text-align: center
  }
  .action:focus {
  outline: none
  }
  .action__text {
  font-family: 'Raleway', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: 700;
  letter-spacing: 1px;
  font-size: .813em;
  vertical-align: middle;
  display: inline-block
  }
  .action__text--invisible {
  position: absolute;
  top: 100%;
  opacity: 0;
  pointer-events: none
  }
  .compare-section {
  position: fixed;
  top: 60px;
  right: 20px
  }
  .btn-compare {
  background-color: #1b9b2c;
  color: #ffffff;
  /* margin-top: 150px; */
  position: fixed;
  right: 80px;
  top: 350px;
  }
  .btn-compare:hover {
  background-color: #1b9b2c;
  color: #ffffff;
  }
  .compare_btn {
  font-size: 14px;
  padding: 2px 15px;
  }
/*///////////////////////single catlog///////////////////*/
.single-catlog-wrp {
  width: 70%;
  margin: auto;
  position: relative;
  border: 1px solid #cfeffc;
  box-shadow: 0 10px 11px 0 rgb(223, 223, 223), 0 6px 20px 0 rgba(0, 0, 0, 0.1);
}
.brouchure-logo {
  position: absolute;
  top: 15px;
  right: 76px;
  width: 25%;
}
.brouchure-logo img {
  width: 250px;
}
.single-frant h2 {
  font-size: 28px;
  font-weight: 600;
}
.single-frant {
  text-align: center;
}
.brouture-image {
  margin-top: 35px;
}
.brouchure-footer {
  position: absolute;
  bottom: 10px;
  right: 25px;
}
.brouchure-footer ul li {
  margin-left: 15px;
}
.brouchure-footer ul li .fa {
  margin-right: 5px;
}
.brouchure-footer ul li a {
  font-size: 18px;
  font-weight: 500;
  color: #3f4141;
}
.brochure-height1 {
  height: 200px;
}
.brochure-height2 {
  height: 400px;
}
.single-brout-page .brochure-height2 {
  padding: 100px 0;
}
.single-frant-sec,
.single-frant-third {
  padding: 0 70px;
  text-align: justify;
}
.single-frant-sec h3,
.single-frant-third h3 {
  padding-bottom: 5px;
  border-bottom: 1px solid #ccc;
  margin-bottom: 15px;
  font-size: 21px;
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.single-frant-sec ul li .fa {
  margin-right: 5px;
  font-size: 14px;
}
.single-frant-sec ul li {
  line-height: 28px;
}
.single-frant-sec p {
  margin-bottom: 25px;
}
.single-frant-third .table td,
.single-frant-third .table th {
  padding: 0.35rem;
}
.single-frant-third .table-responsive {
  margin-top: 25px;
}
.single-catlog-heading-row {
  width: 70%;
  margin: 25px auto;
}
.single-catlog-heading-row .col-12 {
  padding: 0;
}
.single-catlog-heading-row .fa {
  margin-right: 8px;
  color: #de0505;
  font-size: 16px;
  font-weight: 600;
}
.single-catlog-heading-row a {
  font-size: 20px;
  color: #000;
}
/*.single-frant::before {
  width: 100%;
  height: 350px;
  position: absolute;
  left: 0;
  top: 0;
  content: '';
  background-image: url(images/brouture-shape-top.png);
  background-repeat: no-repeat;
}*/
/*.single-frant::after {
  width: 100%;
  height: 350px;
  position: absolute;
  left: 0;
  bottom: 0;
  content: '';
  background-image: url(images/brouture-shape-footer.png);
  background-repeat: no-repeat;

}*/

/*////////////terms and policy///////////*/
.terms-wrp ul li::after {
  position: inherit;
}
.terms-wrp h3 {
  position: relative;
  font-size: 16px;
  font-weight: 600;
  padding-left: 15px;
  line-height: 20px;
}
.terms-wrp h3::after {
  position: absolute;
  left: 0;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #1c74bc;
  content: "";
  top: 6px;
}
.terms-wrp ul li {
  margin-bottom: 10px;
}
/*////////////////////quick quote ////////////////////*/
.quote .form-outline {
  margin-bottom: 15px !important;
}
.quote .btn {
  background: #1c74bc;
  padding: 5px 25px;
  color: #fff;
}
/*////////////////top arrow////////////*/
.sticky-icon {
  position: fixed;
  top: 70%;
  right: 20px;
}
.sticky-quote {
  background: #f00;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  margin-bottom: 5px;
}
.sticky-whatsapp {
  background: green;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  margin-bottom: 5px;
}
.top_arrow {
  position: fixed;
  display: none;
  right: 20px;
  bottom: 15px;
  z-index: 99999;
}
.sticky-icon ul li .fa {
  color: #fff;
  font-size: 25px;
}
.sticky-icon ul li a {
  color: #fff;
  text-align: center;
  line-height: 12px;
  font-size: 13px;
}
.sticky-icon ul li a:hover {
  color: #ccc !important;
}
.top_arrow .fa {
  font-size: 1.5rem;
  line-height: 1;
  font-weight: 600;
}
.top_arrow i {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #1c74bc;
  color: #fff;
  transition: all 0.4s;
}

/*//////////////////wow effect css/////////////*/

.wow {
  animation-duration: 3s !important;
}
@media (max-width: 575px) {
  .effect.effect-two p.description {
    bottom: 5.8em;
  }
  .catalog-masonry {
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 1;
    -webkit-column-gap: 1em;
    -moz-column-gap: 1em;
    column-gap: 1em;
    margin: 0rem;
    padding: 0;
    -moz-column-gap: 1.5em;
    -webkit-column-gap: 1.5em;
    column-gap: 1.5em;
    font-size: 0.85em;
  }
  .subproduct-by-cat-wrp #tab_selector {
    display: block;
  }
  .subproduct-by-cat-wrp .tabbable ul {
    display: none;
  }
  .subproduct-by-cat-wrp .tabbable .tab-content {
    width: 100%;
    float: left;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  .tab .effect .tab-text h2 {
    font-size: 1.3rem !important;
  }
  .effect.effect-two p.description {
    bottom: 5.8em;
  }
  .catalog-masonry {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
  }
  .subproduct-by-cat-wrp #tab_selector {
    display: block;
  }
  .subproduct-by-cat-wrp .tabbable ul {
    display: none;
  }
  .subproduct-by-cat-wrp .tabbable .tab-content {
    width: 100%;
    float: left;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .effect h2 {
    font-size: 1.3rem !important;
  }
}
@media screen and (max-height: 450px) {
  .sidenav {
    padding-top: 15px;
  }
  .sidenav a {
    font-size: 18px;
  }
}
/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
  .sidebar {
    padding-top: 15px;
  }
  .sidebar a {
    font-size: 18px;
  }
}

@media screen and (min-width: 992px) {
  .navbar {
    padding-top: 0px;
    padding-bottom: 0px;
    width: 100%;
  }
  .navbar .nav-item {
    padding: 0.5rem 0.5rem;
    /*margin:0 .25rem;*/
  }
  /* .navbar .dropdown {
    position: static;
  } */
  .navbar .dropdown-menu {
    
    left: 0;
    right: 0;
    top: 70px;
    box-shadow: 0 10px 11px 0 rgb(223, 223, 223),
      0 6px 20px 0 rgba(0, 0, 0, 0.1);
  }
  .navbar .dropdown:hover .dropdown-menu,
  .navbar .dropdown .dropdown-menu:hover {
    display: block !important;
  }
  .navbar .dropdown-menu {
    border: 1px solid rgba(0, 0, 0, 0.15);
    background-color: #fff;
  }
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  .row {
    margin-right: 0;
    margin-left: 0;
  }
  .mobile-menu {
    display: block;
    padding: 8px 0;
  }
  .mobile-menu .col-6 {
    padding: 0;
  }
  .mobile-logo img {
    width: 125px;
  }
  .header {
    display: none;
  }
  .breadcrumb-top::after {
    position: inherit;
  }
  .breadcrumb-top {
    height: 80px;
  }
  .login,
  .forgot-pass {
    width: 100%;
  }
  .forgot-pass {
    padding: 20px 15px;
  }
  .footer-menu-list ul {
    display: inherit !important;
    padding: 15px 0;
  }
  .footer-social-icon {
    margin-top: 8px;
    display: inherit !important;
  }
  .footer-social-icon ul li {
    margin-left: 0;
    margin-right: 25px;
    margin-top: 10px;
  }
  .footer-social-icon p {
    margin-top: 20px;
  }
  footer h3 {
    margin-top: 25px;
  }
  .web-info a {
    margin-left: 0;
    font-size: 13px;
    margin-right: 6px;
  }
  .top-header .col-12.col-md-6 {
    padding: 0;
  }
  .main-heading h2 {
    font-size: 22px;
  }
  .home-product-category .main-heading a {
  font-size: 15px;
  }
  .aarow-slider {
  right: 15px;
  top: 49px;
  }
  .about-img-wrp {
    margin: 5px 0 25px 0;
  }
  .main-heading {
    padding-bottom: 35px;
  }
  .about-us,
  .product-category {
    margin: 35px 0;
  }
  footer {
    padding: 35px 0;
    margin-top: 35px;
  }
  .error-text h2 {
    font-size: 50px;
  }
  .error-text p {
    font-size: 16px;
    margin-top: 10px;
  }
  .error-text a {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .product-by-cat-wrp #sidebar {
    display: none;
  }
  /*.category-alphabet {
  display: none;
}*/
  .single-catlog-wrp,
  .single-catlog-heading-row {
    width: 100%;
  }
  .brouchure-logo {
    top: 5px;
    right: 41px;
    width: 26%;
  }
  .single-brout-page .brochure-height2 {
    padding: 100px 0;
  }
  .brouchure-footer {
    bottom: -2px;
    right: 10px;
  }
  .brochure-height1 {
    height: 105px;
  }
  .brouchure-footer ul li a {
    font-size: 12px;
  }
  .single-frant-sec,
  .single-frant-third {
    padding: 0 12px;
    text-align: justify;
  }
  .single-frant-sec p {
    margin-bottom: 25px;
    font-size: 14px;
    line-height: 16px;
  }
  .single-frant-sec h3,
  .single-frant-third h3 {
    padding-bottom: 2px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 8px;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
  }
  .single-frant-sec ul li,
  .single-frant-third ul li {
    line-height: 20px;
    font-size: 14px;
  }
  .brochure-height2 {
    height: 485px;
  }
  .single-frant-third th {
    font-size: 14px;
  }
  .single-frant-third tr td {
    font-size: 13px;
  }
  .single-frant h2 {
    font-size: 21px;
  }
  .single-catlog-heading-row a {
    font-size: 16px;
  }
  .single-catlog-heading-row .fa {
    margin-right: 5px;
    font-size: 13px;
  }
  .single-catlog-heading-row h3 {
    font-size: 20px;
  }
  .sitemap-main {
    padding: 0 15px;
  }
  .breadcrumb {
    padding: 15px 0;
  }
  .cert-order:nth-child(5) {
    order: 5;
  }
  .cert-order:nth-child(5) {
    order: 10;
  }
  .certification-title h3 {
    font-size: 16px;
  }
  .certification-title {
    padding: 15px 0;
  }
  .home-slider,
  .about-us {
    display: none;
  }
  .breadcrumb-top nav,
  .breadcrumb {
    margin: 0 !important;
  }
  .home-product-category .prod-cat-row {
  margin-bottom: 15px;
  }
  .subprod-column {
  padding-right: 15px;
  }
  .admin-distributer-list .dataTables_length, .admin-distributer-list .dataTables_info {
  width: 100%;
  }
  .admin-distributer-list .dataTables_filter, .admin-distributer-list .dataTables_paginate {
  width: 100%;
  }
  .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter {
  text-align: left;
  }
  .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_paginate {
  text-align: left;
  }
  .contact-form {
  margin-top: 25px;
  }
  .category-alphabet {
  margin-top: 25px;
  }
  .prod-tesc-tab {
  margin-top: 25px;
  }
  .tab-pane {
  padding: 25px 0;
  }
  .prod-tesc-tab h4 {
  margin-bottom: 15px;
  }
  .mobile-menu .submenu .nav-link {
  position: relative;
  }
  .mobile-menu .submenu .nav-link::before {
  position: absolute;
  left: 0;
  top: 7px;
  content: "\f101";
  font-family: FontAwesome;
  }
  .btn-compare {
  background-color: #1b9b2c;
  color: #ffffff;
  /* margin-top: 150px; */
  position: fixed;
  right: -38px;
  top: 292px;
  transform: rotate(90deg);
  }
  .compare-btn {
  right: 15px;
  }
  .user-info {
  margin-top: 15px;
  }
/* 08-07*/
.subproduct-by-cat-wrp .sidebar {
    display: none;
}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .container {
    max-width: 768px !important;
  }
  .row {
    margin-right: 0;
    margin-left: 0;
  }
  .navbar {
    width: 100%;
  }
  .breadcrumb-top::after {
    position: inherit;
  }
  .breadcrumb-top nav,
  .breadcrumb {
    margin: 0 !important;
  }
  .breadcrumb-top {
    height: 55px;
  }
  .login,
  .forgot-pass {
    width: 75%;
  }
  .web-info a,
  .web-info a span {
    font-size: 12px;
  }
  .navbar-brand img {
    width: 135px;
  }
  .header ul li a {
    padding: 5px 2px !important;
  }
  /*.header ul {
    margin-left: 65px !important;
  }*/
  .navbar-nav li a {
    font-size: 12px;
  }
  .searchbar {
    margin-right: 20px;
  }
  .top-search-wrp {
    margin-left: 8px;
  }
  .header .dropdown-menu {
    position: absolute;
   /* left: -112px;*/
    margin: 1.25rem 0 0;
    /*min-width: 40rem;*/
  }
  .header .dropdown-menu ul li {
    min-height: 0;
  }
  .contact-wrp h3 {
    font-size: 24px;
  }
  .error-text h2 {
    font-size: 80px;
  }
  .error-text p {
    font-size: 18px;
  }
  .catalog-masonry {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
  }
  .category-search input {
    padding: 5px 10px 5px 0;
  }
  .single-catlog-wrp,
  .single-catlog-heading-row {
    width: 90%;
  }
  .brouchure-footer {
    bottom: 5px;
  }
  .brochure-height2 {
    height: 500px;
  }
  .sitemap-main {
    padding: 0 15px;
  }
  .breadcrumb {
    padding: 15px 0;
  }
  .certification-title h3 {
    font-size: 23px;
  }
  .aarow-slider {
  right: 0;
  }
  .subproduct-by-cat-wrp .tabbable ul {
  width: 25%;
  }
  .subproduct-by-cat-wrp .tabbable .tab-content {
  width: 75%;
  }
  .catlog-wrp .catalog-masonry .fa, .pdf-link p a .fa {
  font-size: 14px;
  }
  .btn-compare {

  /* margin-top: 150px; */
  position: fixed;
  right: -38px;
  top: 292px;
  transform: rotate(90deg);
  }
  .home-slider::after {
  position: inherit;
  }
  .main-heading h2 {
  font-size: 25px;
  }
  .main-heading {
  padding-bottom: 30px;
  }
  .prod-desc-wrp h2 {
  font-weight: 800;
  line-height: 30px;
  }
  .forgot-pass h3 {
  font-size: 21px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1200px) {
  .navbar-brand img {
    width: 190px;
  }
  .navbar-nav li a {
    font-size: 14px;
  }
  .header .dropdown-menu {
    top: 58px;
  }
  .header .navbar .nav-item {
  padding: 0.5rem 6px;
  }
  .btn-compare {
  /* margin-top: 150px; */
  position: fixed;
  right: 38px;
  top: 336px;
  }
}
/*tejashvi */
.dropbtn {
 
  color: #0e8299;
  padding: 16px;
  font-size: 14px;
  border: none;
}

.dropdown {
  /*position: relative;*/
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color:white;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  color: #304449;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.dropdown-content a:hover {background-color: #ddd;}

.dropdown:hover .dropdown-content {display: block;}